/* CSS Document  creekhollow */

html {
    overflow:scroll;  /*needed to help page not jump when scroll bar appears*/
} 

body {
background: #fff;
font-family: Arial, Helvetica, sans-serif; 
color: #000;
font-size: 100%;
}


#wrapperright {
float: right;
width: 100%;
background: url(images/white_greenBG.jpg) repeat-y top right;
}
#wrapperleft {
float: left;
width:100%;
background: url(images/backgroundleftcol.jpg) repeat-y top left;
}

#container {
width: 980px;
padding: 10px;
border: solid 2px #663;
overflow: hidden; /*had set to auto and this created a Hscroll bar*/
margin: 0 auto; /*auto marg will center the page*/
background: #cb6633;
}

#header {
width: 980px;
color:#fff;
background:#663;
}

/*---------------------------*/
#content {
width: 730px;
margin: 0px;
padding: 10px 0px 0px 0px;
float:right;
background: #fff url(images/background_feather2.jpg) repeat-y right;
overflow : hidden; height: 1%; 
}
#content p {
margin: 5px;
padding: 5px 10px;
text-align: left;
}
#content h4 {
color: #c60;
margin: 5px;
padding: 5px 10px;
}
#content h3 {
color: #c60;
font-style:italic;
margin: 5px;
font-size: 21px;
font-family: Arial, Helvetica, sans-serif;
}
#content img {
float: right;
margin: 0px 40px 0px 0px;
padding: 0px 5px 0px 5px;
}
#content ul {
padding: 5px;
margin: 0px 0px 0px 100px;
list-style-type: circle;
color: #c60;
font-weight:bold;
}
#content li {
margin: 5px;
}
#content  a:link {text-decoration: underline; color: #000; }
#content  a:hover {text-decoration: none; color: #666600; }
#content  a:visited {text-decoration: underline; color: #000; }

.tablecontent { 
   border-collapse: collapse; 
   width: 700px;
   margin: 3px;
   padding: 0px;
   border: 1px solid black;
   background-color: #fff;
   clear:both;  
}  
.tablecontent tr { 
   padding: 0px;
   border: none;
} 
.tablecontent td { 
   padding: 0px;
   font-size: 14px;
   color: #333;
   text-align: left;
   vertical-align: top;
   border: 1px solid black;
    
}
.tablecontent h4 {
color: #000;
margin: 5px;
padding: 5px 10px;
}

.tablecontentul {
padding: 0px;
margin: 0px 0px 0px 0px;
list-style-type: circle;
color: #c60;
font-weight:bold;
}
.tablecontent li {
margin: 2px 0px;
} 

#hsabouthost {
margin: 5px;
padding: 5px 10px;
text-align: left;
}
#hsabouthost  a:link {text-decoration: none; color: #000; }
#hsabouthost  a:hover {text-decoration: none; color: #000; }
#hsabouthost  a:visited {text-decoration: none; color: #000; }

#hsabouthost h4 {
color: #c60;
margin: 0px;
padding: 0;
}

/*---------------------------*/
#leftcol {
width: 230px;
margin: 0px;
padding: 0px;
float: left;
text-align: left;
color: #000;
background:#663;
}
#leftcol ul {
list-style: none;
margin: 20px 10px;
padding: 0px;
border: 1px solid black;
}
#leftcol li {
margin: 0px;
padding: 3px 5px; /*5px 5px 0px 5px;adjusted space around photo and Nav text*/
background: #c60;
}

#leftcol  a:link {text-decoration: none; color: #000; }
#leftcol  a:hover {text-decoration: none; color: #ff0; }
#leftcol  a:visited {text-decoration: none; color: #000; }
#leftcol a#current { color: #fff; } 	


#leftcol img {
padding: 0px;
border: 0px solid black;
}
#leftcol p {
padding: 10px 0px 5px 5px;
text-align: left;
}
#leftcol h4 {
margin: 5px;
color: #FF9900;
}


/*---------------------------*/
#footer {
width: 980px;
clear:both;
}
#footer img {
margin: 0px;
}
#footer  a:link {text-decoration: none; color: #333; }
#footer  a:hover {text-decoration: none; color: #ff0; }
#footer  a:visited {text-decoration: none; color: #333; }	


.tablefooter { 
   border-collapse: collapse; 
   width: 980px;
   margin: 0px;
   border: none;
   background-color: #663;
   clear:both;  
}  
.tablefooter tr { 
   padding: 0px;
} 
.tablefooter td { 
   padding: 5px 10px 5px 0px;
   font-size: 10px;
   color: #333;
   text-align: left;
   border: none; 
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	width: auto;
}
#deer {
margin: 0px 0px 0px 60px;
float:left;
}
#fruit {
float: right;
margin: 0px;
padding: 5px 0px 10px 0px;
}
#imageleft {
float: left;
margin: 0px 0px 0px 20px;
padding: 0px;
width: auto;
width: 180px;
}

#hslideimageleft {
float: left;
margin: 0px;
padding: 5px 0px 0px 5px;
clear:both;
width: 350px;
}

#outdoorgallery {
margin: 10px 200px 10px 5px;
float: left;
width: 500px;
clear: both;
}
#outdoorgallery img {
float: left;
margin: 1px;
padding: 1px;
}