/* CSS Document */

body {
	padding : 0;
	margin : 0;
	background-image: url(../images/bgfix.JPG);
	background-repeat : repeat-y;
	background-color: #A8EFFF;
	background-position: center;
}

#pagewrap {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 760px;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
}


/* Column layout positioning - left column */
/*#leftcol {
	position: relative;
	float: left;
	width: 22%;
	text-align: left;
}*/

#centcontent {
	float: left;
	width: 600px;
	text-align: left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.weather {
	border: thick solid #716F64;
	background-color: #FFFFFF;
	position: absolute;
	top: 500px;
	background-image: url(../images/Clouds.jpg);
}

.chatbox {
	background-color: #000000;
	position: absolute;
	top: 620px;
	padding-left : 5px;
	display:inline;
	overflow:hidden;
}


#content {
	padding-top : 130px;
	padding-bottom : 30px;
	padding-left : 230px;
	padding-right : 20%;
}

h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 36px;
	color : #FFFFFF;

}

h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: normal;
	color: #FFFF00;
	/*top: 25%;
	left: 221px;
	width: 474px;*/
	font-style: italic;
	line-height: 0.75;	
}

h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #000099;
	background-color : transparent;
	font-style: normal;
	line-height: normal;
	width: 474px;
	margin-left: 38px;
}

#content p {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	font-weight : normal;
	color : #000000;
	line-height : 120%;
	position: relative;
	top: 10px;
}

#banner{
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	height:124px;
	background-color: #000000;
}

.logo{

float:left;
}

#script {
    position : absolute;
    top : 12px;
    right : 0;
    text-align : right; /*Mild hack for Netscape 4*/
}

#navigation {
	position : absolute;
	top : 170px;
	left : 30px;
	width : 128px;
	background-color: #FFFFFF;
	height: 194px;
}

#navigation a {
	font-family: Arial, Helvetica, sans-serif;
	color : #00f;
	background-color: transparent;
	line-height: 120%;
	font-size: large;
}


/* Layout positioning and styles - footer*/ 
#footer {
	/*position:relative;*/
	clear: both;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 10px;
	height: 8px;
	text-align: left;
	margin-top: 5px;
	font-size: 0.8em;
}

.foot{
	border-top:solid 1px #FF6900;
	text-align: center;
	line-height: 3;
}

/*#####################navigation############################*/
/* Local navigation*/
.navcontainer {
	margin-bottom: 3em;
	font-weight:bold;
	background-color: #FFFFFF;
	font-size: 14px;
}

.navcontainer ul {
	padding-right: 0px; 
	padding-left: 0px;
	margin: 0px; 
		list-style-type: none;
	
}

.navcontainer li a {
	padding-left: 4px; 
	padding-bottom: 4px;
	padding-top: 4px;
	display: block;   
	width: 95%; 
	color: #000; 
	text-decoration: none;
		list-style-type: none;
}

.navcontainer li a:hover {
	color: #000;
	text-decoration: none;
	list-style-type: none;
}


/*##############table layout#########################*/

/* Table style2 - with header cell */
.tableH {
	border: medium inset #666666;
	margin-top: 8px;
	position: relative;
	top: 20px;
	font-weight: bold;
	background-color: #FFFFFF;
	background-image: url(../images/beer_bg2.gif);
	line-height: 1;
}
 
.tableH th {
	font-size: 12px /* IE 5 font size control */
	text-align: left;
	font-weight: bold;
	voice-family: "\"}\"";
	voice-family: inherit;
	background-color :  #000099;
	text-align: left;
	font-weight: bold;
	color: #FFFF00;
	font-size: large;
}

html>#tableH th {
	font-size : 1em; /* Intended size */
}

.tableH td {
	font-size: 1em; /* IE 5 font size control */
	border-bottom:  #B9BBC9 dashed 1px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size : 1em;
	line-height: 1.25;
	
}

.tableH td a: {
  	color: #0000FF;
}

html>#tableH td {
	font-size : 1em; /* Intended size */
}


.news
{
text-align:left;
width:90%;
}

.logo{

float:left;
}

/*##############form layout#########################*/

.hhh fieldset {
  margin-bottom: 10px;
}
.hhh legend {
  padding: 0 2px;
  font-weight: bold;
}
.hhh label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
.hhh fieldset ol {
  margin: 0;
  padding: 0;
}
.hhh fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
.hhh fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
.hhh fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
.hhh fieldset fieldset label {
  display: block;
  width: auto;
}
.hhh em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
.hhh label {
  width: 120px; /* Width of labels */
}
.hhh fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}


/* Navigation Styles */

/* Global Navigation */

#globalnav {
	margin: 0px;
	padding: 0px;
	height: 20px;
	font-weight: bold;
	font-size: 12px;

}

 

#globalnav li {

          display: block;

          padding-left: 6px;

          margin-top: 4px;

}

 

#globalnav li a:link, #globalnav li a:visited {

          color: #FFFFFF;

          text-decoration: none;

          display: block;

          /*height: 20px;*/

          height: 2em;

          /*overflow: visible; /* Most effective in IE */

          line-height: 1.5em;

          padding-left: 6px;

}

 

#globalnav li a:hover, #globalnav li a:active {

          color: #000099;

          background: #F1F1E2;

          padding-left: 8px;

}

 

/* Global nav individual tabs */

#home {

          background-color:#003366;

          border-right: 1px solid #fff;

          border-bottom: 1px solid #fff;

}

 

#dblue {

          background-color:#003366;

          border-right: 1px solid #fff;

          border-bottom: 1px solid #fff;

}

 

#lblue {

          background-color: #003366;

          border-right: 1px solid #fff;

          border-bottom: 1px solid #fff;

}

 

#purple {

          background-color: #003366;

          border-right: 1px solid #fff;

          border-bottom: 1px solid #fff;

}

 

#red {

          background-color: #003366;

          border-right: 1px solid #fff;

          border-bottom: 1px solid #fff;

}

#brown {

          background-color: #003366;

          border-right: 1px solid #fff;

          border-bottom: 1px solid #fff;

}

#pink {

          background-color: #003366;

          border-right: 1px solid #fff;

          border-bottom: 1px solid #fff;

}

#beige {

          background-color: #003366;

          border-right: 1px solid #fff;

          border-bottom: 1px solid #fff;

}


#fuchsia {
	background-color: #003366;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}


#dgreen {
	background-color: #003366;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}


#dred {
	background-color: #003366;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

 

#orange {

          background-color: #C10000;

          border-bottom: 1px solid #fff;

}


 

#orange  a:link, #orange a:visited {

padding-top: 8px;

          padding-bottom: 8px

}

 

#orange a:hover, #orange a:active {

padding-top: 8px;

          padding-bottom: 8px

}

 

/*Global Navigation ends*/

/* End */

#leftcol {
	width: 160px;
	float: left;
	height: 1050px;
	background-color: #000000;
}

.snorted {
	border: medium inset #666666;
	margin-top: 8px;
	position: right;
	top: 20px;
}

#topcontent {
	position: relative;
	float: left;
	width: 600px;
	text-align: left;
	font-size: 14px;
	height: 85px;
	padding-top: 20px;
	background-color: #FFFFFF;
	background-image: url(../images/onon_bg.gif);

}

#snorted_title {
	top : 12px;
	right : 0;
	text-align : right; /*Mild hack for Netscape 4*/
	color: #FF0000;
	font-weight: bold;
	padding-top: 50px;
	margin-right: 25px;
}

#snorted_content {
	text-align : right; /*Mild hack for Netscape 4*/
	color: #3300FF;
	font-weight: bold;
	font-size: 12px;
	margin-right: 25px;
	width: 250px;
	position: relative;
}

#beer_header{
	background-image: url(../images/onon_bg.gif);
}

#weatherbox {
margin-top:50px;
padding-left: 2px;
}

#haberdasher {
	float: left;
	width: 400px;
	text-align: left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/beer_bg2.gif);
	font-weight: bold;
}


.runlist {
	border: medium inset #666666;
	margin-top: 8px;
	position: relative;
	top: 20px;
	font-weight: bold;
	background-color: #FFFFFF;
	line-height: 1;
	margin-left: 20px;
	background-image: url(../images/beer_bg2.gif);
}

.kirner{
	border: thin solid #FF0000;
	margin-right: 10px;
	margin-bottom: 20px;
}

.hashblog{
    color: #FFFF00; 
	font-weight: bold; 
}

.hashbloglink a:visited{
    color: #0000FF; 
	font-weight: bold; 
}

.hashblognav {font-size: 30px}

a.hashblognav:visited {
	color: #0000FF;
}

.faqlink a:visited{
    color: #0000FF; 
	font-weight: bold; 
}

.maplink a:visited{
    color: #0000FF; 
	font-weight: bold; 
}

.chatlink a:visited{
    color: #0000FF; 
	font-weight: bold; 
}