body {margin:5px 5px 0px 5px; background:url(images/bodycolor.png); font: 78%/1.5 arial, helvetica, serif; color: #3c5f72;}

#main {border:1px solid #000; background:url(images/maincolor.png); position:static;z-index:2;}

#top {border:0; border-bottom:1px solid #3c5f72;height:100px;background:url(images/topcolor.png);}
#subtop {background:url(images/bottomcolor.png);height:50px;}
#top1 img {position:absolute; top:6px; left:6px; z-index:2}
#top2 {text-align: center; position: absolute; top: 6px; left: 0px;	width: 100%; z-index: 3;}
#top3 img {position:absolute; top:6px; right:6px; z-index:1;}
#address {position:absolute; top: 90px; width:100%; z-index:3; left:6px;
	background:url(images/maincolor.png);color:#3c5f72;font-size:1em;font-weight: bold; text-align:center;
	border-top: 1px solid #3c5f72;border-bottom: 1px solid #3c5f72;}
#address a {text-decoration: none; color:#3c5f72;}
#address a:hover {color: #171975;}
		
#container {background: url("images/blue0.jpg") repeat-x;text-align: left;margin: 0 auto;}
#nav{float: left;width: 100%;list-style: none;line-height: 15px; background: url("images/blue0.jpg") repeat-x 20px;
		font-weight: bold;padding: 0;margin: 0;position:relative;z-index:1;}
#nav ul {float: left;width: 1em;list-style: none;line-height: 15px;background: #b4c1c9;font-weight: bold;
		padding: 0;margin: 0;}
#nav a {display: block;color: white;text-decoration: none;text-align: center;
		padding: 0.25em 2em;}
#nav li {float: left;padding: 0;border: solid #3c5f72;border-width: 0 1px 0 0;}
#nav a:hover {background: url("images/blue2.jpg") repeat-x 20px;}	
#nav .active {color:black;}
#subnav {float: left;width: 100%;margin: 0; margin-bottom: 10px; font-size: 0.90em;	background-color: white; padding: 2px 0;}
#subnav li {display: inline;list-style-type: none;padding-left: 10px;}
#subnav  a, #subnav a:link, #subnav a:visited{color: #333;background-color: transparent;text-decoration: none;}
#subnav a:hover, #subnav a:active{color: #fff;background-color: #3c5f72;}
	
	#text {padding:10px;}
	#text h1 {color:#3c5f72; font-size: 24px;}
	#text a {font-weight: bold; color: #3c5f72; text-decoration: none;}
	#text a:hover {color: white;}
	#newstitle {font-weight: bold; color: #3c5f72; text-align: left;border-bottom: 1px solid #3c5f72;}
	#newsdate {text-align: right;color: #3c5f72;font-size: 0.8em;}
	#newstext {padding-bottom: 2em;}
	#box-img { background-color:#ECEFF8;border-top: 1px solid #369;border-bottom: 1px solid #369;}
	#caption { background: #fff url("images/boxbgbottom.gif") left bottom repeat-x; font-size: 0.85em; padding: 5px; }
	#box-img {margin-bottom: 15px;}
	/* add class = right/left to img when you want to align it to the right/left */
.left { float: left; margin: 0 20px 20px 0; }
.right { float: right; margin: 0 0 20px 20px; }

#topanchor {display:none;}
.top { clear:both; padding-left:15px; background: transparent url(images/up.png) left center no-repeat; font-size: 85%; }
#text .top a {text-decoration:none;color:#3c5f72;}
#text .top a:hover {color: #171975; text-decoration:bold;}
img.map {  border: none;}


