
body {
padding: 0;
margin: 0 auto;
text-align: center;
background: #000 url(img/field_bg3.jpg) top center no-repeat;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
line-height:1.3em;
color: #4a3527;
}

.displayNone {
	display: none;
}

.hidden {
	visibility: hidden;
	display: none;
}

a:link {
	color: #bd8a55; 
	text-decoration: underline;
	}

a:visited {
	color: #bd8a55; 
	text-decoration: underline;
	}
a:hover {
	color: #caa278;  
	text-decoration: underline;
	}

.clear { clear: both; }

#header {
position: relative;
width: 910px;
height: 197px;
margin:0 auto;
background: transparent url(img/header.jpg) top center no-repeat;
}

#header h1 {
width: 426px; height: 115px; margin:0 auto; padding: 0; text-indent: -10000px; font-size: 9px;
}

#header h1 a {
width: 426px; height: 115px; margin:0 auto; padding: 0; display: block; text-decoration: none;
}

#login {
position:absolute;
top:0;
right:0;
}

#facebook {
position:absolute;
bottom:5px;
right:5px;
}

h1 {
font: 24px Georgia, serif;
margin: 0;
}

h1 a:link, h1 a:visited {
text-decoration: none;
color: #623272;
}

h1.title{
font: 24px Georgia, serif;
margin: 15px 0 5px 15px;
}

h2 {
font-family: Tahoma, Geneva, sans-serif;
margin: 10px 0 6px 0;
color: #4a3527;
font-size: 22px;
font-weight:bold;
line-height:1.2em;
}

h3 {
margin: 1em 0 .2em;
font-family: Verdana, Arial, sans-serif;
font-size: 18px;
color: #ad3201;
}

h3 a:link, h3 a:visited {
  text-decoration: underline;
  color: #623272;
}

#sidebar h3 {
font-size: 18px;
}

h4 {
  font: 14px Georgia, serif;
  margin: 2px;
  font-weight: bold;
  color: #4a3527;
}

h4 a:link, h4 a:active, h4 a:visited, h4 a:hover {
  text-decoration: underline;
  color: #623272;
}

h4 a:hover {
  text-decoration: underline;
  color: #623272;
}

h5 {
  font-size: 13px;
  margin: 3px;
  font-weight: bold;
}


#content {
margin:0 auto 20px auto;
padding: 0 0 10px 0;
width: 910px;
min-height:250px;
background: #fff url(img/content_bg.jpg) top center no-repeat;
}

#front_promo {
position:relative;
margin:0 auto;
width:840px;
height:398px;
background: transparent url(img/promo6_text.gif) top center no-repeat;
}

#player {
position:absolute;
right:5px;
top:290px;
margin:0;
}

#front_promo h3 {
padding:0;
}

#front_promo h3.create a:link, #front_promo h3.create a:visited  {
float:left;
margin:295px 10px 0 10px;
width:310px;
height:96px;
display:block;
}

#front_promo h3.join a:link, #front_promo h3.join a:visited  {
float:left;
margin:295px 0 0 0;
width:202px;
height:96px;
display:block;
}

h4.more_info a:link, h4.more_info a:visited {
width:677px;
height:35px;
display:block;
margin:20px auto;
padding:0;
background: transparent url(img/button_more_info.gif) top center no-repeat;
}

#singlecolumn {
width:870px;
height:auto;
margin:30px 15px 0 25px;
padding:0;
text-align:left;
}

#leftcolumn {
float:left;
clear:left;
width:600px;
height:auto;
margin:20px 15px 0 25px;
padding:0;
text-align:left;
}

#leftcolumn2 {
float:left;
clear:left;
width:700px;
height:auto;
margin:0 15px 0 25px;
padding:0;
}

ul.normallist {
list-style: square;
margin-left: 0;
padding-left: 2em;
}

form label {
font-weight:bold;
}

form label.required {
color:#9d241d;
font-weight:bold;
}

#rightcolumn {
float:right;
width:207px;
height:auto;
margin:20px 25px 0 0;
padding:0 0 0 20px;
border-left:#58321b 0 solid;
text-align:left;
}

#subheader h1{
padding: 0px;
margin:0;
height:66px;
width:578px;
/* Default image. More defined below */
background-image: url("");
background-position: 0 0;
background-repeat: no-repeat;
border-bottom: 5px #4d4444 solid;
}

html>body #subheader h1{
width:578px;
height: 66px;
}

/* specify new images for different pages Look for different ids on body tag */
#aboutpage #subheader h1{ margin: 0; background-image: url("img/subheader_about.gif"); }
#orderpage #subheader h1{ margin: 0; background-image: url("img/subheader_orderonline.gif"); }
#archivespage #subheader h1{ margin: 0; background-image: url("img/subheader_archives.gif"); }
#newspage #subheader h1{ margin: 0; background-image: url("img/subheader_news.gif"); }
#contactpage #subheader h1{ margin: 0; background-image: url("img/subheader_contact.gif"); }

.separator {
	margin: 10px 0 10px 0;
	padding: 5px 0px 5px 0px;
	border-bottom: 2px #4d4444 solid;
	width: 95%;
}

.callout {
	margin: 10px 0 5px 0;
	padding: 0px 0px 4px 0px;
	float:left;
	clear:left;
	width:520px;
	border-bottom: 1px solid #555;
	}
	
.callout p {
	margin:2px;
	padding: 0px;
	font-size:11px;
	}	

.callout img {
	width: 200px;
	float:left;
	margin-right: 6px;
	border: 3px #4d4444 solid;
	}
	
.callout a {
	width: auto;
	float:left;
	padding: 0;
	}	

.callout h2 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;
color: #bd8a55;
margin: 0px;
	}

.callout h2 a {
text-decoration: underline;
}	

.callout * {
	width:300px;
	float:right;
	}

.callout * * {
	width:auto;
	float:none;
	}
	
.page_divider {
clear: left;
width: 96%;
height: 3px;
padding: 0;
margin-bottom: 5px;
}	
	
.button_left {
float: left;
margin: 2px 5px 0 0;
}	
	
form {
margin: 0;
padding:0;
}	
	
.thumbnail {
float: left;
border: 3px #4d4444 solid;
margin: 5px 15px 10px 0px;
}

#footer {
	width: 850px;
	height: auto;
	margin: 10px auto 5px auto;
	clear: both;
	padding: 10px 0 15px 0;
	font-size: 10px;
	line-height: 12px;
	color: #4a3527;
	text-align:left;
}

#footer p.address {
	float: left;
	text-align: left;
	margin: 10px 0 0 18px;
}

#footer p.copyright {
	float: right;
	text-align: right;
	margin: 10px 18px 0 0;
}

#footer a:link, #footer a:visited { 
	color: #9c9c9c;
	text-decoration: none;
}

#footer a:hover { 
	color: #a3a3a3;
	text-decoration: underline;
}

.breadcrumbs {
	font-size: 11px;
	margin: 15px 0px 10px 0px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	text-align: center;
}

.photo-right {
float: right;
margin: 0px 0px 15px 20px;
border: 5px #4d4444 solid;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 200px; /*Default width of hint.*/ 
padding: 10px;
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: bold;
margin: 3px 3px;
}
