/* CSS Document */
body { 
background: #D9CEAD; 
text-align: center;
margin: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
height: 100%;
}
a { color: #4485B4; }
#container {
width: 749px;
background: #FFF;
border: 1px solid #DADDE0;
padding: 0px;
margin: auto;
text-align: left;
}
img {
	border: 0;
}

#logo {
width: 211px;
height: 65px;
padding: 15px;
}
#header_img {
width: 749px;
height: 130px;
clear: both;
padding: 0px;
margin: 0px;
}
#contentwrapper {
float: left;
width: 100%;
}
#nav {
width: 190px;
background: #99917A;
padding: 0px;
float: left;
height: 400px;
}
#nav ul {
	list-style-type: none;
	margin-top: 50px;
	margin-left: 45px;
	padding: 0px;
	}
	#nav ul li { padding-bottom: 15px; }
	
	#nav ul li ul { margin: 0; list-style-type: none; }
	#nav ul li ul li { padding: 0px; margin-left: 5px; }
	
	
/* for extended text on home page */
/* really, this whole layout should change with a 1px high jpg in place of any background
but in the interest of time, I'll just leave it as is for now */
	
#nav2 {
width: 190px;
background: #99917A;
padding: 0px;
float: left;
height: 500px;
}
	#nav2 ul {
	list-style-type: none;
	margin-top: 50px;
	margin-left: 45px;
	padding: 0px;
	}
	#nav2 ul li { padding-bottom: 15px; }
	
	#nav2 ul li ul { margin: 0; list-style-type: none; }
	#nav2 ul li ul li { padding: 0px; margin-left: 5px; }
#content {
background: #FFF;
color: #4D4941;
line-height: 1.4em;
margin-left: 190px;
height: 400px;
}

#content2 {
background: #FFF;
color: #4D4941;
line-height: 1.4em;
margin-left: 190px;
height: 500px;
}

.title { text-align: right; padding: 0; }
.innercontent { padding-left: 25px; padding-right: 25px; padding-bottom: 25px; }
.red 
{
font-size:small;
color: #B50F1B; 
}
.comp 
{
font-size:large;
color:#B50F1B; 
}
#footer { 
width: 749px;
clear: both;
padding: 10px;
margin: auto;
text-align: right; 
color: #99917A;
}