@import "reset.css";

body {font-family: 'capsuularegular', 'arial';
	 background-color: #EAE2CC;
	 background-color:#513528;
	 font-size:1.5em;
	 margin-bottom:30px;}	
			 
#bac{position: relative;
	 top: 0px;
	 height: auto;
	 width: 100%;
	 background-image:url('images/paperback.jpg');
	 padding-bottom: 40px; }
	  
h1 {font-family: 'anudawregular';
	color: #513528;
	font-size: 1em;
	text-align:center;}
	
h2 {font-family: 'anudawregular';
	color: #BB955A;
	font-size: .75em;
	text-align:center;}
		 
main{width: 940px;
	display: block;
	margin-top: 30px;
	position: relative;}
	  
a:hover {color:#BB955A;}

a {text-decoration: none; 
  color: #513528;}

header {width: 940px;
	   height: 150px;
	   margin-left: auto;
	   margin-right: auto;
	   background-image:url('images/head2.png');
	   background-repeat: no-repeat;
	   background-position:center;}

#border { height:25px;
		  width:550px;
		  margin-left:auto;
		  margin-right:auto;
		  margin-top: 15px;
		  margin-bottom: 30px;
		  border-top: 2px;
		  border-bottom: 2px;
		  border-color: #5E8471;
		  border-style:dotted;
		  padding-top:5px;
		  padding-bottom:5px;}

nav {width:550px;
	 height: 60px;
	 color: #FFFFFF; 
	 margin-left: auto; 
	 margin-right: auto;
	 margin-top: 1px;}

.navbar li {list-style-type: none; 
		 display: inline;
		 padding-top: 10px;
		 padding-bottom: 10px;
		 color:#5E8471;
		 padding-left:50px;
		 padding-right:50px;
		 background-color:eae2cc;
}

main {width: 940px;
	 height: auto;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 30px;}

.clearfloat{clear: both;}

#tree {float: left;
		width:20%;
		padding:5%;
		position: fixed;
		height: auto;}
		
#tree2 {float: right;
		width:20%;
		padding:5%;
		position: fixed;
		height: auto;}
		
#spoke {color: #5E8471;
		background-color: rgba(255,255,255, 0.25);
		width:27%;
		padding: 2%;
		float: left;
		border-bottom: 2px;
		border-top:1px;
		border-left:1px;
		border-right:2px;
		border-color: #d5cbb1;
		border-style: solid;}
		
#lilac {color: #5E8471;
	    background-color: rgba(255,255,255, 0.25);
	    width:30%;
	    padding: 2%;
	    margin-right:1%;
	    margin-left:1%;
	    float: left;
	    border-bottom: 2px;
	    border-top:1px;
	    border-left:1px;
	    border-right:2px;
	    border-color: #d5cbb1;
	    border-style: solid;}
		
#river {color: #5E8471;
		background-color: rgba(255,255,255, 0.25);
		width:28%;
		padding: 2%;
		float: left;
		border-bottom: 2px;
		border-top:1px;
		border-left:1px;
		border-right:2px;
		border-color: #d5cbb1;
		border-style: solid;}
		  
#hiking {color: #5E8471;
		background-color: rgba(255,255,255, 0.25);
		width:27%;
		padding: 2%;
		margin-top: 5px;
		float: left;
		border-bottom: 2px;
		border-top:1px;
		border-left:1px;
		border-right:2px;
		border-color: #d5cbb1;
		border-style: solid;}
		 
#map {color: #5E8471;
	  background-color: rgba(255,255,255, 0.25);
	  width:63%;float: right;
	  padding-right:2%;
	  padding-left:2%;
	  padding-top:4%;
	  margin-top:5px;
	  margin-left:auto;
	  margin-right:auto;
	  border-bottom: 2px;
	  border-top:1px;
	  border-left:1px;
	  border-right:2px;
	  border-color: #d5cbb1;
	  border-style: solid;}

		  
#infographic {color: #5E8471;
			  background-color: rgba(255,255,255, 0.25);
			  width:96%;
			  padding-left:2%;
			  margin-top:5px;
			  margin-left: auto;
			  margin-right: auto;
			  padding-right:2%;
			  padding-bottom:2%;
			  padding-top: 2%;
			  border-bottom: 2px;
			  border-top:1px;
			  border-left:1px;
			  border-right:2px;
			  border-color: #d5cbb1;
			  border-style: solid;
			  }
	#infog {float:left;
			padding: 1%;
			margin-right: 10%;}	  
	#infolist {list-style-type: none;
	color:#513528;
	font-size: 1.25em;}
#benburr {color: #5E8471;
		  background-color: rgba(255,255,255, 0.25);
		  width:30%;
		  padding:2%;
		  margin-top:5px;
		  float: left;
		  border-bottom: 2px;
		  border-top:1px;
		  border-left:1px;
		  border-right:2px;
		  border-color: #d5cbb1;
		  border-style: solid;}
		  
#trailrecs {
color: #5E8471;
			background-color: rgba(255,255,255, 0.25);
			float: right;
			width:61%;
			padding:2%;
			margin-top:5px;
			border-bottom: 2px;
			border-top:1px;
			border-left:1px;
			border-right:2px;
			border-color: #d5cbb1;
			border-style: solid;
			color:#BB955A;}		
	.trailname {color:#5E8471;}	  
#urban {color: #5E8471;
		background-color: rgba(255,255,255, 0.25);
		width:61%;
		padding:2%;
		margin-top:5px;
		margin-left: 0px;
		float: right;
		border-bottom: 2px;
		border-top:1px;
		border-left:1px;
		border-right:2px;
		border-color: #d5cbb1;
		border-style: solid;}

#programs {color: #5E8471;
		  background-color: rgba(255,255,255, 0.25);
		  float: left;
		  width:30%;
		  padding:2%;
		  margin-top:5px;
		  padding-right:2%;
		  padding-bottom:2%;
		  padding-top: 2%;
		  border-bottom: 2px;
		  border-top:1px;
		  border-left:1px;
		  border-right:2px;
		  border-color: #d5cbb1;
		  border-style: solid;}
		
#form {color: #5E8471;
		  background-color: rgba(255,255,255, 0.25);
		  float: left;
		  width:40%;
		  padding:2%;
		  margin-top:5px;
		  padding-right:2%;
		  padding-bottom:2%;
		  padding-top: 2%;
		  border-bottom: 2px;
		  border-top:1px;
		  border-left:1px;
		  border-right:2px;
		  border-color: #d5cbb1;
		  border-style: solid;
		  margin-bottom:20px;}

.contact {background-image:url('images/contact.png');
	   background-repeat: no-repeat;
	   background-position:right;
		  float: right;
		  width:100%;}		  
		  
#credit {color: #5E8471;
			background-color: rgba(255,255,255, 0.25);
		margin-left:auto;
		margin-right:auto;
			width:70%;
			padding:2%;
			margin-top:5px;
			border-bottom: 2px;
			border-top:1px;
			border-left:1px;
			border-right:2px;
			border-color: #d5cbb1;
			border-style: solid;
			color:#BB955A;}	
			
.creditname {color:#BB955A;}		

input {width: 80%;background-color: rgba(255,255,255, 0.5); 
border-style: solid;
border-color: #5E8471;
border-width: 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
outline: 0px;}


#submit {margin:1%;padding:1%;width: 25%; color: #5E8471;}
#reset {margin:1%;padding:1%;width:25%; color: #5E8471;}

input: focus{
border-color: #b74061;
}
	  
#reply {font-family: 'anudawregular';
text-align:center;
	   color: #513528;
	   font-size: 2em;
	   width:40%;
	   margin-left: auto;
	   margin-right: auto;
	 background-color: rgba(255,255,255, 0.25);
	   padding:3%;
	   border-bottom: 2px;
		  border-top:1px;
		  border-left:1px;
		  border-right:2px;
		  border-color: #d5cbb1;
		  border-style: solid;}
#safety1 {color: #5E8471;
		background-color: rgba(255,255,255, 0.25);
		width:27%;
		padding: 2%;
		float: left;
		border-bottom: 2px;
		border-top:1px;
		border-left:1px;
		border-right:2px;
		border-color: #d5cbb1;
		border-style: solid;}
		
#safety2 {color: #5E8471;
	    background-color: rgba(255,255,255, 0.25);
	    width:30%;
	    padding: 2%;
	    margin-right:1%;
	    margin-left:1%;
	    float: left;
	    border-bottom: 2px;
	    border-top:1px;
	    border-left:1px;
	    border-right:2px;
	    border-color: #d5cbb1;
	    border-style: solid;}
		
#safety3 {color: #5E8471;
		background-color: rgba(255,255,255, 0.25);
		width:28%;
		padding: 2%;
		float: left;
		border-bottom: 2px;
		border-top:1px;
		border-left:1px;
		border-right:2px;
		border-color: #d5cbb1;
		border-style: solid;}
.reply {background-image:url('images/reply.png');
	   background-repeat: no-repeat;
	   background-position:center;
		  float: right;
		  width:940px;
		  height:600px;}
		  
table {color: #BB955A;
	   font-size: 20px;
	   padding:auto;}
	 
td {padding:15px;
	font-size: 1.5em;} 


.footermargin {clear: both;
			   width:100%;
			   height:30px;}
			   
footer {clear: both;
	    width:940px;
	    height: 300px;
	    margin-left: auto;
	    margin-right: auto;}
		
blockquote {padding:3%;
color:#EAE2CC;}

.clearfloat{clear: both;}