@charset "utf-8";
body  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:#C3B594;
	font-size: .8em;
	scrollbar-face-color: #981b1e;
	scrollbar-highlight-color: #dddddd;
	scrollbar-shadow-color: #eeeeee;
	scrollbar-3dlight-color: #eeeeee;
	scrollbar-arrow-color: #eeeeee;
	acrollbar-darkshadow-color: #736a55;
	scrollbar-base-color: #eeeeee;

	
}

a {color: #990000;text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {color:#990000}

.twoColFixLtHdr #bgimage {
	width: 100%;
	background-image:url(images/body-bg.gif);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
} 

.twoColFixLtHdr #container {
	width: 780px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFFFFF;
	background-image: url(images/wholebg.jpg);
} 

.twoColFixLtHdr #header {
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background:url(images/banner-bg.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	height: 125px;
}

.twoColFixLtHdr #homeheader {
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background:url(images/banner-bg.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	height: 120px;
}  

.twoColFixLtHdr #banner {
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0px 0px 0px 0px;
	height: 120px;
} 

.twoColFixLtHdr #brewerybanner {
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0px 0px 0px 0px;
	height: 195px;
}

.twoColFixLtHdr #homebanner {
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0px 0px 0px 0px;
	height: 272px;
}



.twoColFixLtHdr #homebanner embed {
	padding: 0px;
	margin: 0px;
}

.twoColFixLtHdr #homebanner object {
	padding: 0px;
	margin: 0px;
}



.twoColFixLtHdr #navigation {
	width: 100%;
	float: left;
	margin: 56px 0px 0px 0px;
	text-transform:uppercase;
	
} 

.twoColFixLtHdr #topnav {
	width: 100%;
	height: 24px;
	margin: 0px 0px 0px 0px;
	text-transform:uppercase;
	}

.twoColFixLtHdr #topnav ul {
	list-style:none;
	float: right;
	margin:10px 40px 0px 0px;
	padding:0px;
}

.twoColFixLtHdr #topnav li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	float: left;
	padding: 0px 4px 0px 4px;
}

.twoColFixLtHdr #topnav li a {
	text-decoration: none;
	color: #000000;
}

.twoColFixLtHdr #topnav li a:hover {
	color: #993300;
}

.twoColFixLtHdr #navigation ul {
	list-style:none;
	margin:0px 0px 0px 230px;
	padding:0px;
	height:40px;
}

.twoColFixLtHdr #navigation li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	float: left;
	padding: 0px 4px 0px 4px;
	border-right: solid 1px black;
}

.twoColFixLtHdr #navigation li a {
	text-decoration: none;
	color: #000000;
}

.twoColFixLtHdr #navigation li a:hover {
	color: #993300;
	border-bottom: 4px solid #993300;
	display: block;
}

.twoColFixLtHdr #subnav  {
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	background:url(images/underline-ts.gif) bottom no-repeat;
	height: 30px;
}


.twoColFixLtHdr #subnav ul {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 0px;

}

.twoColFixLtHdr #subnav li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	float: left;
	border-right: solid 2px black;
	padding:0px 4px 8px 4px;
	
}

.twoColFixLtHdr #subnav li a {
	text-decoration: none;
	color: #000000;
	
	
}

.twoColFixLtHdr #subnav li a:hover {
	border-bottom: 4px solid #993300;
	color: #993300;
	padding:0px 0px 5px 0px;
	display: block;
}




.twoColFixLtHdr #content { 
	margin: 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ 
	height: auto;

	margin-right: 27px;
	
	
} 

.twoColFixLtHdr #pagecontent { 
	margin: 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ 
	min-height: 500px;
	height: auto;
	background: #736A55 url(../images/panel-head-left.gif) top left no-repeat;
	
	
} 

.twoColFixLtHdr #pagecontent h1 { 
	color: #FFFFFF;
	font-size: 1.1em;
	padding: 18px 0px 0px 18px;
	background: url(images/panel-head-right.gif) top right no-repeat;
	height: 33px;
}


.twoColFixLtHdr #pagecontent2 { 
	margin: 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ 
	min-height: 500px;
	height: auto;
	background: url(images/panel-head2-left.gif) top left no-repeat;
	
	
} 

.twoColFixLtHdr #pagecontent2 h1 { 
	color: #FFFFFF;
	font-size: 1.1em;
	padding: 12px 0px 0px 18px;
	background: url(images/panel-head2-right.gif) top right no-repeat;
	height: 39px;
}

.twoColFixLtHdr #pagecontent3 { 
	margin: 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ 
	height: auto;
	background: url(images/panel-head2-left.gif) top left no-repeat;
	
	
} 

.twoColFixLtHdr #pagecontent3 h1 { 
	color: #FFFFFF;
	font-size: 1.1em;
	padding: 12px 0px 0px 18px;
	background: url(images/panel-head2-right.gif) top right no-repeat;
	height: 39px;
}


#contentinterior .h2 {
	display:block;
	font-size:18px;
	font-weight:700;
}  

#contentinterior {
	margin: 0px 0px 18px 0px;
	background: #d6ceb8;
	padding: 6px;
	min-height: 450px;
	height: auto;
}

#contentinterior p {
	font-size: smaller;
	margin: 0px;
	padding: 0px;
}

#contentinterior td h2 {
	color:#993333;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

#contentinterior .ms-PartSpacingVertical {
	margin:0px auto auto;
}
#contentinterior #subnav {
	margin:0px;
}

#merchandise {
	margin: 12px 6px 6px 6px;
	background: #FFFFFF;
	padding: 6px;
	height: 590px;
	width:400px;
	overflow-x:hidden;
	overflow-y:scroll;
}

#merchandise #items {
	width:360px;
}

#merchandise .notes {
	font-weight:bold;
}

#merchandise .price {
	font-weight:bold;	
}

#merchandise .button {
	width:209px;
	height:50px;
}

#disclaimer {
	background: #000000;
	color: #EEEEEE;
	padding: 6px;
	margin: 12px 0px 12px 0px;

}

#disclaimer h1 {
	color: gold;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}

#disclaimer p {
	font-size: 10px;
	font-weight:bolder;
	padding: 0px;
	margin: 0px;
}

#contentinterior2 {
	margin: 0px;
	padding: 6px;
	min-height: 450px;
	height: auto;
	border-bottom:dotted 1px #666666;

}

#contentinterior2 h2 {
	border-top:dotted 1px #666666;
	font-size: 11px;
	margin: 0px;
	padding: 6px 0px 0px 0px;

}

#contentinterior2 h3 {
	font-size: 13px;
	color:#993333;
	margin: 0px;
	padding: 0px;
}

#contentinterior2 p {
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 6px 0px;
}

.twoColFixLtHdr #panel3 {
	background: #8e8369 ;
	height: auto;
}
.twoColFixLtHdr #panel3 h1 { 
	color: #FFFFFF;
	font-size: 1.1em;
	padding: 10px 0px 0px 12px;
	background: url(images/panel-head3.gif) top right repeat-x;
	height: 33px;
} 

.twoColFixLtHdr #panel3 p, #panel3 td { 
	color: #FFFFFF;
	padding: 6px;
	font-style: bolder;
	font-size: 11px;
} 

.twoColFixLtHdr #panel4 { 
	background: #D3C9B4;
	height: auto;
	padding: 12px;
} 

.smallergrey { 
	font-size: 90%;
	color: #999999;
} 



.trailbottles {
	background:url(images/trail-bottles-right.jpg) no-repeat;
}

.beerbottles {
	background:url(images/beers-bottles.jpg) no-repeat;
}

#content h1, h2, h3, p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 1em 0px;
}

.twoColFixLtHdr #left-column { 
	margin: 0px 0px 0px 76px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 436px;

}

.twoColFixLtHdr #right-column { 
	float: right; /* since this element is floated, a width must be given */
	width: 216px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	
}

.trailsidebar {
	background:url(images/sidebar-gold.gif) repeat-y;
}

#sidebar {
background: #F7EFD3 url(images/redsplash.gif) no-repeat;
margin: 0px 12px 12px 12px;
padding: 0px 4px 4px 4px;

}

#sidebar h3 {
color: #FFF;
font-size: 13px;
text-align:center;

}

#sidebar p {
font-size: 80%;

}

.twoColFixLtHdr #sponsor {
	padding: 0 0px 0 0px;
} 

.twoColFixLtHdr #sponsor p {
	padding-right: 0px;
} 


.twoColFixLtHdr #footer {
	padding: 0 10px 0 20px;
	background-image: url(images/footer-bg.gif);
	background-repeat: repeat-x;
} 

.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 16px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 85%;
	color: #CBC0A6;
}

.twoColFixLtHdr #footer a {
	color: #FFFFFF;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#greypanel {
	background: #847C66 url(images/panelhead.gif) no-repeat;
	padding: 6px;
}

#greypanel h2 {
	font-size: 13px;
	padding: 6px 0px 2em 4px;
	color: white;
}

#greypanel p {
	font-size: 90%;
	padding: 6px;
	margin: 6px;
	color: #333;
	background: #cbc0a6;
}

#imagenav {
	background:url(images/section-beer-bottles.jpg) top right no-repeat;
}

#imagenav-brewery {
	background: url(images/section-brewery-bottles.jpg) top right no-repeat;
	}

#beer {

}

.kyale {
	background:url(images/kyale-tale-of-tape.gif) no-repeat;
}

.kylight {
	background:url(images/kylight-tale-of-tape.gif) no-repeat;
}

.kybbale {
	background:url(images/bbale-tale-of-tape.gif) no-repeat;
}

#kybbale {
	height: 510px;
	background:url(images/ky-bbale-bg.jpg) no-repeat;
}

#kylight {
	height: 510px;
	background:url(images/ky-light-bg.jpg) no-repeat;
}
#kyale {
	height: 510px;
	background:url(images/ky-ale-bg.jpg) no-repeat;
}

#beer {
	margin: 0px 0px 0px 175px;
	padding: 52px 0px 0px 0px;
}
#beer p {
	font-size: 11px;
}

#glass {
	margin: 270px 0px 0px 20px;
	width: 130px;
	float: left;
}

#glass p {
	font-size: 10px;
}

#glass h1 {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 6px 0px;
}

#glass a.light {
	color: #FFFFFF;
	background:#333766;
	font-weight: bold;
	padding: 4px;
}

#glass a.bbale {
	color: #FFFFFF;
	background:#683300;
	font-weight: bold;
	padding: 4px;
}

#glass a.ale {
color: #FFFFFF;
	background:#911619;
	font-weight: bold;
	padding: 4px;
}



#tape {
	color: #FFFFFF;
	width: 260px;
	height: 252px;
}

#tape table {
	width: 240px;
	margin: 60px auto 0px auto;
	
}
#tape td p {
	font-size: 9px;
	line-height: 10px;
	}
	
	#tape td h1 {
	font-size: 11px;
	}
	
.gold {
	color: #DEC149
}

#award {
	font-size: 9px;
	color: #FFFFFF;
	margin: 5px 5px 0px 85px;
}

#webstore-item {
	width: 370px;
	border-bottom: 1px solid #333333;
}

#webstore-item h2 {
	font-size: 13px;
	margin: 0px;
	padding: 6px 0px 4px 0px ;	
}

#webstore-item p {
	color: #333333;
}


#webstore-item table {
	margin: 0px;
	padding: 0px;
}

#webstore-lgitem p {
	font-size: 12px;
}

#webstore-lgitem h2 {
	font-size: 16px;
}


#enlarge a {
	color: #999999;
	background: url(images/magnifier.gif) no-repeat;
	padding: 0px 0px 6px 20px;
	font-size: 10px;
	
}

#enlarge img {
	margin-top: 12px;
}

#checkout {
	width: 110px;
	float: right;
}
#splash {
	width: 706px;
	height: 549px;
	margin: 2px auto 0px auto;
	background: url(images/splash.jpg) no-repeat;
}

#agecheck {
	float: left;
	width: 320px;
	margin: 300px 0px 0px 40px;
}

#agecheck p {
	font-family:Arial, Helvetica, sans-serif;
	color:#993333;
	font-size: 14px;
	font-weight: bold;
}

#splashfooter {
	float: left;
	padding: 4px;
	width: 706px;
}

#newsarchive {
	height: 470px;
	overflow: auto;
	
}

#newsarchive H2 {
	font-size: 12px;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

#newsitem h2 {
	font-size: 18px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	
}

#newsitem p {
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 12px 0px;
	
}

#videopromo {
	width: 376px;
	padding: 12px;
	background:#8E8369;
	margin: 0px 0px 12px 12px;
	
} 

pagecontent2 a {
	color: #CC3300;
	
}


#videopromo h2 {
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	
} 

#videopromo h4 {
	font-size: 9px;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	
}

.ms-WPBody A:link {
	color: #990000;
	
}

.ms-WPBody A:visited {
	
	color: #990000;

	
}

.twoColFixLtHdr #eventspanel { 
	background: #C3B594 url(images/sidebar-bg.gif) repeat-x;
	height: auto;
	
	
	width: 202px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 8px 8px 8px;
	margin: 0px 20px 0px 0px;
	
	

	}
	
	.twoColFixLtHdr #eventspanel h1 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: white;
	font-variant:small-caps;
	padding: 6px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
	

	}
	
	.twoColFixLtHdr #eventspanel p { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 0px;

	}
	
	.twoColFixLtHdr #eventspanel img a { 
		padding-top: 12px;

	}
	

	
	#eventspanel .item  {
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 12px;
		padding: 3px 0px 3px 12px;
			color:#7A7058;	}



.twoColFixLtHdr #blackpanel { 
	
	background:url(images/beer-quote.gif) no-repeat;
	height: 140px;
	margin: 12px;
	padding: 24px 12px 12px 180px;
	display: block;

	}
	
	.twoColFixLtHdr #blackpanel p { 
	font-size: 11px;
	color: white;
	margin: 24px 0px 0px 180px;
	padding: 0px 12px 0px 0px;


	}
	
	.twoColFixLtHdr #content1 { 
	margin: 12px 28px 0px 75px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 12px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ 
	height: auto;
	
} 

.twoColFixLtHdr #sidebar1 {
	width: 219px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 12px 0px;
	margin: 0px 20px 8px 0px;
	float: left;
	
}

.twoColFixLtHdr #sidebar1 p {
	font-size: .9em;

}

.twoColFixLtHdr #sidebar2 {
	width: 202px; /* the background color will be displayed for the length of the content in the column, but no further */
	background:#C3B594;
	padding: 8px;
	margin: 8px 20px 0px 0px;
	float: left;
	

}

.twoColFixLtHdr #sidebar2 p {
	padding: 0px;
	margin: 0px;
	font-size: 10px;

}

.twoColFixLtHdr #sidebar2 h2 {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 6px 0px;

}

.twoColFixLtHdr #sidebar2 h4 {
	font-size: 9px;
	color:#6F6955;
	margin: 0px;
	padding: 0px;

}


.twoColFixLtHdr #sidebar1 p {
	padding: 0px;
	margin: 0px;
	

}

.twoColFixLtHdr #panel { 
	margin:0px 0px 0px 239px;
	background-color: #fbf5e5;
	
	}
	
	.twoColFixLtHdr #mainContent #panel p { 
	padding: 0px 12px 12px 12px;
	}
	
	.twoColFixLtHdr #panel h1 {
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size: 16px;
	padding: 6px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	background:url(images/panel-head.gif) repeat-x;
	height: 48px;
	

}

.twoColFixLtHdr #mainContent { 
	margin: 0px 0px 0px 369px /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.twoColFixLtHdr #mainContent p {
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px 12px 0px 0px;
}

a .photolink  {
	color: #7A7058;
}

#eventdetail  {


}


#eventdetail h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin: 0px;
	padding: 0px;

}

#eventdetail #date {
	}

#eventdetail #time {
	}

#eventdetail #location {
		margin-bottom: 12px;
}
#eventdetail #eventcontent p {
	font-size: 12px;
}

#news-textID0EAAA p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 6px 0px 6px 0px;
}

#news-sourceID0EAAA {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
}


#news-hdg-imgID0EAAA {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	
}

#news-dateID0EAAA {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 9px;
}

#contactusform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.caption {
	
	font-size: 10px;
	color:gray;
	
}

.credit {
	
	font-size: 9px;
	color: black;
}

#extlink {
	
	padding: 0px 0px 12px 0px;
}

.zoom a {
	height: 60px;
	font-size: 9px;
	padding: 0px 0px 30px 20px;
	margin: 0px 0px 12px 0px;
	background: url(http://www.kentuckyale.com/gear/PublishingImages/gosearch.gif) no-repeat;
}