body {
	background-color: #ccbf8b;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/sand_back.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}
	
#container {
	margin: 0 auto;
	padding: 0px;
	width: 824px;
	background-color: #C2B377;
}

#head{
	background-image: url(images/home.jpg);
	width: 826px;
	height: 200px;
	background-repeat: no-repeat;
	}
	
#head h1{
	display:none;
	}
	
	
#head2{
	background-image: url(howtojoin/images/howtojoin.jpg);
	width: 826px;
	height: 200px;
	background-repeat: no-repeat;
	}
	
#head3{
	background-image: url(events/images/eventcalendar.jpg);
	width: 826px;
	height: 200px;
	background-repeat: no-repeat;
	}	
	
#head4{
	background-image: url(team/images/team.jpg);
	width: 826px;
	height: 200px;
	background-repeat: no-repeat;
	}
	
#head5{
	background-image: url(legends/images/legends.jpg);
	width: 826px;
	height: 200px;
	background-repeat: no-repeat;
	}	
	
#head6{
	background-image: url(media/images/media.jpg);
	width: 826px;
	height: 200px;
	background-repeat: no-repeat;
	}	
	
#head7{
	background-image: url(newsletter/images/newsletter.jpg);
	width: 826px;
	height: 200px;
	background-repeat: no-repeat;
	}	
	

#main{
	width: 746px;
	padding: 0px 40px 0px 40px;
	/* image is 826. width+right padding+left padding=826 */
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	background-image: url(images/mainbackbetter_05.jpg);
	background-repeat: repeat-y;
	/* left padding makes dreaweaver display mess up on right side, but looks ok in browser*/
}
#main h3 {
	font-size: 16px;
	color: #8E1217;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	/* padding here adjusts header placement. Margin set to zero fixes bug */
}

#main h4 {
	font-size: 14px;
	color: #336666;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	/* padding here adjusts header placement. Margin set to zero fixes bug */
}


div.hr {
	height: 15px;
	background-image: url(images/hr.gif);
	background-repeat: no-repeat;
}
div.hr hr {
display:none;	
}






/* The caption_image class floats a image to right of surrounding text and allows for a caption below the image. Make sure caption 
is shorter than the image length or has <br/> to force returns because text doesn't auto wrap to image size */
.captioned_image {
	float: right;
	border: 1px solid #666666;
  	margin: 5px;
 	padding: 5px;
	text-align: center;
 	font-style: italic;
 	font-size: 9px;
 	text-indent: 0;

}

.captioned_image img {
		border: 1px solid #666666;
}





#footer{
	
	margin: 0px;
	background: url(images/footerplash.jpg) ;
	text-align: right;
	height: 57px;
	width: 824px;
	
}

/*#footer p{
	margin: 0px;
	padding: 12px 35px 0px 0px;
}*/

a:link {
	color: #CC3300;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #663300;
}
a:hover {
	text-decoration: underline;
	color: #CC3300;
}
a:active {
	text-decoration: none;
	color: #000000;
}


#navigation{
	margin:0px 0px 0px 0px;	/* bottom margin here changes how close the main body text is*/
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

#navigation ul {
	margin:0px 0px;
	padding:157px 0px 0px 23px;
	/*top padding here pushes the main links below the main header logo*/
	}
#navigation li {
	list-style:none;
	float:left;
	/*display:inline;*/
	/*the float here allows the nav images to sit next to one another, otherwise they jump tp seperate lines */
}
#navigation a {
 /*   padding-left:13px; */
   /*  padding-right:13px;  */
}

a.home_rollover {
	display: block;
	width: 81px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/nav_images/home.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
 
a:hover.home_rollover {
    background-position: -81px 0;
}

a.join_rollover {
	display: block;
	width: 129px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/nav_images/join.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
 
a:hover.join_rollover {
    background-position: -129px 0;
}


a.calendar_rollover {
	display: block;
	width: 163px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/nav_images/eventcalendar.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
 
a:hover.calendar_rollover {
    background-position: -163px 0;
}


a.team_rollover {
	display: block;
	width: 84px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/nav_images/team.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
 
a:hover.team_rollover {
    background-position: -84px 0;
}

a.legend_rollover {
	display: block;
	width: 98px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/nav_images/legends.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
 
a:hover.legend_rollover {
    background-position: -98px 0;
}

a.media_rollover {
	display: block;
	width: 87px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/nav_images/media.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
 
a:hover.media_rollover {
    background-position: -87px 0;
}

a.newsletter_rollover {
	display: block;
	width: 132px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/nav_images/newsletter.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
 
a:hover.newsletter_rollover {
    background-position: -132px 0;
}