body { margin:0px; background:#E5E5E5 url(/img/bg_main.jpg) repeat-x top fixed; color:#333; }
.h2o { background-image: url('/img/h2o_logo.gif'); background-repeat: no-repeat; background-position: top center; background-attachment: scroll; }

/*---  NAVIGATION ---*/
.topnav { background-color: #ffffff; text-align: center;  color: #FFFFFF; font-family:arial,trebuchet,sans-serif; font-size: 16px;  font-weight: bold; line-height: 25px;  letter-spacing: 1px }
.topnav a:link    { color:  #FFFFFF; font-weight: bold; text-decoration: none;}
.topnav a:visited { color:  #FFFFFF; font-weight: bold; text-decoration: none;}
.topnav a:active  { color:  #FFFFFF; font-weight: bold; text-decoration: none;}
.topnav a:hover   { color:  #E8BF6F; font-weight: bold; text-decoration: none;} 

/*---  Updated to top navigation. removed html style and added tabs by Eric Tuberdyke 08.29.08 ---*/
.topnav {
	text-indent:-9999px;
	}
	

a.nav-landing {
	text-indent:-9999px;
	background: url(/img/nav.jpg) no-repeat;
	width: 169px;
	height: 37px;
	*height: 43px;
	display: block;
	*margin-bottom: -5px;
	background-position: 0px 0px;
	float: left;
}

/*a.nav-landing:visited {
	background-position: 0px -80px;
}*/

a.nav-landing:hover {
    background-position: 0px -39px;
}


.nav-board{
	text-indent:-9999px;
	background: url(/img/nav.jpg) no-repeat;
	width: 100px;
	height:37px;
	*height: 43px;
	display: block;
	*margin-bottom: -5px;
	*background-position: -169px 0px;
	background-position: -169px 0px;
	float: left;
}

a.nav-board:hover {
    background-position: -169px -39px;
}

.nav-dept{
	text-indent:-9999px;
	background: url(/img/nav.jpg) no-repeat;
	width: 99px;
	height: 37px;
	*height: 43px;
	display: block;
	*margin-bottom: -5px;
	background-position: -269px 0px;
	float: left;
}

a.nav-dept:hover {
    background-position: -269px -39px;
}

.nav-comm{
	text-indent:-9999px;
	background: url(/img/nav.jpg) no-repeat;
	width: 100px;
	height: 37px;
	*height: 43px;
	display: block;
	*margin-bottom: -5px;
	background-position: -368px 0px;
	float: left;
}

/*a.nav-comm:visited {
	background-position: 0px -80px;
}*/

a.nav-comm:hover {
    background-position: -368px -39px;
}

.nav-docs{
	text-indent:-9999px;
	background: url(/img/nav.jpg) no-repeat;
	width: 126px;
	height: 37px;
	*height: 43px;
	display: block;
	*margin-bottom: -5px;
	background-position: -468px 0px;
	float: left;
}

a.nav-docs:hover {
    background-position: -469px -39px;
}

.nav-info{
	text-indent:-9999px;
	background: url(/img/nav.jpg) no-repeat;
	width: 177px;
	height: 37px;
	*height: 43px;
	display: block;
	*margin-bottom: -5px;
	background-position: -594px 0px;
	float: left;
}

a.nav-info:hover {
    background-position: -594px -39px;
}

.navbg { background:#BDBDBD url(/img/bg_nav.jpg) repeat-x top fixed; }
.subnav{ text-align: left; color: #0C532C; font-family:arial,trebuchet,sans-serif; font-size: 13px; line-height: 24px; font-weight: bold;  border-bottom: 1px dotted #999;  width: 138px; }
.subnav a:link    { color:  #0C532C; font-weight: bold; text-decoration: none;}
.subnav a:visited { color:  #0C532C; font-weight: bold; text-decoration: none;}
.subnav a:active  { color:  #0C532C; font-weight: bold; text-decoration: none;}
.subnav a:hover   { color:  #000; font-weight: bold; text-decoration: none;} 

.navother { font-family:arial,trebuchet,sans-serif; font-size: 11px; color:#666666; line-height: 20px; }

.navother a:link {  color: #0C532C;  font-size:11px; font-weight: bold; text-decoration: none; }
.navother a:visited { color: #0C532C; font-size: 11px; font-weight: bold; text-decoration: none; }
.navother a:active { color: #0C532C; font-size: 11px; font-weight: bold; text-decoration: none; }
.navother a:hover {  color: #000; font-size: 11px; font-weight: bold; text-decoration: none; }

/*---  DEFAULT  ---*/

.copy { font-family:arial,trebuchet,sans-serif; font-size: 12px; color:#333; line-height: 20px; }

a:link {  color: #0C532C;  font-size:12px; font-weight: bold; text-decoration: none; }
a:visited { color: #0C532C; font-size: 12px; font-weight: bold; text-decoration: none; }
a:active { color: #0C532C; font-size: 12px; font-weight: bold; text-decoration: none; }
a:hover {  color: #E8BF6F; font-size: 12px; font-weight: bold; text-decoration: none; }

.footer { background-color: #227154; text-align: center;  color: #FFFFFF; font-family:arial,trebuchet,sans-serif; font-size: 11px;  font-weight: bold; line-height: 25px;  letter-spacing: 1px }

H2 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   17px;
 color:       #333333;
 font-weight: bold;
}

H3 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   14px;
 color:       #333333;
 font-weight: bold;
}


H4 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       #999999;
 margin-top: 2px;
 margin-bottom: 5px;
 font-weight: bold;
}

H5 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #666666;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}

/*--- Formatting Calendar ---*/
#calendar {
	 height: 140px;
	 width: 104px;
	 border-style: none;
	 padding-right: 34px;
	*padding-right: 0px;
	*height: 140px;
	*width: 104px;
	*border-style: none;
} 
	

	
#codered{
	display:block;
	*margin-left: -10px;
	margin-bottom: 10px;
	border: 3px dotted red;
	width: 520px;
	padding: 5px 10px 10px 5px;
}

/*---  Weblog entry formatting.  ---*/

.weblog {
 padding-bottom: 12px;
 border-bottom:1px dotted #999999;
}

/*---  Name of author in weblog entries ---*/

.author {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #999999;
 font-weight: normal;
}

/*---  Paragraph formatting in weblog entries ---*/

.weblog p {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #333333;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
 text-align:  left;
}

td ul, td li, td .copy {
color:#333;
}

/*--- Formatting for tables on the Town Court page ---*/
.courtTable {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #333333;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
 text-align:  left;
}


.section {
padding-right:10px;
}

.section h2, .section h3, .section h4, .section p, .section ul {
padding-bottom:10px;
line-height:1.25em;
}