body{
	font-family: Verdana,sans-serif;
	font-size: 95%;
	color: #000000;
	line-height: 1.2em;	
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:hover {
	color: #003366}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4 {
	font-family: Verdana,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-size: 1.4em;
 color:#cc0000;
 font-weight:bold;
 margin-top:15px;
 margin-bottom:15px;
}

h2{
 font-size: 1.2em;
 color: #cc0000;
 font-weight:bold;
 margin-top:10px;
 margin-bottom:10px;
}

h3{
 font-size: 1em;
 color: #000000;
 font-weight:bold;
 margin-top:10px;
}
 
#menu {
 width: 100%;
 margin:0;
 padding:0;
 background-color: #cc0000;
 }

#menu ul {
 border: none;
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
 clear: left;
 display:inline;
 }

#menu ul li {
 display:block;
 float:left;
 text-align: center;
 padding:0;
 margin:0;
 }

#menu ul li a {
 background-color:#cc0000;
 border: 1px solid #000;
 padding: .4em 2em .4em 2em;
 margin: 0px;
 color:#cccc66;
 font-weight:bold;
 font-size: 0.8em;
 text-decoration: none;
 display: block;
 text-align: center;
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: .8em;
 }
html>#menu ul li a{
 font-size: .8em;
 }

#menu ul li a:hover {
 color:#000000;
 background: #cccc66;
 }
 
#menu ul li a.on {
 color:#000000;
 background: #CCCC66;
 }

#masthead{
	margin: 0;
	padding: 10px 0px;
	width: 100%;
	background-color:#669999;
}

#content{
	padding: 0;
	background-color:#FFFFFF;
	color:#000;
	font-size: .85em;
	margin-left: 20px;
 	margin-right: 20px;
}

#content img.homepage{
	float: left;
	padding: 0px;
	margin: 5px 10px 10px 0px;
}
/* adjust margins to change separation between the feature image and text flowing around it */

.caption{
 font-style:italic;
 font-size:.7em;
}
 
#footer {
	border: 1px solid #ccc;
	font-size: 0.75em;
	background-color:#669999;
	color: #000000;
	padding: 10px 10px 10px 10px;
}

table {
	border:solid #000000 2px;
	}
	
table th {
	background-color:#cccc66;
	}

table tr.on{
	background-color:#CCCCFF;
	}