/* testing some css for divs */

/* color palette
drk brown - #2d1e1e
med brn - #4b3c37
med grn - #96a576
light grn - #cde196
creamy #ffffbb  */

body {background-color: #ffffbb;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana;}

/* the container div does just that - contains our whole set of information */

#container {width: 800px;
	height: 800px;
	background-color: #96a576;
	margin: 0 auto 10px auto;
	}

#header {background-color: #c1d0a2;
	height: 150px;
	color:#560800;
	}

#banner {height: 125px; 
	text-align: center;
	padding-top: 30px;}



#content {margin-top: 0px; 
	padding-top: 0px;}

#leftCol {
	float: left;
	width: 185px;
	padding: 15px 0px;
	}
	
#leftCol p {margin-right: 10px;
	margin-left: 10px;
}

#rightCol {
	float: right;
	width: 590px; 
	padding: 15px 10px;
	background-color:#d0e2a8;
	height: 600px; }
	
#rightCol p {margin-right: 10px;
	margin-left: 20px;
}

div#footer { 
	margin: 0px auto; 
	padding: 3px 0px 3px 0px;
	width: 100%; 
	clear:both;
	height: 20px; 
	background: #560800; }

div#footer p { text-transform: uppercase; 
	width: 780px; 
	margin: 3px auto; 
	font-size: 11px;
	letter-spacing: 1px; 
	padding: 0px; max-width: none; 
	color: #d6ddfa;}


/* side menu navigation info in here -- */

#menu {
	font-size: 12px;
	text-transform: uppercase;
	color: #2d1e1e;
	letter-spacing: 2px;
	margin-left: 0px;
	padding-left: 0px;
}

#menu ul {padding: 0px;}

#menu li {list-style-type: none;
margin: 1px;}

#menu a {display: block;
text-decoration: none;
width: 155px;
padding: 12px 10px;

color:#030;
background-color: #cde196;
font-weight: bold;
border-left: 7px solid #560800;
/* border-left: 7px solid #4b3c37560800; */

}

#menu a:hover {
background-color:#999900;
background-image:url(images/leaf.jpg);
color: #FFF;
border-left: 7px solid #003300;
}

#menu .active a {
color:#cde196;
background-color: #41530e;
font-weight: bold;
border-left: 7px solid #4b3c376;
}