* { margin: 0; padding: 0; }

/***********************************************/
/* Link Styles                                 */
/***********************************************/

a:link {color: #344e9e; text-decoration: none; font-family:tahoma; }
a:visited {color: #344e9e; text-decoration: none; font-family:tahoma; }
a:hover {color: #1d96cc; text-decoration: none; font-family:tahoma; }
a:active {color: #344e9e; text-decoration: none; font-family:tahoma; }

p { line-height:20px; }


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#header {
	width:779px;
	height:153px;
	background-image:url('../layout/images/header_1.jpg');
	z-index:1;
}

#header1 { width:779px;height:153px;background-image:url('../layout/images/header_1.jpg');z-index:1; }

#contentHolder2 {
	width:779px;
	background-image:url('../layout/images/contentbg.jpg');
	background-repeat:no-repeat;
	z-index:2;
	overflow: hidden;
}
#contentHolder {
	width:779px;
	background-image:url('../layout/images/contentbg2.jpg');
	z-index:2;
	overflow: hidden;
}
#topMenu {
	width:779px;
	height:82px;
	background-image:url('../layout/images/top.jpg');
	z-index:3;
}
#leftSidebar {
	width:173px;
	padding-left:15px;
	float:left;
	text-align:left;
	z-index:4;
}
#content {
	width:591px;
	float:left;
	text-align:left;
	z-index:5;
}
body {
	background-image:url('../layout/images/bodybg.jpg');
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
#Master {
	width: 779px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
#footer {
	width:779px;
	height:33px;
	background: url('../layout/images/footer.jpg');
	z-index:6;
}
/***********************************************/
/* Dynamic output                                                      */
/***********************************************/

div#docmain {
    margin-left:25px;
	padding-top:10px;
    width: 535px;
	background-color:#FFFFFF;
 }
div#docleft {
    float: left;
    width: 220px;
	margin-bottom:20px;
}
div#docmiddle {
    float: LEFT;
	margin-left: 5px;
    margin-bottom:20px;

}
div#docright {
    float: left;
	width: 200px;
	margin-left: 35px;
	margin-bottom:20px;
    
	
}


/***********************************************/
/* Left Nav                                    */
/***********************************************/

#alt-nav {
	width:173px;
}
#alt-nav a {
	cursor:pointer;
	outline:0;
	padding-left:1em;
	background: url('../layout/images/alt-navbg.jpg') repeat-x top left;
	height:24px;
	line-height:24px;
	overflow:hidden;
	display:block;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#alt-nav li {
	zoom:1;
	list-style:none;
	margin:0;
}
#alt-nav li a:hover {	
	background-position: left -24px;
}
#alt-nav li li a {
	padding-left:1.5em;
	background: none;
	height:auto;
	line-height:2em;
}
#alt-nav li li a:hover {
	background: #48545b;
}
#alt-nav .sub-item {
/* display:none;*/
}

/*******************************************************/
/*   keep nav sub item highlighted for current page    */
/*******************************************************/

#history #nav_history,
#commisioners #nav_commisioners,
#boardmeetingschedule #nav_boardmeetingschedule,
#boardmeetingminutes #nav_boardmeetingminutes,
#observedholidays #nav_observedholidays,
#servicearea #nav_servicearea,
#finacialreport #nav_finacialreport,
#e-billing #nav_e-billing, 
#billpaymentoptions #nav_billpaymentoptions, 
#rates #nav_rates, 
#directionstonbsd #nav_directionstonbsd, 
#waterleakdetection #nav_waterleakdetection, 
#waterconservation #nav_waterconservation, 
#linelocates #nav_linelocates, 
#customerdocs #nav_customerdocs,
#contactcustomerservices #nav_contactcustomerservices, 
#developmentsubmittals #nav_developmentsubmittals, 
#waterspecs #nav_waterspecs, 
#wastewaterspecs #nav_wastewaterspecs, 
#typicaldetaildrawing #nav_typicaldetaildrawing, 
#activecapitalprojects #nav_activecapitalprojects, 
#gisdatadownloads #nav_gisdatadownloads, 
#contactengineering #nav_contactengineering, 
#employment #nav_employment {
	background: #48545b;
}




/***********************************************/
/* Roll Overs                                  */
/***********************************************/


#navigation {
	background-color:#000000;
	width: 779px;
	height:82px;
}
#navigation a {
	display: block;
	overflow: hidden;
	height: 0;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
#navigation li {
	display:inline;
	float:left;
}
#Home a{
	background: #fff url('../layout/images/menuHome.jpg') no-repeat scroll top left; width:127px; padding-top:82px;
}
#Home a:hover {
	background-position: left -82px;
}
#PayBill a{
	background: #fff url('../layout/images/menuPayBill.jpg') no-repeat scroll top left; width:146px; padding-top:82px;
}
#PayBill a:hover {
	background-position: left -82px;
}
#Contact a{
	background: #fff url('../layout/images/menuContact.jpg') no-repeat scroll top left; width:165px; padding-top: 82px;
}
#Contact a:hover {
	background-position: left -82px;
}
#News a{
	background: #fff url('../layout/images/menuNews.jpg') no-repeat scroll top left; width:127px; padding-top: 82px;
}
#News a:hover {
	background-position: left -82px;
}
#Apply a{
	background: #fff url('../layout/images/menuApply.jpg') no-repeat scroll top left; width:214px; padding-top: 82px;
}
#Apply a:hover {
	background-position: left -82px;
}


/***********************************************/
/* Font Styles                                 */
/***********************************************/



.leftText {
	font-weight:normal;
	color: #70736d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}
.contentHead {
	font-weight:normal;
	color: #1d96cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;	
}
.contentText, table{
	font-weight:normal;
	color: #878787;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}
.contentTextBlue {
	font-weight:normal;
	color: #1d96cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}
.indexHEAD {
	font-weight:normal;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:37px;
	padding-top:11px;
}
p  {	
    padding-left:25px;
    width:525px;
}

h3  {	
    font-weight:bold;
    text-align:center;
	color:#1D96CC;
    font-family:"Engravers MT";
    font-size:24pt;
	margin-bottom: 10px;
   
}
h4  {	
    font-weight:bold;
    text-align:center;
	color:#1D96CC;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
	margin-bottom: 10px;
	
}
h5  {
	font-weight:normal;
	color: #878787;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom: 15px;
	padding-left:25px;
}	
table {
   margin-left: 25px;
   width:500px; 
}