*{
	margin: 0;
	padding: 0;
	}
body{
	font-size: 1em;
	font-family: sans-serif;
	background: #fff
				url('../images/body_bg.png')
				repeat-x
				scroll
				top center;
	}
div#header{
	overflow: auto;
	width: 100%;
	background-color: #000;
	margin-bottom: 2em;
	color: #fff;
	}
div#footer{
	margin: 60px 0 0 0;
	clear: both;
	width: 100%;
	overflow: auto;
	background: #2a4e4e
				url('../images/footer.png')
				repeat-x
				scroll
				0 0;
	padding: 3em 0 0 0;
	color: #fff;
	min-height: 300px;
	}
div#about, div#contact{
	height: 200px;
	width: 300px;
	float: left;
	border-left: 1px solid #2B4F4F;
	margin-left: 60px;
	padding: 0 1em;
	}
div#footer p{
	font-size: 70%;
	margin: 0 0 1em 0;
	text-align: left;
	}
div#content{
	padding: 0 60px ;
	clear: both ;
	}
h1{
	width:304px;
	height: 60px;
	float:left;
	background-image: url('../images/header.png');
	text-indent: -999em;
	}
h2{
	font-family: Garamond, serif;
	font-weight: normal;
	font-size: 300%;
	border-bottom: 1px solid #bbb;
	margin: 30px 0;
	padding: 0.1em 15px;
	color: #666;
	text-align: left;

	}
div#footer h3{
	margin: 0 ;
	text-align:left;
	font-family: Garamond, serif;
	font-weight: normal;
	font-size: 120%;
	}
a, a:link, a:visited, a:hover, a:active{
	text-decoration: none;
	color: #2A4E4E;
	}
a:visited{
	color: #1A3C3C;
	}
a:hover{
	color: #000;
	}
a#logout{
	display: block;
	margin: 15px;
	width: 5em;
	height: 20px;
	float: right;
	background-color: #2A4E4E;
	border-top: 1px solid #2C6969;
	border-left: 1px solid #2c6969;
	color: #fff;
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	}
a#logout:hover{
	background-color: #666;
	border-left: 1px solid #999;
	}
ul#nav{
	list-style-type: none;
	font-size: 70%;
	font-weight: bold;
	margin: 0 auto;
	text-align: right;
	background-color: #000;
	}
ul#nav li{
	display: inline;
	float: left;
	text-align: center;
	width: 10em;
	height: 30px;
	margin-left: 2em;
	}
ul#nav li a{
	display: block;
	padding: 7px 1em 3px 1em;
	height: 20px;
	color: #fff;
	background-color: #000;
	border-left: 1px solid #000;
	}
ul#nav li a:hover{
		border-left: 1px solid #2c6969;
		background-color:#2A4E4E
		}
ul#extranav{
	clear: both;
	list-style-type: none;
	font-size: 70%;
	font-weight: bold ;
	padding: 2px 0 3px 63px ;
	text-align: left ;
	background-color: #294d4d;
	border-top: 1px solid #2c6969;
	border-bottom: 4px solid #213d3d;
	}
ul#extranav li{
	display: inline ;
	width: 10em ;
	margin-right: 2em;
	}
ul#extranav li a{
	color: #fff;
	}
ul.peoplelist{
	list-style-type: none;
	margin: 0 75px;
	font-size: 80%;
	}
ul.peoplelist a{
	display: block;
	width: 40em;
	height: 1.5em;
	padding: 0.5em;
	border-top: 1px solid #bbb;
	}
ul.peoplelist a:hover{
	background-color: #ddd;
	}
div#content{
	min-height: 25em;
	}
form.bigform{
	width: 40em;
	margin: 0 auto;
	font-size: 80%;
	}
form.bigform label{
	display: block; 
	float: left;
	clear: left;
	width: 20em;
	height: 1.5em;
	padding: 0.5em;
	
	}
form.bigform hr{
	border: 0;	
	border-top: 1px solid #bbb;
	margin: 0.5em 0;
	clear: both;
	}
form.bigform br{
	clear: both;
	}

form.login{
	padding: 0.5em;
	float: right;
	font-size: 70%;
	width: 25em;
	text-align: right;
	}
form.login input{
	color: #000;
	margin: 1px;
	}
form.login div{
	float: left;
	width: 15em;
	}
p {
max-width: 40em ;
margin: 0 15px ;
}
h3{
	margin: 15px 15px 0 15px ;
	font-family: sans-serif ;
	font-weight: bold ;
	font-size: 100% ;
	}
#frontpagepic {
	margin: 30px 0 ;
	float: right ;
	width: 450px ;
	height: 450px ;
	}