/* 	background-color: #efefef;CSS Document */

body {


	margin: 0px;
	padding: 0px;
	background: #a09899 url(../img/bg-fade-grey2.gif);
	}
.pagetext { font: 10pt Verdana, Tahoma, Arial; color: #444444; line-height: 14px; margin-bottom: 4px; margin-top: 4px; }
.pagetext A {font-family: verdana; color: #000099;text-decoration: none;font-weight: 500; }
.pagetext A:VISITED {font-family: verdana; color: #000099;text-decoration: none;font-weight: 500; }
.pagetext A:HOVER {font-family: verdana; color: #000099;text-decoration: underline;font-weight: 500}

.newsbox { font: 10pt Verdana, Tahoma, Arial; color: #444444; line-height: 14px; margin-bottom: 4px; margin-top: 4px; }
.newsbox A {font-family: verdana; color: #000099;text-decoration: none;font-weight: 500; }
.newsbox A:VISITED {font-family: verdana; color: #000099;text-decoration: none;font-weight: 500; }
.newsbox A:HOVER {font-family: verdana; color: #000099;text-decoration: underline;font-weight: 500}

.newsbox UL {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-position:  inside;
	list-style-image: url(../img/triangles.png);
	marker-offset: -5px;
	margin: 0px;
	padding-left: 0px;
}

.newsbox li { 	margin-bottom: 14px;
	margin-top: 4px;
	line-height: 15px;
	vertical-align: top;
	}

.sectionhead {font: bold 14.5px Arial, Verdana;color: #666666;}
.subsectionhead {font: bold 13px Arial, Verdana;color: #000066;}
h1 {font-family: Verdana, Arial; font-size: 10px; margin-bottom: 0px; margin-top: 0px; font-weight: normal;}
h3 {font-family: Arial, Helvetica, sans-serif;font-weight: bolder;color: #666666; margin-bottom: 2px; margin-top: 1px; }
h4 { font-family: Arial, Helvetica, sans-serif;font-weight: bolder;color: #666666;margin-bottom: -8px; }
h5 { font-family: Arial, Helvetica, sans-serif;font-weight: bolder;color: #666666;margin-bottom: -15px; margin-top: 15px; }
.tablehead {font: bold 12px/12px Arial, Verdana;color: #555555;}
.tabledata { font: 7.5pt Verdana, Arial, Tahoma; color: #444444; margin-bottom: -5px; margin-top: -5px;  line-height: 15px;  }
.tabledata A {font-family: verdana; color: #000099;text-decoration: none;font-weight: 500;  margin-top: -10px; }
.tabledata A:VISITED {font-family: verdana; color: #000099;text-decoration: none;font-weight: 500;  margin-top: -10px; }
.tabledata A:HOVER {font-family: verdana; color: #000099;text-decoration: underline;font-weight: 500;  margin-top: -10px; }
.tabledata A:ACTIVE { }

.jobInfo { font: 7.5pt Verdana, Arial, Tahoma; color: #444444; margin-bottom: -5px; margin-top: -5px;  line-height: 15px;
border: 1px dotted #666666; background-color: #E8F3FF; }
.jobInfo ul { list-style-image:none; font: inherit; font: 7.5pt Verdana, Arial, Tahoma; color: #444444; margin-bottom: -5px; margin-top: -5px;  line-height: 15px;  }

.jobHead_Off {font: 7.5pt Verdana, Arial, Tahoma; color: #444444; margin-bottom: -5px; margin-top: -5px;  line-height: 15px;   background-color:#FFFFFF; border: 1px dotted #FFFFFF; }
.jobHead_On { font: 7.5pt Verdana, Arial, Tahoma; color: #444444; margin-bottom: -5px; margin-top: -5px;  line-height: 15px;  background-color:#FFFFCC; border: 1px dotted #666666; border-bottom: 0px;}

.menu { background: #0153a1; }
.header { background-image: url("../img/bg-fade-top.gif"); }
.submenu { background: #2975C0; font-family: Arial; color: #eeeeee; font-size: 8pt; line-height: 10pt;}
.submenu A {color: #eeeeee; text-decoration: none;}
.submenu A:visited {color: #eeeeee; text-decoration: none;}
.submenu A:hover {color: #FFFFCC; text-decoration: underline;}
.submenutextActive { font: 8pt Arial; color: #ffffff; text-decoration: none; font-weight: bold; }
.submenutextActive A { color: #ffffff; text-decoration: none; }
.submenutextActive A:visited { color: #ffffff; text-decoration: none; }
.submenutextActive A:hover { color: #ffffff; text-decoration: underline; }

.pageMenuHlt {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9pt;
			color: #666666;
			line-height: 17px;
			width: 25%;
			text-align: left;
			background-color: #F2F2F2;
			cursor: pointer;
			}
.pageMenuHlt A {
			color: #000099;
			text-decoration: none;
			}
.pageMenuHlt A:visited {
			color: #000099;
			text-decoration: none;
			}
.pageMenuHlt A:hover {
			color: #000099;
			text-decoration: none;
			}
.pageMenuHlt A:active {
			color: #000099;
			text-decoration: none;
			}
.pageMenu {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9pt;
			color: #666666;
			line-height: 17px;
			width: 25%;
			text-align: left;
			}
.pageMenu A {
			color: #000099;
			text-decoration: none;
			}
.pageMenu A:visited {
			color: #000099;
			text-decoration: none;
			}
.pageMenu A:hover {
			color: #000099;
			text-decoration: underline;
			}
.pageMenu A:active {
			color: #000099;
			text-decoration: none;
			}

.pageMenuActive {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9pt;
			color: #999999;
			line-height: 17px;
			width: 25%;
			text-align: left;
			font-weight: bold;
			background: #ffffff;
			}

.form { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #E8E5E5; border-color:#000000; border: 1px solid; }
.errortext { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9pt; font-weight: bold; color: #FF0000; }
.footertext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #666666; line-height: 17px; }
.footertext A { color: #000060; text-decoration: none; }
.footertext A:visited { color: #000060; text-decoration: none; }
.form { margin-bottom: 2px; margin-top: 2px; }
.formSelect { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #E8E5E5; border-color:#000000; border: 0px solid; }

.svcsMainTd { width: 20%; }

.svcsMenu { vertical-align: middle; width: 345px; height: 80px; padding: 0px; font-family: calibri, helvetica; font-size: 18px; font-weight: bold; }
/* vertical-align: middle; display: block; width: 345px; height: 80px; vertical-align: middle; padding: 0px */
a.svcsMenu { color: #006; text-decoration: none; vertical-align: middle; display: block; width: 345px; height: 80px; vertical-align: middle; padding: 0px; }
a.svcsMenu:visited { }
a.svcsMenu:hover { text-decoration: none; }
.svcsMenu img { margin-top: 31px; }

#svcsMain div { margin-left: auto; margin-right: auto; }
#svcsMain ul { list-style: none; padding: 5px; margin: 5px; }
#svcsMain li { list-style: none;  width: 500px; height: 80px; vertical-align: middle; font-family: calibri, helvetica; font-size: 18px; font-weight: bold; padding: 3px; margin: 5px;}
#svcsMain li a img { opacity:.6;filter:alpha(opacity=60); border: 0px; display: inline; float: left; padding-right: 5px; }
#svcsMain li a:hover img { opacity:1;filter:alpha(opacity=100); border: 0px; }
#svcsMain li a { text-decoration: none; width: 500px; height: 80px; }
#svcsMain li:hover { background-color: #CCC; }
#svcsMain li:hover img { opacity:1;filter:alpha(opacity=100); border: 0px; }

.svcsLink { width: 500px; height: 80px; border: 0px #F00 solid; display: block;}

/*#nav-menu li a:hover
.svcsLinkOffImg { width: 80px; height: 80px; border: 0px; opacity:0.4;filter:alpha(opacity=40); }
.svcsLinkOnImg { width: 80px; height: 80px; border: 0px; opacity:1;filter:alpha(opacity=100); }


/*#wasteWater {background-image: url(../img/svcs_intro_ResMgmt_icon_off.gif); background-position:left; background-repeat:no-repeat; }
#wasteWater:hover { background-image: url(../img/svcs_intro_ResMgmt_icon.gif);  background-position:left; background-repeat:no-repeat; background-color: #CCC; }*/
#servicesMainMenu:hover { background-color: #CCC; }

ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-position:  outside;
	list-style-image: url(../img/drop-icon.png);
	margin-bottom: 4px;
	margin-top: 4px;
}
li { 	margin-bottom: 4px;
	margin-top: 4px;
	line-height: 15px;}

li a:link { color:#000066; text-decoration: none; }
li a:visited { color:#000066; text-decoration: none; }
li a:hover { color:#000066; text-decoration: underline; }
li a:active { color:#000066; text-decoration: none; }
.keyservices {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

ul,li{
	/* Simple page reset */
	margin:0;
	padding:0;
}


.activeTab { width: 150px; 
			 height: 15px; 
			 margin: 0px; 
			 border: 1px #000 solid; 
			 padding: 8px; 
			 background-color:#BDD1F2; 
			 font: 12px Verdana; 
			 font-weight: bold;
			 text-align: center;
			 display: inline-block;			 
			 vertical-align: middle;
			 }
a.activeTab { width: 150px; height: 15px; text-decoration: underline; }
/*a.activeTab:link, a.activeTab:visited, a.activeTab:active*/

.inactiveTab {  
width: 150px; 
height: 15px; 
margin: 0px; 
border: 1px #666 solid; 
padding: 8px; 
background-color: #ccc; 
font: 12px Verdana #006;
text-align: center;
display: inline-block;
vertical-align: middle;
line-height: 15px;
}

div.inactiveTab:hover { background-color: #FFC; cursor: pointer; }
a.inactiveTab { width: 150px; height: 15px; font-color: #006; text-decoration: none; }