@charset "utf-8";
* { margin:0; padding:0;
}

body {
	margin-top: 0px;
	background-color: #1a1601;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: top;
	
}

a img {border:none;
}
.clr {
clear:both;
}

ul
{
list-style-image:url("/images/bullet.png");
list-style-type:square;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #333333;
margin-left:30px;
margin-right:20px;
margin-bottom:15px;
}

ul li{
margin-bottom:5px;
}

#vis {
    width: 100%;
    /*height:100%;*/
    margin-top: 0;
    background: url(../images/cbg.jpg) no-repeat 50% 0;
}

#container {
	width: 942px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#topsec{
	width:100%;
	min-height:310px;
	background-image: url(../images/bti.png);
	background-repeat: no-repeat;
	background-position: bottom;	
}

/* CSS for rotating images *******************************************
*********************************************************************/


#rotating_items{
	position: relative;
}

img.floatleft{
float:left;
padding: 20px 13px 4px 0px;
}


#rotating_items h3{
		margin: 0px;
}
#rotating_items div.rotating_item{
		position: absolute;
}

/***********BREWERIES**************/

#michigan {
	height:106px;
	width: 276px;
	background-image: url(../images/michigan.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}


#ohio {
	height:106px;
	width: 276px;
	background-image: url(../images/ohio.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#indiana {
	height:106px;
	width: 276px;
	background-image: url(../images/indiana.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#california {
	height:106px;
	width: 276px;
	background-image: url(../images/california.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#scotland {
	height:106px;
	width: 276px;
	background-image: url(../images/scotland.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}


#maine {
	height:106px;
	width: 276px;
	background-image: url(../images/maine.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#newhampshire {
	height:106px;
	width: 276px;
	background-image: url(../images/newhampshire.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#pennsylvania {
	height:106px;
	width: 276px;
	background-image: url(../images/pennsylvania.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#colorado {
	height:106px;
	width: 276px;
	background-image: url(../images/colorado.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#newyork {
	height:106px;
	width: 276px;
	background-image: url(../images/newyork.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#delaware {
	height:106px;
	width: 276px;
	background-image: url(../images/delaware.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}


#kentucky {
	height:106px;
	width: 276px;
	background-image: url(../images/kentucky.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#quebec {
	height:106px;
	width: 276px;
	background-image: url(../images/quebec.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#maryland {
	height:106px;
	width: 276px;
	background-image: url(../images/maryland.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#massachussets {
	height:106px;
	width: 276px;
	background-image: url(../images/massachussets.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#germany {
	height:106px;
	width: 276px;
	background-image: url(../images/germany.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#vermont {
	height:106px;
	width: 276px;
	background-image: url(../images/vermont.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#washington {
	height:106px;
	width: 276px;
	background-image: url(../images/washington.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#wisconsin {
	height:106px;
	width: 276px;
	background-image: url(../images/wisconsin.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

#oregon {
	height:106px;
	width: 276px;
	background-image: url(../images/oregon.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;
}

/*************************************/

#info {
    width: 878px;
    min-height: 595px;
    /*height:100%;*/
    overflow:hidden;/*contain floats*/
    background: url(../images/infobg.png) repeat-y;
    margin:auto;
}

#sinfo {
	width: 869px;
	margin-left:13px;
	padding-top:15px;
	margin-bottom:15px;
	clear:both;
	overflow:hidden;
}

#sponinfo a:link {
	color: #ffffff;
	text-shadow: #222222 3px 1px 2px;	
}

#sponinfo a:hover {
	color: #f6e44f;	
}

#sponinfo a:visited {
	color: #919191;		
}


#sponinfo {
	width: 402px;
	margin-right:20px;
	margin-left:5px;
	padding-top:15px;
	margin-bottom:15px;
	float:left;
	height:130px;
}

#sponinfo h2 {
	color: #f6e134;
	font-size:16px;
	font-weight:700;
	font-family: tahoma, Helvetica, sans-serif;
	top:-12px;
	text-shadow: #222222 3px 1px 2px;
	text-transform:uppercase;
}

#sponinfo h2.spon {
	color: #f6e134;
	font-size:19px;
	font-weight:700;
	font-family: tahoma, Helvetica, sans-serif;
	top:-12px;
	text-shadow: #222222 3px 1px 2px;
	text-transform:uppercase;
	margin-bottom:5px;
}

#sponinfo h3 {
	color: #fbf19b;
	font-size:14px;
	font-weight:500;
	font-family: tahoma, Helvetica, sans-serif;
	margin-bottom:-1px;
}

#sponinfo h3.spon {
	color: #fbf19b;
	font-size:17px;
	font-weight:500;
	font-family: tahoma, Helvetica, sans-serif;
}

#sponinfo h4 {
	color: #f6e134;
	font-size:21px;
	font-weight:700;
	font-family: tahoma, Helvetica, sans-serif;
	top:-12px;
	text-shadow: #222222 3px 1px 2px;
	text-transform:uppercase;
}

#sponinfo p {
	color: #ffffff;
	text-shadow: #222222 3px 1px 2px;	
	font-size:13px;
	font-weight:300;
	font-family: tahoma, Helvetica, sans-serif;
}

#binfo {
	width: 869px;
	margin-left:13px;
	padding-top:15px;
	margin-bottom:15px;
	clear:both;	
}

#binfo p {
	color: #ffffff;
	font-size:16px;
	font-weight:700;
	font-family: tahoma, Helvetica, sans-serif;
}

#binfo h2 {
	color: #f6e44f;
	font-size:18px;
	font-weight:700;
	font-family: tahoma, Helvetica, sans-serif;
	margin-top:12px;
}

#binfo h4 {
	color: #f7ed98;
	font-size:13px;
	font-family: tahoma, Helvetica, sans-serif;
	margin-top:5px;

}

#binfo a:link {
	color: #ffffff;
	font-size:13px;
	font-family: tahoma, Helvetica, sans-serif;
}

#binfo a:hover {
	color: #f6e44f;
	text-decoration:none;
	font-size:13px;	
	font-family: tahoma, Helvetica, sans-serif;	
}

#binfo a:visited {
	color: #919191;
	font-size:13px;	
	font-family: tahoma, Helvetica, sans-serif;		
}


#infohead {
	width: 878px;
	min-height: 52px;
	background-image: url(../images/infobg.png);
	background-repeat: repeat-y;
	background-position: left-top;
	text-align:center;	
	margin-left:auto;
	margin-right:auto;

}

#infotop {
	width: 878px;
	height: 29px;
	background-image: url(../images/infotop.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-left:auto;
	margin-right:auto;
}

#infobot {
    width: 878px;
    /*height: 20px;*/
    min-height: 60px;
    background-image: url(../images/infobot.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-left:auto;
    margin-right:auto;
    /*margin-bottom:45px;*/
}

#infobot p {
	color: #ffffff;
	font-style: italic;
	font-size:13px;
	font-weight:300;
	font-family: georgia, Helvetica, sans-serif;

}

#infobot a:link {
	color: #f6e44f;
	font-size:13px;
	font-style: italic;
	font-family: georgia, Helvetica, sans-serif;
}

#infobot a:hover {
	color: #ffffff;
	text-decoration:none;
	font-size:13px;	
	font-style: italic;
	font-family: georgia, Helvetica, sans-serif;	
}

.flft {
float:left;
margin-left:37px;
}

.frgt {
float:right;
margin-right:37px;
}


/* HEADER ------------------------------------------ */
#header {
	height: 180px;
	padding-top: 10px;
}
.teen {
	float: right;
	margin-top: 14px;
}
/* NAVIGATION -------------------------------------- */

.navcontainer {
   height:45px;
   position:relative;
}


#menuleft{
float:left;
margin-left:39px;
}

#item1{
float:left;
margin-left:1px;
}

#item2{
float:left;
margin-left:23px;
}

#item3{
float:right;
margin-right:1px;
}

#item4{
float:right;
margin-right:23px;
}

#menuright{
float:right;
margin-right:43px;
}

img.lm{
margin-left:20px;
}

img.rm{
margin-right:20px;
}

a.home {  
display: block;  
width: 112px;  
height: 44px;  
background: url(../images/home.png) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
 }  

a:hover.home {  
   background-position: 0 -44px;  
} 

a.breweries {  
display: block;  
width: 112px;  
height: 44px;  
background: url(../images/breweries.png) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
 }  

a:hover.breweries {  
   background-position: 0 -44px;  
} 

a.sponsors {  
display: block;  
width: 112px;  
height: 44px;  
background: url(../images/sponsors.png) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
 }  

a:hover.sponsors {  
   background-position: 0 -44px;  
} 

a.vendors {  
display: block;  
width: 112px;  
height: 44px;  
background: url(../images/vendors.png) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
 }  

a:hover.vendors {  
   background-position: 0 -44px;  
} 

/* images -------------------------------------- */

img.lft{
float:left;
padding:0px 15px 3px 0px;
}

img.blft{
float:left;
margin: 4px 5px 1px 5px;
}

#tmbcontainer {
	height: 120px;
}

img.logol{
float:left;
margin-left:45px;
}

img.logor{
float:right;
margin-right:85px;
}

img.lftt{
float:left;
padding:0px 15px 3px 0px;
}

img.lft2{
float:left;
padding:10px 15px 3px 35px;
}

img.rgt{
float:right;
padding:0px 1px 1px 13px;
}


/* CONTENT -------------------------------------- */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	margin-bottom: 1px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #988f02;
	margin-bottom: 5px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
	margin-top: 5px;
}

h5 {
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
	text-transform:uppercase;
	color: #f6e134;
	margin-bottom: 5px;
}

h6 {
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #f6e134;
	margin-bottom: -3px;
}




input {
 font-family: tahoma, helvetica;
 color: #222222;
 font-weight: bold;
 font-size: 125%;
 padding: 5px;
}


.line {
	background-color: #504722;
	height: 1px;
	width: 100%;
	font-size: 1px;
	color: #504722;
	margin-bottom: 15px;
	margin-top: 7px;
}

#qwrap {
	width:540px;
	float:left;
	margin-bottom:21px;
}


#leftcol {
	width:540px;
	height:100%;
	overflow:hidden;
	float: left;
        line-height:21px;
        margin-left:30px;
}

#leftcol p{
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #fffdea;
        margin-bottom:15px;
}




.rightcol {
	float: right;
	width: 248px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	margin-left:15px;
	margin-right:30px;
}
.rightcol a:link {
	color: #f6e44f;
	font-size:13px;
	font-family: tahoma, Helvetica, sans-serif;
}

.rightcol a:hover {
	color: #ffffff;
	text-decoration:none;
	font-size:13px;	
	font-family: tahoma, Helvetica, sans-serif;	
}


.rightcol p{
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #fffdea;
        margin-bottom:15px;
        line-height:23px;
}

.rightcol h2{
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #a47606;
        margin-bottom:5px;
        margin-top:5px;        
}


.RightNavContainer
{
	margin-top: -6px;
	padding-left: 2px;
	width: 275px;
	padding-bottom: 40px;
}


.RightNavContainer .NavHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	background-color: #000000;
	color: #FFFFFF;
	padding: 10px;
	padding-left: 15px;
	border: solid 1px #999999;


}

.NavList
{

	background-color: #e3f0fd;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	border: solid 1px #999999;
        padding-left:15px;
        padding-right:15px;
        line-height:25px;
	font-size:12px;
}

.NavList a
{
		font-size: 13px;
        color:#000000;
		border-width:1px;
		text-decoration:none;

}

.NavList a:hover
{
	font-size: 13px;
        color:#000000;
        text-decoration:underline;

}

.dashedline {
	height: 1px;
	width: 100%;
	font-size: 1px;
	color: #999999;
	margin-bottom: 5px;
	margin-top: 5px;
	border-bottom-style:dashed;
	border-width:1px;
}

#gallery {
	padding-left: 10px; overflow:hidden; width: 490px;
}	




/* FOOTER -------------------------------------- */
#footer {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #faeb00;
	padding-left: 10px;
}
.footleft {
	width: 560px;
	padding-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #988f02;
	float: left;
	margin-bottom: 15px;
}
.footleft a:link, .footizq a:active, .footizq a:visited {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
.footleft a:hover {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
}
.footright {
	width: 220px;
	padding-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 30px;
	background-image: url(../images/footerbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float: right;
	height: 138px;
	padding-right: 30px;
}
.footright a:link, .footder a:active, .footder a:visited {
	color: #988f02;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.footright a:hover {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
}