body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../img/background/wood_bg.jpg);
	background-position:top center;
	background-attachment:fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #e5e1c8;
	height:100%;
}

#container { 
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-bottom:35px;
} 

#header { 
	width:990px;
	height:92px;
	background-image:url(../img/header.png);
	margin-left:auto;
	margin-right:auto;
} 

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#containerbody{
	width:990px;
	background-image:url(../img/pagebg.png);
	background-repeat:repeat-y;
}

#containerinner{
	width:950px;
	background-color:#feffe8;
	background-image:url(../img/bggradient.png);
	background-position:bottom;
	background-repeat:repeat-x;
	margin:auto;
}

#tagline {
	background-image:url(../img/gallery_bg.png);
	height:35px;
	margin-left:auto;
	margin-right:auto;
}

#gallery {
	width:950px;
	height:225px;
	background-image:url(../img/gallery_bg.png);
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

#gallery li, ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}

#gallery img, a {
	border: 0;
}

#gal_left {
	width:475px;
	padding:0;
	margin:0;
	float:left;
}

#gal_right {
	width:475px;
	padding:0;
	margin:0;
	float:left;
}


#mainContent { 
	width:950px;
	/*height:730px;*/
	margin-left:auto;
	margin-right:auto;
	color:#333;
	/*background-image:url(../img/body_bg.png);*/
} 

#mainContent a {
  font-family: verdana, small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
  font-size: 14px;
  list-style:none;
  text-decoration:none;
  color: #930;
  margin-bottom:15px;
  font-weight:bold;
}

#mainContent a:hover {
	color:#ffc;
}

/*#mainContent img {
	padding-top:15px;	
}*/

#mainContent p {
	font-size:10px;
}

#leftcol {
	width:635px;
	padding:10px 10px 10px 25px;
	font-size:13px;
	color:#333;
	text-align:left;
}

#leftcol h1 {
	color:#650b0b;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	font-weight:lighter;
	margin-top:0px;
}

#leftcol h2 {
	font-size:13px;
	font-style:none;
	margin-bottom:10px;
	color:#333;
}

#leftcol ul {
	list-style:disc;
	padding-left:45px;
}



#rightcol {
	width:250px;
	height:auto;
	padding:10px 10px 25px 10px;
	font-size:13px;
	float:right;
	text-align:center;
	background-color:#650b0b;
	color:#FFC;
}


#rightcol h1{
	font-size:26px;
	color:#FFF;
	font-weight:lighter;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0px;
	padding:0px;
}


#rightcol h2 {
	font-size:16px;
	color:#FFF;
	margin:0px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#rightcol a {
	font-size:12px;
	padding:0px;
	border:0px;
	color:#fff;
}

#rightcol img {
	padding:5px 0;
}

#box {
	padding:5px;
	border-radius: 5px; 
	-o-border-radius: 5px; 
	-icab-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;  
	background-color: #FFC; 
	border: 1px solid #999;
	width:225px;
	}

#location {
	/*width:900px;*/
	width:575px;
	padding:10px 25px;
	float:left;
}

#location a {
	font-size:12px;
}

#bottomboxes {
	width:950px;
	padding-top:25px;
	padding-bottom:25px;
}

/*
#sponsers {
	background-image:url(../img/sponser_bg.png);
	height:168px;
}
*/

#sponsers, a{
	width:930px;
	padding: 5px 10px;
	border:0px;
	color:#333;
	text-align:center;
}

#sponsers h3 {
	text-align:center;
	font-size:14px;
	color:#FFC;
	padding:0px;
	margin:0px;
}

#sponsers img {
	border:0px;
	padding:0px;
}

#footer { 
	width:990px;
	height:131px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	font-size:12px;
	color:#dbba8c;
	background-image:url(../img/footer.png);
} 

#footerright {
	height:109px;
	width:809px;
	margin-left:150px;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0 0 15px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer h1 {
	font-size: 14px;
	padding-left: 25px;
	padding-top:5px;
	float:left;
	color:#666;
}

#footer img {
	float:left;
}

#footer h2 {
	float:left;
	padding: 15px 40px 0px 75px;
	border-right:thick;
	border-right-color:#C93;
}

#footer h3 {
	font-size:12px;
	padding: 5px 40px 0px 20px;
	float:left;
	color:#666;

}

#footer a {
	text-decoration:none;
	color:#666;
	font-size:12px;
}

#footer a:link {
	text-decoration:none;
	color:#666;
}

#footer a:hover {
	color:#999;
}


#divider {
	background-image:url(../img/sponser_head.png);
	background-repeat:no-repeat;
	background-position:center;
	height:39px;
}




.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
