@charset "UTF-8";
/* Turtlehead styles */

* { margin: 0; padding: 0; border: 0;}


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#f6f6f6;
	}
	
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
color: #c22d0d;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
color: #5D110B;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 5px;
color: #5D110B;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
color: #c22d0d;
}

h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
color: #5D110B;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
/*font-weight: bold;*/
line-height: 21px;
margin-bottom: 10px;
color: #5D110B;
}

p a {
	color:#c22d0d;
	list-style-type: none;
	text-decoration: none;
	} 
					
p a:hover {
			color: #5D110B; 
			text-decoration: none;
			} 
	
#header {
	margin: 0 auto;
	width: 900px;
	}
	
#navigation {
	width: 900px;
	height: 41px;
 	margin: 0 auto;
	
	}
	
#navigation li {
	float: left;
	list-style-type: none;
	}

#navigation a {
	outline: none;/* get rid of dotted borders in FireFox */
	text-decoration:none;
	display: block;
	text-indent: -5000px;
	}
	
#navigation #trail {
	background: transparent url(images/tr2nav.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	width: 354px;
	height: 41px;
	
	}

#navigation #trail:hover {
	background-position: 0 -41px;
	}
		

#navigation #camps {
	background: transparent url(images/cc2nav.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	width: 199px;
	height: 41px;
	
	}

#navigation #camps:hover {
	background-position: 0 -41px;
	}
		
		
#navigation #stay {
	background: transparent url(images/fs2nav.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	width: 149px;
	height: 41px;
	
	}

#navigation #stay:hover {
	background-position: 0 -41px;
	}
		

#navigation #boarding {
	background: transparent url(images/hb2nav.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	width: 198px;
	height: 41px;
	
	}

#navigation #boarding:hover {
	background-position: 0 -41px;
	}
				
				

#main {
	width: 900px;
	margin: 0 auto;
	background-color: #f4edd0;
	overflow:auto;
	overflow-y: hidden;
	/*border: 1px solid magenta; */
	
	}

#side-nav {
	width: 157px;
	background-color: #f4edd0;
	float: left;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	
	}

		#side-nav ul li {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size:12px;
		line-height: 30px;
		color: #5D110B;
		list-style-type: none;
		}
		
		#side-nav ul li a {
			color: #5D110B; 
			text-decoration: none;
			} 
					
		#side-nav ul li a:hover {
			color: #c22d0d; 
			text-decoration: none;
			} 
			
			
#home-show {
	width: 900px;
	background-color: #f4edd0;
	margin: 0 auto;
	}
	

#home-show img {
margin-top: 10px;
}



#content-left {
width: 330px;
float: left;
margin-right: 20px;
background-color: #f4edd0;
/*border: 1px solid yellow;*/ 
}


#content-left img {
margin-bottom: 10px;
}

#gallery {
width: 330px;
float: left;
margin-right: 20px;
background-color: #f4edd0;
/*padding: 10px;*/
		
}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #5D110B;
		border-width: 5px 5px 5px;
		margin-right: 10px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	

#content-right {
width: 330px;
background-color: #f4edd0;
float: left;
/*border: 1px solid black;*/ 
}

#content-about {
width: 660px;
float: left;
margin-right: 20px;
background-color: #f4edd0;
/*border: 1px solid yellow;*/ 
}

#content-staff {
width: 660px;
float: left;
margin-right: 20px;
background-color: #f4edd0;
/*border: 1px solid yellow;*/ 
}

div.rightside_image {
float: right;
display: inline;
padding: 10px;
margin: 10px 0 10px 10px;
border: 2px solid #5D110B;
text-align: center;
font-size: 0.8em;
font-style: italic;
}

div.leftside_image {
float: left;
display: inline;
padding: 10px;
margin: 10px 10px 10px 0;
border: 2px solid #5D110B;
text-align: center;
font-size: 0.8em;
font-style: italic;
}

#footer {
	width: 900px;
	height: 158px;
	overflow: auto;
	margin: 0 auto;
	background-image:url(images/footer.gif);
	background-repeat: no-repeat;
	 }
	
	#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight: bold;*/
	color:#ffffff;
	margin-top: 100px;
	margin-left: 40px;
	text-align:left;
		}
		
	#footer a {
	color:#ffffff;
	list-style-type: none;
	text-decoration: none;
	} 
					
#footer a:hover {
			color: #f7d98f; 
			text-decoration: none;
			} 
		
	
.clear {
		clear: both;
		height: 0;
		}