html {
	margin: 0;
	padding: 0;
	}
	
body {
	margin: 0;
	padding: 0;
	background: #efe4c3;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	-moz-opacity: .999; //to defeat firefox redraw problem with fade effect
	}
	
#header {
	height: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	background: url(graphics/headbg.gif) top center;
	background-repeat: repeat-x;
	min-height: 100%;

	}
	

	
#head {
	margin: 4px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #582764;
	
	background-repeat: repeat-x;
	}
#banner {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-top: 42px;
	}
	
#banner p{float: right;}
#banner img {border: none;}
#banner a {padding-left: 10px;}
* html #banner {
	padding-top: 42px;
}

/* link styles */

	#navtop {
	margin-top:0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 28px;
	background-color: #51a9c6;
	}


/*---------MAIN---------*/
#main {
	width:900px;
	height: 236px;
	margin-top: 35px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(graphics/mainbg.gif) top center;
	background-repeat: no-repeat;
	min-height: 100%;
	}
	
#photodiv {font-size: .75em;
  background-repeat: no-repeat;
}
	
#content {
	width:900px;
	margin-top: 35px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-bottom: 0;
	min-height: 100%;
	}
#form {padding: 20px 100px 20px 7px;background-color: #613c16; border:7px solid #613c16;}
#content .foto {float: right; margin: 10px 0 20px 20px; border: 2px solid white;}
#content .caption {float: right; margin: 10px 0 20px 20px;}
#content h1 { text-decoration:underline; color: #51a9c6; font-size: 1.4em; padding: 15px 20px 10px 20px; margin-bottom: -1px; background-image: url(graphics/mainbg-top.gif);}
#content h2 {color: #51a9c6; font-size: 1.1em; background-color: #613c16; padding: 15px 20px 5px 20px; margin: 0px;}
#content h3 {color: #51a9c6; font-size: 1.1em; background-color: #613c16; padding: 15px 20px 0px 20px; margin: 0px;}
#content h5 {float: right; margin:20px 30px 0 0;}
#content h5 a:hover {color:#51a9c6;}
#content img {
	margin-top: 0px;
}
#content p {color: #efe4c3; font-size: 1.1em; background-color: #613c16; margin: 0; padding: 10px 20px 0 20px;}
#content a:link {color: #efe4c3; font-size: 1.1em;}
#content a:visited {color: #efe4c3; font-size: 1.1em;}
#content a:hover {color: #51a9c6; font-size: 1.1em;}
#content ul {font-size:1.1em; list-style-type:disc; background-color:#613c16; color:#efe4c3; margin:0px; padding-right:10px;}
#content li {padding-left: 10px;}
#content ol {font-size:1.1em; background-color:#613c16; color:#efe4c3; margin:0px; padding-right:10px;}
#content table {width: 900px; background-color:#613c16; color:#fff;}
#content .close {margin-top:-8px;}
#content table td {align:center;}
.cent {text-align: center;}

#edu span {color:#51a9c6;}

/*------PICS------*/
#photodiv {
	float: left;
	width: 576px;
	margin: 7px 0 0 7px;
	}

/*----SIDE NAVIGATION----*/

.side {
	float: right;
	width:289px;
	padding: 0;
	}
	
.side a {
	text-decoration: none;
	font-size:14px;
	display: block;
	padding:10px;
	border: none;
	margin:-3px;
	color:#fff;
	}
	
.side li form {padding-top: 10px;}
.side li {list-style: none; padding:-12px;}
.side li h3 {
	padding:0;
	margin:0 30px 10px 10px;
	color:#51a9c6;
	border-bottom: 2px solid #51a9c6;
}

.side a:hover{
	color: #51a9c6;
	}	
	
/*-----BOTTOM-------*/
#bottom {
	width:900px;
	height: 365px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	
	color: #efe4c3;
	background-image: url(graphics/bottom-back.png);
	background-repeat: no-repeat;
	}
	
#bottom h2 {font-size: 1.2em; text-align: center; padding-top: 5px; color: #51a9c6; border-bottom: 1px solid #51a9c6; margin: 10px;}


#one {
	float: left;
	width: 255px;
	height: 290px;
	margin-right:0px;
	padding-bottom: 30px;
	}
	
#one h5 {
	padding-left: 5px;
	margin:4px;
}
#one p {margin:2px;}
#one h4 {padding-left: 10px; margin:2px;}
#one a {color: #51a9c6;}
#one img {border: none; position:relative; top:7px;}
#two {
	float: right;
	width: 385px;
	height: 290px;
	border-left: 2px solid #583614;
	padding-bottom: 30px;
	border-right: 2px solid #583614;
	}
	
#two h5 {text-align:center; margin:4px;}
#two .center-pic {
	margin-left:10px;
	margin-bottom:0px;
}	
#two p {margin:0; padding:0; font-weight:500;}
#mediaspace {
	margin: 30px 0 0 9px;
}


#three {
	float: right;
	width: 255px;
	height: 350px;
	margin-left:0;
	margin-right: 0px;
	padding-bottom: 0px;
	}
#three img {margin: 25px 0 0 55px; border: 3px solid #613c16;}
#three h5 {
	padding-left: 2px;
	margin:0px 4px;
	padding-bottom: 0px;
}
#three p {margin:0px;}
#three a {
	color: #efe4c3; padding-bottom:0px; margin-bottom:-2px;
	}

#bottom p {
	padding: 0px 7px;
	font-size: 12px;
}


/*------FOOTER------*/
#footer {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-bottom: 0;
	background: #613c16 url(graphics/footerbg.gif) top left;
	background-repeat: repeat-x;
	min-height: 100%;
	}
#insidefoot {
	width: 900px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-bottom: 5px;
	padding-top: 30px;
	color: #efe4c3;
	font-size: 0.7em;
}
#top20 {width: 300px;}
#top20 li {list-style: none; padding: 0; margin-left: 0;}
#top20 h3 {
	padding-bottom: 0;
	margin-bottom: 8px;
	font-size: 1.3em;
	padding-left: 27px;
}
#top20 .total {padding-left: 50px;}
#top20 ul {padding: 0; margin-left: 0;}
#top20 a {color: #51a9c6; text-decoration:none;}
#top20 a:hover {color:#51a9c6;}
#top20 p span {
	margin-left: 15px;
	color: #51A9C6;
}

.topone {float: left; width: 150px;}
.toptwo {float: right; width: 150px;}

#acre {
	float: right;
	width:220px;
	margin-top: -235px;
	padding: 10px 0;
}
#acre .hag {padding-top: 10px;}
#acre a:link {border:none;}
#acre a:visited {border:none;}

#uno {float: left; width:170px; margin:0px; padding:0px;}
#uno .top {padding-bottom: 5px; padding-left:5px;}
#uno .pt {margin-right: 3px;}
#copyright {width: 900px; color: #e19547; margin-top: 30px; margin-bottom: 0;}

#copyright .powered {
	padding-left:220px;
}
.powered a:link {color: #c57019;}
.powered a:visited {color: #c57019;}
.powered a:hover {color: #efe4c3;}
.powered a {text-decoration: none;}
#out {
	color: #613c16;
	text-align: center;
	font-weight: bold;
	padding-top: 15px;
	
}

.news {text-align:center; font-size:15px;}
#three .newslink a{text-decoration:none; color:#51a9c6; padding-bottom:5px;}

#three .newslink a:hover{text-decoration:none; color:#efe4c3;}
#graphic p {
	text-align: center;
	font-size: 14px;
}
#graphic h4{
	background-color:#613c16;
	text-align: center;
	text-align: center;
	margin: 0px;
	padding-top: 20px;
	color: #efe4c3;
}
#graphic img {border: 3px solid #efe4c3;}

