/* style the body - need text-align center for IE to allow centering of content*/
body
{
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: Verdana , Arial, sans-serif;
	color: #000;
	background-color: white;
	text-align:center;
}
/* style the display area - centered in window, fixed width */
#displayarea {
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	width:750px;
	background-color: white;
	text-align:left;
	line-height: 130%;
	margin-top:20px;

}



#sidebar
{
	float: left;
	width: 180px;
	height:480px;

}
#content {
	margin:10px 10px 10px 10px;
	float:right;
		
}

#content h4 {
	
	/*font-family: Verdana , Arial, sans-serif*/;
	color: #570f11;
	font-family: Arial, sans-serif;
	background-image: url(../images/logo_tiny2.png);	
	height:40px;
	padding-left:30px;
	padding-top:10px;
	background-repeat: no-repeat;
}


#contentmain {
	border-left: 1px dotted #8a8c37;
	padding-left:20px;
	padding-right:20px;
	
}

#contentheader  h3{
	color: #5758a1;
	font-family: Arial, sans-serif;
	padding-left:20px;
	background-image: url(../images/banner3_lilac.jpg);
	background-repeat: no-repeat;
	
}

#logo {
	height:80px;
	margin-left:50px;
	margin-top:40px;
	background-image: url(../images/logo2.png);
	background-repeat: no-repeat;
}

#footer {
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	color:DarkGray;
	width:690px;
	margin-bottom:10px;
	border-top: 1px dotted #8a8c37;
	text-align: right;
	margin-left:10px;
}

.clear{
	clear:both;
}

#contentlist{
	margin-left: 0;
	padding-left: 0;
	margin-top:70px;
}

#contentlist ul
{
	list-style: none;
}

#contentlist li 
{
	padding-top:5px;
	list-style-type: none;
}

#contentlist a {
	padding-left:25px;
	background-image: url(../images/thick_menu_square_deep_lilac.gif);
	background-repeat: no-repeat;
	color:#000000;	
 
}
#contentlist li a:hover
{
	color:#5f0f11;
}

#active a:link, #active a:visited, #active a:hover{
	background-image: url(../images/thick_menu_square_olive.gif);
	color:#5f0f11;
	text-decoration:none;
}