/* Visual Elements */

body {
	font-size: 80%; /* Resets 1em to 10px */
	font-family: Georgia, Times, serif;
	
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	
	margin-bottom: 10px;
	font-variant: small-caps;
}

p {
	font-size: 1em;
	line-height: 1.6em;
}



/* Structure and Layout Styles */

body {
	background-color: #9d6417;
	/* background-color: rgb(153, 102, 51); */
	
	margin: 0;
}

div#Header {
	width: 100%;
	
	height: 200px;
	
	background-image: url(header-horiz.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#Header img#Title {
	position: absolute;
	top: 80px;
	left: 30px;
}

div#Header img#Tree {
	position: absolute;
	top: 16px;
	left: 490px;
}

div#MainContainer {
	width: 100%;
	
	margin-bottom: 1em;
}

div#Menu {
	width: 149px;
	height: 500px;
	
	float: left;
	
	background-image: url(menu-vert.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

div#Menu ul {
	margin: 0;
	padding: 0;
}

div#Menu li {
	list-style: none;
	
	margin: 0;

	padding: 0;
	padding-left: 7px;
	
}

div#Menu li img {
	border: 0;
	
}

div#Menu li#Current {
	background-image: url(current-menu.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#Body {
	float: left;
	
	width: 750px;
	
	margin-left: 10px;
	margin-top: 0.5em;
	
	margin-bottom: 1em;
}

div#ContentArea {
	float: left;
	
	margin-left: 10px;
	padding: 15px;
	
	width: 540px;
	
	background-color: rgb(255, 204, 153);
	

	background-image: url(box-top.jpg);
	background-position: top left;
	background-repeat: no-repeat;

}

div#ContentArea div#BoxFade {
	width: 570px;
	height: 25px;
	
	margin-left: -15px;
	margin-bottom: -15px;
	
	background-image: url(box-bottom.jpg);
	background-repeat: repeat-x;
}