@charset "utf-8";
.bluetext {color: #0000CC; font-size:16px; font-family:Arial, Helvetica, sans-serif;} 
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; list-style:none; border:0; outline:0; font-weight: inherit; 
font-style: inherit; font-size: 100%; vertical-align: baseline;}
body {line-height:1; background:#020202 url(../images/bg.jpg) no-repeat top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f8eabb;}
h1 {font-size:24px; font-weight:bold;}
.container {margin:0 auto; width:875px;}
.fl{margin:0 12px 0 0; float:left;}
#main{margin-top:119px;}
#header{height:158px; width:875px; margin:0;}
#mid{width:876px; margin-top:0px; }
#logo{height:138px; padding:20px 0 0 57px; float:left;}
#nav{height:48px; width:580px; float:right; margin:0 18px 0 0;  }
*html #nav {z-index:99; position: relative; right:-17px;}
#nav ul li{float:left; text-transform:uppercase; color:#c8bc81;}
#nav ul a li{color:#c8bc81; text-decoration:none; cursor:pointer;}
#nav ul a {color:#c8bc81; text-decoration:none;  cursor:pointer;}
#nav ul li.nav1{background: url(../images/btn1.png) no-repeat; height:48px; width:134px; text-align:center; padding:14px 0 0 4px; text-decoration: none;}
#nav ul li.nav2{background: url(../images/btn2.png) no-repeat; height:48px; width:142px; text-align:center; padding:14px 0 0 4px; text-decoration: none;}
#nav ul li.nav3{background: url(../images/btn3.png) no-repeat; height:48px; width:94px; text-align:center; padding:14px 0 0 4px; text-decoration: none;}
#nav ul li.nav4{background: url(../images/btn4.png) no-repeat; height:48px; width:94px; text-align:center; padding:14px 0 0 4px; text-decoration: none;}
*html #nav ul li.nav1, *html #nav ul li.nav2, *html #nav ul li.nav3,*html #nav ul li.nav4{padding-top:22px;}
#nav ul li.nav1:hover{background: url(../images/btn1over.png) no-repeat;}
#nav ul li.nav2:hover{background: url(../images/btn2over.png) no-repeat;}
#nav ul li.nav3:hover{background: url(../images/btn3over.png) no-repeat;}
#nav ul li.nav4:hover{background: url(../images/btn4over.png) no-repeat;}
#mailingList{width:265px; background: url(../images/mailingList.png) no-repeat; height:90px; float:right; margin:17px 18px 0 0;}
#mailingList input.textfield{color:#F8EABB; font-size:14px; margin:44px 0 0 13px; background:transparent; border:none; width:190px}
#mailingList input.btn{float:right; display:inline; margin-top:36px}
#mailingList input.text{color:ffedb0; font-size:12px;}
#hwash{width:875px; background: url(../images/washA.jpg) no-repeat; background-position:-1px 17px; #background-position:0px 17px;  min-height:290px;}
.colA{width:403px; margin-top:35px; line-height:18px; float:left; padding:5px 0 0 60px;}
.colB{width:370px; margin:17px 25px 0 0; background: url(../images/glass.png) no-repeat right; height:267px; float:right;}
#colC{height:251px; overflow:hidden; width:256px ;background: url(../images/headerTwit.png) no-repeat; background-position:0px; float:left; margin-top:37px; color:#f5e9bd;}
*html #colC{height:251px; overflow:hidden; width:256px ;background: url(../images/headerTwit.png) no-repeat; background-position:5px 0px; float:left; margin-top:37px; color:#f5e9bd;}
#colC a{color:#f5e9bd; text-decoration:underline;}
#colC div{margin-top:16px; padding:0 45px; line-height:14px; overflow:hidden;}
#colCa {height:257px; overflow:hidden; width:256px ;background: url(../images/beerleftimg.png) no-repeat; background-position:0px; float:left; margin-top:37px; color:#f5e9bd;}
#colCb {height:257px; overflow:hidden; width:256px ;background: url(../images/joshleft.png) no-repeat; background-position:0px; float:left; margin-top:37px; color:#f5e9bd;}
#colCc {height:257px; overflow:hidden; width:256px ;background: url(../images/beer2leftimg.png) no-repeat; background-position:0px; float:left; margin-top:37px; color:#f5e9bd;}

#colD {height:403px;  width:619px; float:left; position:relative; top:-110px; left:-1px; background: url(../images/washC.jpg) no-repeat; color:#f5e9bd;}
#colD .msg{padding:0; font-size:14px; color:#f8eabb; line-height:20px;}
#colD div {margin:29px 20px 20px 20px; line-height:18px;}
#colD div div {margin-top:0;}
#colD div .news{margin:0;   }
#colD div .jScrollPaneDrag{margin-top:26px; margin-bottom:0;}
#colD a{color:#f8eabb; text-decoration:underline;}
.date{background: url(../images/dateback.jpg) no-repeat ; margin-right:12px; padding:3px 7px }

#colE {height:403px;  width:619px; float:left; position:relative; top:-110px; left:-1px; background: url(../images/washE.jpg) no-repeat; color:#f5e9bd;}
#colE .msg{padding:0; font-size:14px; color:#f8eabb; line-height:20px;}
#colE div {margin:29px 20px 20px 20px; line-height:18px;}
#colE div div {margin-top:0;}
#colE div .news{margin:0;  }
#colE div .jScrollPaneDrag{margin-top:26px; margin-bottom:0;}
#colE a{color:#f8eabb; text-decoration:underline;}

#colF {height:403px;  width:619px; float:left; position:relative; top:-110px; left:-1px; background: url(../images/washF.jpg) no-repeat; color:#f5e9bd;}
#colF .msg{padding:0; font-size:14px; color:#f8eabb; line-height:20px;}
#colF div {margin:29px 20px 20px 20px; line-height:18px;}
#colF div div {margin-top:0;}
#colF div .news{margin:0;  }
#colF div .jScrollPaneDrag{margin-top:26px; margin-bottom:0;}
#colF a{color:#f8eabb; text-decoration:underline;}

#colG {height:403px;  width:619px; float:left; position:relative; top:-110px; left:-1px; background: url(../images/washG.jpg) no-repeat; color:#f5e9bd;}
#colG .msg{padding:0; font-size:14px; color:#f8eabb; line-height:20px;}
#colG div {margin:29px 20px 20px 20px; line-height:18px;}
#colG div div {margin-top:0;}
#colG div .news{margin:0; height: 270px;  }
#colG div .jScrollPaneDrag{margin-top:26px; margin-bottom:0;}
#colG a{color:#f8eabb; text-decoration:underline;}

#colH {height:403px;  width:619px; float:left; position:relative; top:-110px; left:-1px; background: url(../images/washH.jpg) no-repeat; color:#f5e9bd;}
#colH .msg{padding:0; font-size:14px; color:#f8eabb; line-height:20px;}
#colH div {margin:29px 20px 20px 20px; line-height:18px;}
#colH div div {margin-top:0;}
#colH div .news{margin:0;  }
#colH div .jScrollPaneDrag{margin-top:26px; margin-bottom:0;}
#colH a{color:#f8eabb; text-decoration:underline;}

#pane3 ul li ul li {margin:3px 5px 3px 12px; line-height: 16px;}
.social li{width:50px; float: left;}
.social li.twit{margin:20px 30px 0 0px;}
.social li.facebook{margin:20px 0 0 0;}

h3{ font-size:16px; color:#eedb91; margin:7px 0;}
p{margin-bottom:12px;}
*html .colB{margin:17px 12px 0 0;}
.m10{width:236px; height:15px;}
.gear{float:right; margin:15px 40px 0 0;}
#subnav{height:31px; width:875px; margin:15px 0 7px 0; color:#9e7e59;  position: relative; top:-113px; }
*html #subnav{top:-127px;}
#subnav a{color:#9e7e59; text-decoration:none}
#subnav a:hover{color:#c8bc8; text-decoration:underline;}
#subnav ul li{float:left; width:114px; text-align:center; padding:14px 0; margin:0 0 0 3px;}
#footer {margin:15px 0 0 0; height:83px; font-size:11px; text-align:center; color:#5b502e; text-transform:uppercase; line-height:16px; position: relative; top:-113px;}
#footer a{color:#5b502e; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}

/* Scroll Starts Here */
a.jScrollArrowUp {background: url(../images/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -15px;}
a.jScrollArrowDown {background: url(../images/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}
.holder {float: left; margin: 10px;}
.scroll-pane {width: 520px;	height: 200px; overflow:auto; background:none; float:left;}
.wide {width: 400px;}
.super-wide {width: 700px;}
.tall {height: 400px;}
#pane3 {height:300px;}

.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1; padding-right:13px;}
.jScrollPaneTrack {position: absolute; cursor: pointer; right: -10px; top: -30px; height: 100%; background: url(../images/track.gif) no-repeat;}
.jScrollPaneDrag {position: absolute; background: url(../images/scroller.png) no-repeat top; width:30px; #width:39px; height:30px;  right:-16px; #right:-7px; cursor: pointer; overflow: hidden;}
*html .jScrollPaneDrag {background: url(../images/scroller.gif) no-repeat top; right:-7px;}
.jScrollPaneDragTop {position: absolute; top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;	bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/	height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: 0;	right: 0;	text-indent: -2000px;	overflow: hidden;	/*background-color: #666;*/	height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {	/*background-color: #f00;*/}

/* Scroll Bar Ends Here */

/********************************************** BEGIN ALSTAT CLEARING METHOD **********************************************/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/**********************************************   END ALSTAT CLEARING METHOD **********************************************/