@charset "UTF-8";
/* CSS Document */


/*Links*/

a {
	text-decoration: none;
}
a:link {
	color: #156b6c;
	font-weight: bold;
}    
a:visited {
	color: #156b6c;
	font-weight: bold;
}
a:hover {
	color: #3e5f68;
	background-color: #8bc4ba;
	font-weight: bold;
} 
a:active {
	color: #156b6c;
}
.special a:hover {
	background-color: transparent;	
}
#footer a {
	text-decoration: none;
}
#footer a:link {
	color: #3e5f68;
}    
#footer a:visited {
	color: #3e5f68;
}
#footer a:hover {
	color: #f3f5cb;
	background-color: #1d7fb8;
	font-weight: bold;
} 
#footer a:active {
	color: #3e5f68;
} 

/*Main Layout*/

body {
	background-image: url(images/bg_blue.gif);
	background-repeat: repeat-x;
	background-color: #f3f5cb;
}

body,#footer {
	min-width:779px;
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
}
#main {
	background-color: #ffffff;
	background-image:none;
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
}	
#splash {
	width: 779px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 45px;
	background-color: #FFFFFF;
}	
#content,#listcontent,#footer {
	overflow:visible;
	display:block;
}
#content {
	width: 779px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 30px;
	background-color: #FFFFFF;
}
#content img {
	padding: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #999999;
	margin-top: 10px;
	margin-left:15px
}
#left {
	float: left;
	width:70%;
	margin-right:5%;
	background-color: #FFFFFF;
	margin-bottom: 25px;
}
#right {
	float:left;
	width:24%;
	background-color: #FFFFFF;
	margin-bottom: 25px;
}
#listcontent {
	width: 779px;
	margin-top: 25px;
	margin-bottom: 10px;
}
#listcontent img {
	float: left;
	margin-bottom: 25px;
	padding: 4px;
	margin-right: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #999999;
	vertical-align: top;
}
#footer {
	clear:left;
	background-image: url(images/footer_bg.png);
	
	padding:5px;
	background-color: #f3f5cb;
}
.noborder img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.special {
	text-align: center;
	font-size: 90%;
}
	
.clearboth {
	clear: both;
	height: 1px; 
}

/*Navigation*/

#beernav {
	width: 1024px;
	height: 250px;
	padding: 0;
	margin:10px;
	position: relative;
	background-image: url(images/beerfest_header.png);
	top: -10px;
	left: -10px;
}
#beernav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#beernav a {display: block;}

#btn0 {left: 0px; top: 0px; width: 240px; height: 210px;}
#btn1 {left: 240px; top: 0px; width: 136px; height: 210px;}
#btn2 {left: 376px; top: 0px; width: 136px; height: 210px;}
#btn3 {left: 512px; top: 0px; width: 136px; height: 210px;}
#btn4 {left: 648px; top: 0px; width: 136px; height: 210px;}
#btn5 {left: 960px; top: 220px; width: 50px; height: 30px;}
#btn6 {left: 240px; top: 210px; width: 136px; height: 40px;}
#btn7 {left: 376px; top: 210px; width: 136px; height: 40px;}
#btn8 {left: 512px; top: 210px; width: 136px; height: 40px;}
#btn9 {left: 648px; top: 210px; width: 136px; height: 40px;}

#btn0 a {height: 210px;}
#btn1 a {height: 210px;}
#btn2 a {height: 210px;}
#btn3 a {height: 210px;}
#btn4 a {height: 210px;}
#btn5 a {height: 30px;}
#btn6 a {height: 40px;}
#btn7 a {height: 40px;}
#btn8 a {height: 40px;}
#btn9 a {height: 40px;}

#btn0 a:hover {background: url(images/beerfest_header_up.png) 0px 0px no-repeat;}
#btn1 a:hover {background: url(images/beerfest_header_up.png) -240px 0px no-repeat;}
#btn2 a:hover {background: url(images/beerfest_header_up.png) -376px 0px no-repeat;}
#btn3 a:hover {background: url(images/beerfest_header_up.png) -512px 0px no-repeat;}
#btn4 a:hover {background: url(images/beerfest_header_up.png) -648px 0px no-repeat;}
#btn5 a:hover {background: url(images/beerfest_header_up.png) 960px -220px no-repeat;}
#btn6 a:hover {background: url(images/beerfest_header_up.png) -240px -210px no-repeat;}
#btn7 a:hover {background: url(images/beerfest_header_up.png) -376px -210px no-repeat;}
#btn8 a:hover {background: url(images/beerfest_header_up.png) -512px -210px no-repeat;}
#btn9 a:hover {background: url(images/beerfest_header_up.png) -648px -210px no-repeat;}

/*Text*/

#content p, #content #left p {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.25em;
	font-size: 95%;
	font-weight: normal;
	margin-left: 25px;
}
#content h1, #content #left h1 {
	font-family: Lucida Grande, Trebuchet MS, Geneva, Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	font-size: 120%;
	font-weight: bold;
	color: #1d7fb8;
	letter-spacing: .05em;
	margin-left: 25px;
}
#content h2, #content #left h2 {
	font-family: Lucida Grande, Trebuchet MS, Geneva, Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	letter-spacing: .05em;
	margin-left: 35px;
}
#content #left td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.75em;
	font-size: 85%;
	font-weight: normal;
}
#content #right p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: .035em;
	margin: 5px;
	line-height: 1.4em;
	color: #156b6c;
}
#content #right h1 {
	font-family: Lucida Grande, Trebuchet MS, Geneva, Helvetica, Arial, sans-serif;
	font-size: 115%;
	font-weight: bold;
	letter-spacing: .04em;
	margin: 10px;
	line-height: 1.35em;
	color: #3e5f68;
}
#listcontent h2 {
	font-family: Lucida Grande, Trebuchet MS, Geneva, Helvetica, Arial, sans-serif;
	line-height: 1.75em;
	font-size: 110%;
	font-weight: bold;
	color: #333333;
	letter-spacing: .05em;
	margin-left: 25px;
}
#listcontent p {
	float: left;
	width: 190px;
	margin-bottom: 25px;
	margin-top: 25px;
	padding-right: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.25em;
	font-size: 90%;
	margin: 0; 
}
#listcontent strong {
	font-size: 120%;
	font-weight: bold;
	font-family: Lucida Grande, Trebuchet MS, Geneva, Helvetica, Arial, sans-serif;
	line-height: 1.25em;
	color: #156b6c;
}
#footer p {
	font-family: Lucida Grande, Trebuchet MS, Geneva, Helvetica, Arial, sans-serif;
	font-size: 80%;
	font-weight: normal;
	letter-spacing: .2em;
	line-height: 1.75em;
}
#footer strong {
	font-weight: bold;
}
.small {
	font-size: 75%;
	line-height: 1.25em;
}
.tiny {
	font-family: Lucida Grande, Trebuchet MS, Geneva, Helvetica, Arial, sans-serif;
	font-size: 80%;
	font-weight: normal;
	letter-spacing: .2em;
}
.smallcaps {
	line-height: 1.5em;
	font-variant: small-caps;
	font-size: 80%;
}


/*Pictures*/

#content #right dl {
	float: left;
}
#content #right dt {
	float: left;
	margin-bottom:5px;
	width:55px;
}

/*Form*/

#content #left fieldset {
	font-family: Lucida Grande, Trebuchet MS, Geneva, Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
	margin-top: 30px;
}
#content #left legend {
	font-size: 105%;
	padding: 0 2px;
 	font-weight: bold;
	margin: 0 -7px;
	display: inline-block;
}
#content #left label {
	width: 7em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
  	line-height: 1.8;
  	width: 120px
}
#content #left .submit input {
	margin-left: 9em;
}