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

/* main layout */


body {
    /*border-top: 15px solid #00529B;*/
    color: #515151;
    font-family: 'PT Sans',sans-serif;
	font-weight: normal;
    font-size: 100%;
    line-height: 150%;
    position: relative;
}
body#page {
    background: none repeat scroll 0 0 #1E7FB9;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
#page-header {
	margin: 0;
	padding: 0;
	background-color: #156B6C;
	background: url(images/site/site/header_bg.png) repeat-x;
}
#header {
	margin-left: auto;
	margin-right: auto;	
}
#header-wrapper {
	background: url(images/site/mountain_bg.png) no-repeat center;
	overflow: hidden;
}
#page-body {
	background: url(images/site/page_bg.png) repeat-x;
    background-color: #FAFBEA;
    padding: 30px 0 40px;
}
#page-body div.wrapper {
    position: relative;
}
.wrapper {
    width: 100%;
	margin: auto;
}
#middle-wrapper {
	
}
#middle {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    width: 960px;
    clear: both;
    min-height: 300px;
	background-color: #FFFFFF;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	box-shadow: 0 0 8px #333333;
}
#fullwidth {
	padding: 50px;
}
#page-footer {
	background-color: #1E7FB9;	
	margin: 0;
	padding: 0;
}
#footer-wrapper {
	background: url(images/site/burst_bg.png) no-repeat center;
	overflow:visible;
	height: 200px;
}
#footer {
    color: #F6F7E2;
    padding: 30px 0 20px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	letter-spacing: .0125em;
	font-size: 105%;
}

/* 2-column */
#middle-expand {
    width: 200%;
}
#main {
    float: left;
    left: 50%;
    position: relative;
    width: 50%;
}
#main-shift {
    margin-right: 280px;
}
#main-shift {
    left: -100%;
    overflow: hidden;
    position: relative;
}
#mainmiddle {
    overflow: hidden;
    position: relative;
    width: 100%;
}
#mainmiddle-expand {
    width: 200%;
}
#content {
    float: left;
    left: 50%;
    position: relative;
    width: 50%;
}
#content-shift {
    left: -100%;
    overflow: hidden;
    position: relative;
}
#right {
    margin-left: -270px;
    width: 270px;
    float: left;
    overflow: hidden;
}
#right-wrapper {
	padding-left: 20px;
}

/* navigation */

#beernav {
	width: 1024px;
	height: 250px;
	padding: 0;
	position: relative;
	background-image: url(images/site/beerfest_header.png);
	margin: 0 auto;
	/*margin:10px;
	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/site/beerfest_header_up.png) 0px 0px no-repeat;}
#btn1 a:hover {background: url(images/site/beerfest_header_up.png) -240px 0px no-repeat;}
#btn2 a:hover {background: url(images/site/beerfest_header_up.png) -376px 0px no-repeat;}
#btn3 a:hover {background: url(images/site/beerfest_header_up.png) -512px 0px no-repeat;}
#btn4 a:hover {background: url(images/site/beerfest_header_up.png) -648px 0px no-repeat;}
#btn5 a:hover {background: url(images/site/beerfest_header_up.png) 960px -220px no-repeat;}
#btn6 a:hover {background: url(images/site/beerfest_header_up.png) -240px -210px no-repeat;}
#btn7 a:hover {background: url(images/site/beerfest_header_up.png) -376px -210px no-repeat;}
#btn8 a:hover {background: url(images/site/beerfest_header_up.png) -512px -210px no-repeat;}
#btn9 a:hover {background: url(images/site/beerfest_header_up.png) -648px -210px no-repeat;}

/* links */

a {
	text-decoration: none;
}
a:link {
	color: #156b6c;
}    
a:visited {
	color: #156b6c;
}
a:hover {
	color: #1E7FB9;
	text-decoration: underline;
} 
a.nohover:hover {
	background: none !important;
}
a:active {
	color: #156b6c;
}
#footer a {
	text-decoration: none;
}
#footer a:link {
	color: #13547B;
}    
#footer a:visited {
	color: #13547B;
}
#footer a:hover {
	color: #F2F5CD;
} 
#footer a:active {
	color: #F2F5CD;
}

/* text */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Coustard', serif;
	padding-bottom: 20px;
	color: #156B6C;
	line-height: 110%;
	font-weight: bold;
}
h2 {
	color: #3E5F68;
}
#right h1, #right h2, #right h3, #right h4, #right h5, #right h6 {
	font-family: 'Coustard', serif;
	padding-bottom: 20px;
	color: #1E7FB9;
}
#right h2 {
	font-size: 170%;	
}
p {
	padding-bottom: 15px;
}
#listcontent p strong {
	font-size: 135%;
	color: #1E7FB9;
	line-height: 115%;
}
li {
	list-style: outside;
	margin-left: 20px;
	padding-bottom: 10px;
}
td {
	line-height: 1.75em;
	font-size: 85%;
}

/* images */

#content img, #right 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
}
#middle #listcontent {
	width: 860px;
	display: block;
	overflow: visible;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#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;
}
#listcontent p {
    float: left;
    font-size: 90%;
    line-height: 1.25em;
    margin: 0;
    padding-right: 35px;
    width: 190px;
}
.noborder img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#right dl {
	float: left;
}
#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;
} 

/* classes */

.clearboth {
	clear: both;
	height: 1px; 
}
.special {
	text-align: center;
	font-size: 90%;
}
.small {
	font-size: 80%;
	line-height: 1.25em;
}
.tiny {
	font-size: 90%;
	line-height: 1.25em;
}
.smallcaps {
	line-height: 1.5em;
	font-variant: small-caps;
	font-size: 80%;
}