/*

		 The Treehouse Camp | Maple Tree Campground
		 
		 Website Designed by JH Graphics - 09/08
		 Artist: JoEllen Harshman
		 http://jhgraphics.com
		 
*/

/* STRUCTURE
................................................. */ 

* 												{ margin: 0; } 
html, body 										{ height: 100%; } 
body 											{ background: #0c0d07 url(images/path-bkgd.jpg) fixed no-repeat center top;
												  margin: 0px auto; padding: 0px; }
.wrapper 										{ min-height: 100%; height: auto !important; height: 100%; 
    											  width: 950px; background-color: #d4d1b5; margin: 0 auto -4em; } 
.footer, .push 									{ height: 65px; width: 950px; margin: 0px auto; padding: 0px; }
#interiorheader									{ background: #0c0d07 url(images/interior-header.jpg) no-repeat center top;
												  width: 950px; height: 135px; margin: 0px auto; padding: 0px; }
.contentwrap									{ margin: 0px auto; padding: 0px 40px 40px 40px; }

#co-colone, #co-coltwo, #co-colthree			{ float: left; width: 240px; height: 950px; margin: 0px 10px 0px 10px; padding: 10px; 
												  background-color: #eae7c8; border: 1px dotted #6e735c; }
 
#at-colone, #at-coltwo	 						{ float: left; width: 380px; height: 225px; margin: 0px 10px 0px 10px; padding: 10px; 
												  background-color: #eae7c8; border: 1px dotted #6e735c; text-align: center; }										  
#at-colthree, #at-colfour 						{ float: left; width: 380px; height: 140px; margin: 0px 10px 0px 10px; padding: 10px; 
												  background-color: #eae7c8; border: 1px dotted #6e735c; text-align: center; }

#dc-colone				 						{ float: left; width: 255px; margin: 0px 5px 0px 5px; padding: 10px; 
												  background-color: #eae7c8; border: 1px dotted #6e735c; }
#dc-coltwo	 									{ float: left; width: 525px; margin: 0px 5px 0px 5px; padding: 10px; 
												  background-color: #eae7c8; border: 1px dotted #6e735c; }	

.floatLF 										{ float: left; }
.floatRT 										{ float: right; text-align: left; }
.clear 											{ clear: both; }								  


/* NAVIGATION
................................................. */ 

.navbkgd										{ height: 64px; width: 100%;
												  background: url(images/nav-bkgd.gif) no-repeat center top; }

ul 												{ margin:0; margin-left: 50px !important; padding:0; list-style: none; overflow: hidden; }

#navigation li 									{ margin:0; display: inline; padding: 0px; }

#navigation li a {
	padding: 52px 0 0;
	overflow: hidden;
	height: 0;
	float: left;
	border: none;
	margin: 0;
}


li#home a { width: 53px; background: url(images/home.gif) no-repeat 0 0; }
li#home a:hover 								{ background-position: -53px 0px; outline: none;  }

li#reservation a { width: 143px; background: url(images/reservation.gif) no-repeat 0 0; }
li#reservation a:hover 							{ background-position: -143px 0px; outline: none;  }

li#camping a { width: 131px; background: url(images/camping.gif) no-repeat 0 0; }
li#camping a:hover 								{ background-position: -131px 0px; outline: none;  }

li#amenities a { width: 78px; background: url(images/amenities.gif) no-repeat 0 0; }
li#amenities a:hover 							{ background-position: -78px 0px; outline: none;  }

li#pavilion a { width: 110px; background: url(images/pavilion.gif) no-repeat 0 0; }
li#pavilion a:hover 							{ background-position: -110px 0px; outline: none;  }

li#rules a { width: 93px; background: url(images/rules.gif) no-repeat 0 0; }
li#rules a:hover 								{ background-position: -93px 0px; outline: none;  }

li#attractions a { width: 84px; background: url(images/attractions.gif) no-repeat 0 0; }
li#attractions a:hover 							{ background-position: -84px 0px; outline: none;  }

li#contact a { width: 156px; background: url(images/contact.gif) no-repeat 0 0; }
li#contact a:hover 								{ background-position: -156px 0px; outline: none;  }



/* TEXT
................................................. */ 

p												{ font: 15px/22px Arial, Helvetica, sans-serif; color: #333; margin: 0;padding: 0; }
p a 											{ color: #6a3b00; text-decoration: none; outline: none;  }
p a:visited 									{ color: #6a3b00; text-decoration: none; outline: none;  }
p a:hover 										{ color: #a25a00; text-decoration: none; outline: none;  }

ul												{ font: 15px/22px Arial, Helvetica, sans-serif; color:#333; padding:0; list-style-type:disc; }
ul a											{ color: #6a3b00; text-decoration: none; outline: none;  }
ul a:visited 									{ color: #6a3b00; text-decoration: none; outline: none;  }
ul a:hover 										{ color: #a25a00; text-decoration: none; outline: none;  }

h2 /* Heading Large */ 							{ font: 25px/30px "Times New Roman", Times, serif; color: #243d18; margin: 0;padding: 0; }

h3 /* Heading Medium */ 						{ font: 23px/25px "Times New Roman", Times, serif; color: #243d18; margin: 0;padding: 0; text-align: center; }
h3  a											{ color: #6a3b00; text-decoration: none; outline: none; }
h3  a:visited									{ color: #6a3b00; text-decoration: none; outline: none; }
h3  a:hover										{ color: #a25a00; text-decoration: none; outline: none; }

h4 /* Heading Small */ 							{ font: 18px/20px "Times New Roman", Times, serif; color: #243d18; margin: 0;padding: 0; }

h5 /* News Editor Heading */					{ font: 23px/25px "Times New Roman", Times, serif; color: #243d18; margin: 0;padding: 0; }
h5  a											{ color: #6a3b00; text-decoration: none; outline: none; }
h5  a:visited									{ color: #6a3b00; text-decoration: none; outline: none; }
h5  a:hover										{ color: #a25a00; text-decoration: none; outline: none; }

h6 /* News Editor Important Info (Red) */		{ font: 15px/22px Arial, Helvetica, sans-serif; color: red; margin: 0;padding: 0; }
h6  a											{ color: red; text-decoration: none; outline: none; }
h6  a:visited									{ color: red; text-decoration: none; outline: none; }
h6  a:hover										{ color: maroon; text-decoration: none; outline: none; }

.indent											{ margin: 0px 0px 0px 120px; }

.att											{ color: #990000; }

a.button 										{ background: transparent url('images/button-a.gif') no-repeat scroll top right;
												  color: #FFF; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */
    											  font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none; }
a.button span 									{ background: transparent url('images/button-span.gif') no-repeat;
    											  display: block; line-height: 14px; padding: 5px 0 5px 18px; color: #FFF; } 
a.button:active 								{ background-position: bottom right; color: #FFF; outline: none; /* hide dotted outline in Firefox */ }
a.button:active span 							{ background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ }
a.button:visited 								{ color: #FFF; outline: none; /* hide dotted outline in Firefox */ } 



/* FORM
................................................. */ 

.formtext										{ text-align: center; font: 15px Arial, Helvetica, sans-serif; color: #243d18; }

.show											{ display:block; }
.hidden, hr										{ display:none; }

.clearfix:after 								{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 										{ display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix 								{ height: 1%;}
.clearfix 										{ display: block;}
/* End hide from IE-mac */

fieldset, form									{ margin:0; padding:0; border:0; }
fieldset ol										{ margin:0; padding:12px 0 0; list-style:none; }
fieldset ol li									{ margin-bottom: 12px; }
fieldset ol label								{ float:left; width: 100px; line-height:10px; font: 15px Arial, Helvetica, sans-serif; 
												  color: #243d18; text-align:left; padding-top:8px; padding-left: 0px;}
fieldset ol input.text,
fieldset ol input.email,
fieldset ol textarea							{ float:right; width: 250px; background-color: #f7f4d3; 
												  border: 1px dotted #6e735c;
												  padding:5px; font-size:16px; outline: none; }

fieldset ol input.text							{ height:20px; }
fieldset ol textarea							{ height:130px; font-size:16px;}

.submit input									{ clear: both; float: right; background: url(images/send.gif) no-repeat top center; }

/* @end */



/* FOOTER
................................................. */ 

#footerwrapper									{ height: 65px; width: 910px; margin: 0px auto; padding: 20px; background-color: #353d18; }

.footernav 										{ font: 12px/20px Arial, Helvetica, sans-serif; color: #909365 !important; word-spacing: 3px; text-align: center;
												  text-decoration: none; }
.footernav a, a:visited 						{ color: #909365 !important; text-decoration: none; outline: none; }
.footernav a:hover 								{ color: #e8eda0 !important; text-decoration: none; outline: none; background: none; }