* {
	outline:none;}

body {font-size: 75%;}
html>body {font-size: 12px;
	}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td 
	{  
	margin:0; 
	padding:0;
	font-family:Verdana, Geneva, Helvetica, sans-serif;
	color:#FFFFFF;}
p {font-size:12px;
	line-height: 1.268em;
	margin-bottom:12px;}
h1 {
	font-family:Georgia, Times, serif;
	font-size:1.5em;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 1em;}
h2 {
	font-family:Georgia, Times, serif;
	font-size:1.1667em;
	line-height: 1.286em;
	margin-top: 1.286em;
	margin-bottom: 1.286em;}
h3 {
	font-family:Georgia, Times, serif;
	font-size:1.1667em;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 12px;
	color:#83afb7;}
h4 {
	font-family:Georgia, Times, serif;
	font-size:1.1667em;
	padding-bottom: 12px;
	color: #847f51;}	
.sidenote {
	font-size:0.8333em;
	line-height:1.8em;}
	
ul li {list-style-type:none;
	font-size: 12px}

img	{
	border:none;}
	

/*------------------------------------------------------------------------------------layout universal-----------*/

html {background-color:#12181a;
	background-image:url(bg.gif);
	background-repeat:repeat-x;}
/*
#wrapper {
	position:relative;
	top: 0;
	left: 0;
	width: 960px;
	height: 2000px;
	z-index: 2;}
*/

#wrapper {
	position:relative;
	top: 0;
	left: 0;
	width: 960px;
	left: 50%;
	margin-left: -480px;
	height: 789px;
	z-index: 2;
	background: #000000;}

#masthead {
	position:absolute;
	left:0px;
	top:0px;
	width:804px;
	height:204px;
	z-index:99;
	overflow: hidden;}
	
#content_ads {
	position:absolute;
	left:798px;
	top:194px;
	width:138px;
	height:614px;;
	z-index:7;
	background-color: #83afb7;
	border:#83afb7 solid 4px;}
	
#content_ads img {
	padding: 8px 8px 0px;
	border:0;
	margin:0;}
	
#blue_column {
	position:absolute;
	left:777px;
	top:204px;
	width:179px;
	height:580px;
	z-index:99;
	background-color: #83AFB7;
	border-left:#FFFFFF solid 4px;
	padding: 0;}
	
#top_right {
	position:absolute;
	left:782px;
	top:0px;
	width:178px;
	height:204px;
	border:1px none #000000;
	z-index:9;
	background-color: #83AFB7;}
	
#charidee {
	position:absolute;
	left:809px;
	top:0px;
	width:201px;
	height:203px;
	border:1px none #000000;
	z-index:10;}
	
#footer {
	position:absolute;
	left:0px;
	top:738px;
	width:960px;
	height:132px;
	z-index:100;
	background-color: #83AFB7;}

#ticker {
	position:absolute;
	left: 30px;
	top: 32px;
	width:720px;
	height:60px;}
	
#beermometer {
	background-image:url(images/beermometer-trans.png);
	height:700px;
	left:40px;
	position:absolute;
	top:-190px;
	width:200px;
	z-index:4;}



	
/*                                                    index                                                    */	

#content_main {
	position:absolute;
	left:0px;
	top:228px;
	width:362px;
	height:495px;
	z-index:0;
	background-color: #000000;
	color:#FFFFFF;
	border-left:#FFFFFF solid 4px;
	border-bottom:#FFFFFF solid 4px;
	padding: 0 12px 12px 12px;
	overflow: auto;
}



#content_secondary {
	position:absolute;
	left:389px;
	top:228px;
	width:364px;
	height:517px;
	z-index:31;
	background-color: #000000;
	color:#FFFFFF;
	border-bottom:#FFFFFF solid 4px;
	padding: 0 12px 12px 12px;
	overflow: auto;
}
	
	
	#index_large_pic {
	position:absolute;
	left:196px;
	top:54px;
	width:180px;
	height:210px;
	border:1px none #000000;
	z-index:1;
	background-image: url(images/bigpic.png);}
	
#index_text_large {
	position:absolute;
	left:16px;
	top:54px;
	width:169px;
	height:196px;
	border:1px none #000000;
	z-index:2;}
	
#index_text_secondary {
	position:absolute;
	left:15px;
	top:280px;
	width:360px;
	height:181px;
	border:1px none #000000;
	z-index:3;}

#index_cont_second_1 {
	position:absolute;
	left:145px;
	top:54px;
	width:227px;
	height:100px;
	border:1px none #000000;
	z-index:1;}
	
#index_cont_second_2 {
	position:absolute;
	left:144px;
	top:193px;
	width:223px;
	height:99px;
	border:1px none #000000;
	z-index:2;}
	
#index_cont_second_3 {
	position:absolute;
	left:145px;
	top:331px;
	width:223px;
	height:127px;
	border:1px none #000000;
	z-index:3;
}
	

	

/*                                                 anchors                                                 */	

a:link {color:#83afb7;}
a:visited {color:#c39faf;}
a:hover {color:#000;
	background-color:#FFF;}
	
/*                                                 html navigation                                                 */

#main_nav {
	position:absolute;
	left:0px;
	top:204px;
	width:781px;
	height:24px;
	border:1px none #000000;
	z-index:30;
	background-color: #FFFFFF;}
	
#main_nav .inline li {
	display: inline;
	padding: 6px 3.5px;
	line-height: 2em;}
	
#main_nav ul {text-align: center;
	padding: 0 0 0 24px;}
	
#main_nav a  {text-decoration:none;
	font-family:Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
	padding:4px;}	
	
#main_nav a:link	{
	background:#FFFFFF;
	color:#000000;}
	
#main_nav a:visited {
	background-color:#fff;
	color:#000;}
	
#main_nav a:hover {
	background-color:#000000;
	color:#FFFFFF;}
	
#main_nav a:active {
	background:#FFFFFF;
	color:#000066;}	
/*                                                 html sub navigation                                                 */

#nav_sub {
	position:absolute;
	left:0px;
	top:-24px;
	width:781px;
	height:24px;
	z-index:30;
	background-color: #fff;}
	
ul#nav_sub li {
	display: inline;
	padding: 0px 12px 0px 12px;}
	
ul#nav_sub	{
	text-align: center;}
	
#nav_sub a  {text-decoration:none;
	font-family:Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
	line-height: 2em;}	
	
#nav_sub a:link	{
	background:#fff;
	color:#000;}
	
#nav_sub a:visited {
	background-color:#fff;
	color:#333;}
	
#nav_sub a:hover {
	background-color:#000;
	color:#fff;}
	
#nav_sub a:active {
	background:#000;
	color: #80FFFF;}	

/*                                            map page                                                   */
	
#content_main_map {
	position:absolute;
	left:0px;
	top:580px;
	width:362px;
	height:155px;
	z-index:0;
	background-color: #000000;
	border-left:#FFFFFF solid 4px;
	padding: 0 12px 12px 12px;}
	

#map_box {
	position:absolute;
	left:0px;
	top:228px;
	width:772px;
	height:486px;
	z-index:2;
	border-left:#FFFFFF solid 4px;
	background-color: #000000;
	text-align:center;
}

#map {
	position:absolute;
	left:27px;
	top:24px;
	width:720px;
	height:435px;
	border:1px none #000000;
	z-index:9;}
	
#content_secondary_map {
	position:absolute;
	left:389px;
	top:580px;
	width:368px;
	height:155px;
	z-index:1;
	background-color: #000000;
	padding: 0 12px 12px 12px;}
	
/*                                            classes                                                   */
	
.type h1 h2 h3 h4 45 h6 li ul a p {text-align: -9999px;}

/*         ----------------------              contact box               -----------------------           */

#content_contact {
	position:absolute;
	left:0px;
	top:228px;
	width:749px;
	height:596px;
	z-index:8;
	background-color: #000000;
	border-left:#FFFFFF solid 4px;
	padding: 0 12px 12px 12px;}

#form_box
	{
	position:absolute;
	top: 23px;
	left: 25px;
	width: 391px;
	height: 411px;
	background-color: #42646a;
	color: #fff;
	padding: 12px;
	border: 2px #fff solid;}
	
#form_box h2 {
	font-size:24px;
	font-weight:200;}
#form_box p {margin:6px; border:0; padding:0;}
#form_box input {
 	background-color: #fff;
	color: #000;
	margin: 0;padding: 2px;
	width:380px;
	margin: 6px 0;}
	
textarea {
 	background-color: #fff;
 	color: #000;
	padding: 2px;
	width: 380px;
	margin: 6px 0;}


	
#form_box label {
	padding:6px;
	margin-right: 100px;}

#masthead h1 {
	font-size:72px;}
	
#masthead h2 {
	font-size:36px;}
	
#submit_buttons input {
	width: 100px;
	height: 24px;
	text-align: center;
	padding: 2px;
	background-color: #42646a;
	color: #fff;
	border-right: 2px #83AFB7 solid;
	border-bottom: 2px #83AFB7 solid;
	border-left: 2px #fff solid;
	border-top: 2px #fff solid;
	margin-right:36px;
	font-size: 12px;
	font-weight:bolder;
	line-height: 12px;}
	
#submit_buttons input:hover {
	background-color:#fff;
	color: #42646a;}
	
	
#form_box input:hover {
	background:#F7F9C2;}
	
#form_box textarea:hover {
	background:#F7F9C2;}

	
#form_box input:focus {
	border:#000 2px solid;
	background:#F7F9C2;}
	
#form_box textarea:focus {
	border:#000 2px solid;
	background:#F7F9C2;}


/*         ----------------------              telly              -----------------------           */
#telly {
	position:absolute;
	left:781px;
	top:-38px;
	width:169px;
	height:161px;
	z-index:31;
}
#telly a{
	position:absolute;
	display:block;
	width:169px;
	height:161px;
	border:0;margin:0;padding:0;
}
#telly a:hover{
	background-color:#83afb7;
}
.left {float: left;}
.right {float: right;}

