/* CSS Document */
/* Layout ******************/
html {
height: 100%;
}
body {
padding: 0;
min-height: 100%;
width: 100%;
position:relative;
margin: 0 ;
background: #cccc99;
background-image: url(http://www.yohettawilderness.com/images/body-bg.gif);
background-repeat: repeat-x repeat-y;
padding-bottom: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
 }
body img {
 border: 0;
 margin: 0;
 padding: 0;
 } 
* html body {
  height:100%;
   }
#content {
  overflow: hidden;
  width: 751px;
  margin: 0;
  padding: 0px 9px 0px 8px;
  background:  url(http://www.yohettawilderness.com/images/content_bg.gif) repeat-y;
  }
#Globalcontent {
  width: 768px;  
  margin: 0 auto;  
  padding: 0;
  margin-bottom: 10px;
  margin-top: 70px;
  background: #ffffff;
  }
*html #Globalcontent {
  width: 751px;  
  margin: 0 auto;  
  padding: 0;
  margin-bottom: 10px;
  margin-top: 70px;
  background: #ffffff;
  }  
/* Header ******************/	
#header {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding-left: 8px;
  padding-right: 9px;
  padding-top: 8px;
  }
#hlogo {
  width: 751px;
  height: 180px;
  }
	
#topnav {
 background-image: url(http://www.yohettawilderness.com/images/body-bg.gif);
 width: 768px;
 height: 20px;
 text-align: right;
 vertical-align: top;
 font-family: times new roman, serif;
 font-size: 1.2em;
 padding: 0 0 2px 0;
 margin: 0 0 0 0;
 }
#topnav a:link, #topnav a:visited {
 color: black;
 text-decoration: none;
}
#topnav a:hover, #topnav a:active {
 color: #a25726;
}

#mainnav {
 background: url(http://www.yohettawilderness.com/images/mainnav-bg.gif);
 background-repeat: repeat-x;
 width: 751px;
 height: 30px;
 padding-top: 12px;
 text-align: center;
 }
#mainnav ul{
 padding: 0px;
 margin: 0px;
 display: block;
 }  
#mainnav ul li{
 list-style: none;
 padding: 0px;
 margin: 0 0 0 0;
 display: inline;
 background-image: url(http://www.yohettawilderness.com/images/mainnav-tab.gif);
 background-repeat: no-repeat;
 background-position: center right;
 }  
#mainnav ul li a:link, #mainnav ul li a:visited {
 font: 12px Verdana, Arial, Helvetica, sans-serif;
 color: #feffff;
 text-decoration: none;
 margin-left: 18px;
 margin-right: 20px;
 }
#mainnav ul li a:hover, #mainnav ul li a:active {
 color: #def010;;
 } 
 
#logo {
 position: absolute;
 margin: 0 auto;
 margin-top: -27px;
 margin-left: 32px;
 background: url(http://www.yohettawilderness.com/images/logo.png);
 height: 121px;
 width: 121px;
 } 
* html #logo { 
 background: url(http://www.yohettawilderness.com/images/1.gif);
 }

/* Left ******************/	
.left {
  width: 203px;
  float: left;
  margin: 0px 0px 0px 0px;
  background: url(http://www.yohettawilderness.com/images/left_bg.gif) repeat-y;
  }   
.left h2 {
	width: 202px;
	height: 29px;
	text-align: center;
	margin: 0 0 6px 0;
	padding: 8px 0 0 0;
	background-image: url(http://www.yohettawilderness.com/images/leftcol-heading-bg.gif);
	background-repeat: repeat-x;
	color: #ffff74;
	font: normal .9em Verdana, Arial, Helvetica, sans-serif;
	}
.left h3 {
	line-height: 150%;
	font-size: 1.3em;
	color: #a25527;
	font-weight: bold;
	}
.left h4 {
	line-height: 135%;
	font-size: 1em;
	color: #455d1a;
	font-weight: normal;
	text-align: left;
	margin-left: 13px;
	}
.left ul {
 padding: 0px;
 margin: 0px;
 display: block; 
 margin-left: 30px;
 margin-top: 5px;
 vertical-align: middle;
 }  
.left ul li{
 list-style-image: url(http://www.yohettawilderness.com/images/list_item.gif);
 padding: 0px;
 margin: 3px 0;
 }  
.left ul li a:link, .left ul li a:visited {
 font:  13px Arial, Helvetica, Verdana, sans-serif;
 color: #455d1a;
 text-decoration: none;
 padding: 0;
 margin: 0 0 0 8px;
 }
.left ul li a:hover, .left ul li a:active {
 color: #B13011;
 text-decoration: underline;
 }
p.divider {
	width: 40%;
	border-bottom: 1px solid silver;
	margin: 20px auto 25px auto;
	}
p.brochure a {
 margin: 20px 0 40px 0;
 padding-bottom: 2px;
 color: #00A4FF;
 line-height: 160%;
 }
 
 
/* Right ******************/	
.right {
  width: 532px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 1px 0px 15px;
	background: url(http://www.yohettawilderness.com/images/rbg.gif) repeat-y;
  }  
#rhead {
  background: url(http://www.yohettawilderness.com/images/rhead.gif) no-repeat;
  width: 545px;
  height: 5px;
  margin: 0 0 15px -15px;
  }  
#rightcontent {
	width: 500px;
}
.right h1{
 color: #a25527;
 font:  1.6em Verdana, Arial, Helvetica, sans-serif; 
 margin: 5px 0 15px 0;
 padding: 0px;
 }
.right h2{
 color: #a25527;
 font:  1.3em Verdana, Arial, Helvetica, sans-serif; 
 margin: 18px 0 6px 0;
 padding: 0px;
 }    
.right p{
 color: #000000;
 font: 1em Verdana, Arial, Helvetica, sans-serif; 
 width: 515px;
 line-height: 160%;
 letter-spacing: 0.01em;
 margin: 0 0 10px 0;
 padding: 0px;
 }
.right p a:link, .right p a:visited {
	color: #a25527;
	text-decoration: underline;
	}
.right p a:hover, .right p a:active {
	color: gray;
	text-decoration: none;
	}
.right table {
	margin: 0 0 0 20px;
	width: 510px;
	}
.right table td {
	width: 33%;
	line-height: 160%;
	vertical-align: top;
	}
.box1 {
  width: 162px;
  height: 221px;
  float: left;
  margin: 0px 0px 0px 1px;
  padding: 5px 8px 10px 9px;
  background: url(http://www.yohettawilderness.com/images/box.gif);
  margin-left: -7px;
 } 
.box {
  width: 162px;
  height: 221px;
  float: left;
  margin: 0px 0px 0px 1px;
  padding: 5px 8px 10px 9px;
  background: url(http://www.yohettawilderness.com/images/box.gif);
 } 
.box1 a h3, .box a h3 {
 color: #a25527;
 font: bold 13px Verdana, Arial, Helvetica, sans-serif;  
 padding: 0px;
 margin: 7px 0px 7px 5px;
 text-decoration: none;
 }
.box1 p, .box p{
 color: #000000;
 font:  10px Verdana, Arial, Helvetica, sans-serif;  
 padding: 0px;
 width: 150px;
 margin: 0px 0px 0px 7px;  
 line-height: 110%;
 }
.right form {
	width: 99%;
	margin: 0;
	padding: 0;
	background: transparent;
	}


	
/* Footer ******************/	
#footer {
  width: 768px;
  height: 24px;
  margin: 0px 0px 0px 0px;
  padding-top: 98px;
  background: url(http://www.yohettawilderness.com/images/footer.gif) no-repeat;
  } 

#footer #copy { 
  font: 11px Arial, Helvetica, Verdana, sans-serif;
  color: #264414;   
  text-align: center;
  }
#footer #copy a {
 color: #264414;
 text-decoration: underline;
 font-weight: bold;}
 
 /* Contact form ****************/
 
 form.contact {
 	width: 500px;
	}	
 .contact table {
 width: 100%;
 padding: 0;
 margin: 0;
 } 
 .contact table td.contact_label {
 width: 125px;
 align: left;
 margin: 0;
 padding: 0px 0px 0px 20px;
 }
 .contact table td.contact_field {
 width: 400px;
 align: left;
 vertical-align: middle;
 margin: 0px 0px 0px 0px;
 padding: 0;
 }
 .contact_field input {
 	text-align: left;
	}
 span.required {
 	color: #1F1108;
	vertical-align: 20%;
	font-size: .9em;
	}
 input.contact_button {
 	text-align: center;
	}