* { 
	margin: 0;
	padding: 0;
	}

img {
	  border-style: none;
	}

body
	{
		text-align: center;
		font-family : sans-serif;
		font-size: 80%;
		color: #333;
		background: #ccc;
	}
	

a, a:visited {
color: #00f;
}
a:hover {
color: #36f;
}

.topnav {
	text-align:center; 
}

 #navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #999;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: #444;
}

.whitebox {
	width: 750px;
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	margin: 10px;
	padding: 10px 20px 30px 20px ;
	text-align: left;
	}
	
.offwhitebox {
	width: 750px;
	background-color: #ffc;
	color: #000;
	border: 1px solid #000;
	margin: 10px;
	padding: 10px 20px 30px 20px ;
	text-align: left;
	}	
	
	.subtitlebox
{
	background-color: #999;
	text-align:center;
	width: 97%;
	padding: 0.5em;
	color: #fff;
	padding: 2px;
	margin: 0 10px 0 0;
	text-align:center;
	font-size : 14px;
	font-weight: bold;
	}

#footer
{
clear: both;
margin: 10px;
padding: 5px;
color: #000;
background-color: #999;
text-align: center;
font-size: 0.8em;
}	
	



img.logo {
	clear: both; 
}




img.left {
	float: left;
	margin: 10px 20px 20px 20px;
}

img.center {
margin-left: 125px;
}

a img 
{
border: none;
}



div.center
{
	text-align:center; 
}


	
h1
{
font-size: 1.5em;
margin: 5px;
text-align: center;
}	
	
h2 
{
font-size: 1.2em;
margin: 5px;
}	

p {
margin: 5px;
}

.quote {
font-style: italic;
}

.source {
font-size: 0.7em;
float: right;
margin-bottom: 20px;
}

ul {
	list-style-type: square;
	margin: 0 10px 10px 20px;
	list-style-position: outside;
}



li.current {
margin: 5px;
font-weight: bold;
}