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

body {
	marign:0;
	padding:0;
	background-color:#a2a2a2;
	background-image:url(images/background_image.png);
	background-repeat:repeat-y;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17pt;
	color:#965454;
	font-weight:100;
	text-align:center;
	margin:0;
}

h2 {
	color:#727272;
	font-size:12pt;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:100;
	margin:0;
}

p {
	font-size:10pt;
	font-family:Verdana, Geneva, sans-serif;
	color:#965454;
	margin:0;
	padding:0;
}

#header_top {
	height:32px;
	width:808px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/header_top.png);
}

#header_logo {
	height:71px;
	width:808px;
	margin-left:auto;
	margin-right:auto;
}

#header_bottom {
	height:22px;
	width:808px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/header_bottom.png);
}

#flash {
	background-image:url(images/flash_outline.png);
	height:192px;
	width:808px;
	margin-left:auto;
	margin-right:auto;
}

#flash_container {
	width:783px;
	margin-left:12px;
	margin-top:2px;
	float:left;
}

#nav_bar {
	background-image:url(images/nav_bar.png);
	height:33px;
	width:808px;
	margin-left:auto;
	margin-right:auto;
	background-repeat:no-repeat;
}

#nav_bar ol {
	margin:0;
	padding:0;
}

#nav_bar li {
	float:left;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	background-image:url(images/nav_button.png);
	width:67px;
	height:30px;
	list-style-type:none; 
	padding:0;
	line-height:30px;
	text-align:center;
	padding-right:1px;
}

#nav_home {
	margin-left:210px;
}

#nav_bar a { color:#FFFFFF; text-decoration:none; }
#nav_bar a:hover { color:#D2D1D0; text-decoration:none; }

#inbetween { height:10px; width:808px; margin-left:auto; margin-right:auto; background-image:url(images/inbetween.png); }

#main_box {
	width:808px;
	overflow:auto;
	background-image:url(images/main_back.png);
	margin-left:auto;
	margin-right:auto;
	background-repeat:repeat-y;
}

#main_left {
	margin-left:12px;
	float:left;
	width:189px;
	padding-left:5px;
	padding-top:5px;
}

#beers_header {padding-top:8px;}

#search_box {
	background-image:url(images/search_box.jpg);
	height:17px;
	width:131px;
	border:none;
	padding-left:5px;
	margin-top:10px;
	float:left;
}

#go_button { margin-left:3px; margin-top:9px; }

#main_left li {
	list-style-type:circle;
	color:#965454;
	font-size:10pt;
	font-family:Verdana, Geneva, sans-serif;
	list-style-position:outside;
	margin-left:-15px;
	padding-bottom:5px;
}

#main_right {
	float:left;
	width:159px;
	text-align:right;
	padding-right:15px;
	padding-top:5px;
}

#main_right h2 {
	text-align:right;
}

#main_right p {color:#555; padding-top:5px; }
#main_right p a {color:#555; padding-top:5px; }

#main_middle {
	width:376px;
	float:left;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
}

#main_middle p { padding-top:10px; }

#footer {
	width:808px;
	height:38px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/footer.png);
	text-align:center;
}

#footer p {
	color:#965454;
	font-size:9pt;
	padding-top:10px;
}

#contact p {
	text-align:center;
}

#table_container {
	width:300px;
	margin-left:19px;
	margin-right:13px;
	margin-left:auto;
	margin-right:auto;
}

#table_container table {
	font:11px/24px Verdana, Geneva, sans-serif;
	border-collapse: collapse;
	width:300px;
	color:#333;
	border-left:1px solid #965454;
	border-right:1px solid #965454;
	border-bottom:1px solid #965454;
}

#table_container table th {
	border: 1px solid #965454;
	font-weight:100;
	padding:2px;
}

#table_container table td {
	border-right:1px solid #965454;
	border-left:1px solid #965454;
	font:11px Verdana, Geneva, sans-serif;
	color:#555;
	text-align:center;
	padding:5px;
}

#table_container table td a {
	font:11px Verdana, Geneva, sans-serif;
	color:#555;
	text-align:center;
	padding:5px;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: normal;
}