@charset "utf-8";
/* CSS Document */

/******* Class for Main Horizontal Menu ********/
.horizMain { border:none; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:900;}
/**************************************************/

/***** Horizontal Submenu Backgrounds ********/
.subbgAboutus {background-image:url(Images/submenu_AboutUs_background.jpg); background-repeat:no-repeat;}
.subbgHome {
	background-image: url(Images/submenu_background.jpg); 	background-repeat:no-repeat;
}
.subbgCSC {
	background-image: url(Images/submenu_CSC_background.jpg); 	background-repeat:no-repeat;
}
.subbgApplication {
	background-image: url(Images/submenu_AppForms_background.jpg);
	background-repeat:no-repeat;
}
.subbgHotline {
	background-image: url(Images/submenu_hotline_background.jpg);
	background-repeat:no-repeat;
}
.subbgFAQ {
	background-image: url(Images/submenu_Faq_background.jpg);
	background-repeat:no-repeat;
}
.subbgServices {
	background-image: url(Images/submenu_Services_background.jpg);
	background-repeat:no-repeat;
}
.subbgConservation {
	background-image: url(Images/submenu_Conservation_background.jpg);
	background-repeat:no-repeat;
}
.subbgEducation {
	background-image: url(Images/submenu_Education_background.jpg);
	background-repeat:no-repeat;
}
.subbgContactus {
	background-image: url(Images/submenu_ContactUs_background.jpg);
	background-repeat:no-repeat;
}
.subbgWitt {
	background-image: url(Images/submenu_WITT_background.jpg);
	background-repeat:no-repeat;
}
.subbgWRA {
	background-image: url(Images/submenu_WRAl_background.jpg);
	background-repeat:no-repeat;
}
.subbgEnvironmental {
	background-image: url(Images/submenu_Envronmental_background.jpg);
	background-repeat:no-repeat;
}
/*****************************************************/

.mainheader {
	color:#00468c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
}
.bodytext {font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:400; text-align:justify; color:#000000;}
.homehead {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#009ca3; font-size:1.6em;}

.homeheadmsg {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#000000;
	font-size:0.8em;
	text-align:justify;
}

.Adlinks {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#28166f;
	font-size:0.9em;
}
.Adlinks a, .Adlinks a:visited  {display:block; color:#28166f; text-decoration:underline;}
.Adlinks a:hover {color:#e77817; text-decoration:none; }

.indent1 {
	padding:7px 0 7px 20px;
}

/******************** ID"s *********************/
#banner {
	position:absolute;
	width: 1024px;
	height: 177px;
	background-image:url(file:///C|/Users/User/Documents/wasa%20WEBSITE/Images/Banner_background.jpg);
	background-repeat:no-repeat;
	background-image: url(Images/Banner_background.jpg);
	border:none;
	top: 0px;
	left: 0px;
}


#wasalogo {
	position:absolute;
	width:138px;
	height:88px;
	margin:0px;
	padding:0px;
	top: 76px;
	left: 37px;
	border:none	
}


#bubblescontainer{
	position:absolute;
	border:none;
	padding:0px;
	width:196px;
	height: 1138px;
	background:none;
	top: 149px;
	left: 0px;
}

#maincontentbkground{
	position:absolute;
	width:828px;
	height:1103px;
	background-image:url(Images/Main-backgound-strip.jpg);
	background-repeat:repeat-y;
	border-top:#CCCCCC;
	border-top-width:2px;
	left: 195px;
	top: 178px;
	border-top-style: solid;
}
#credits{
	position:absolute;
	width:800px;
	height:25px;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:0.7em;
	font-weight:normal;
	left: 193px;
	top: 1262px;
	padding-left: 30px;
	padding-top: 7px;
}

#bannertext{
	position:absolute;
	width:1020px;
	height:150px;
	padding:0px;
	border:none;
	left: 0px;
	top: 0px;
}


#verticalshadow {
	position:absolute;
	color:#CCCCCC;
	border:none;
	height: 1107px;
	width: 2px;
	left: 194px;
	top: 178px;
	background-color: #CCCCCC;
}

#horizontalshadow {
	position:absolute;
	color:#CCCCCC;
	border:none;
	height: 2px;
	width: 828px;
	left: 194px;
	top: 178px;
	background-repeat: no-repeat;
	background-color: #cccccc;
	}


/****** Horizontal Menu **********/
#horizontalmenucontainer{
	position:absolute;
	border:none;
	padding:0px;
	width:569px;
	height:34px;
	left: 223px;
	top: 122px;
}

#aboutusmenu {
	width: 70px;
	position:absolute;
	}
#aboutusmenu ul{margin:0px; padding:0px; list-style:none;}
#aboutusmenu li a{height:26px; text-decoration:none; text-align:center; padding-top:5px; font-weight:900;}
#aboutusmenu li a:link, #aboutusmenu li a:visited {color:#495677; display:block; padding-top:5px;}
#aboutusmenu li a:hover{color:#e77817; background: url(Images/MainMenuBackground.gif) repeat;}
#aboutusmenu li#active a{color:#009ca3; background: url(Images/MainMenuBackground.gif) repeat;}
/*************************************************/
/********About Us Sub-Menu********/
.menu {
	margin: 0;
	padding: 0;
	width: 600px;
	list-style: none;
	background: none;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 30px;
	list-style: none;
	background-repeat: no-repeat;
	float:left;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 30px;
	background-repeat: no-repeat;
}

#container {
	position:absolute;
	margin:0px;
	padding:0px;
	left: 0px;
	top: 0px;
	width: 600px;
	height: 40px;
	background:none;
}



/************************/

#servicesmenu {
	width:70px;
	position:absolute;
	left:70px;
	}
#servicesmenu ul{margin:0px; padding:0px; list-style:none;}
#servicesmenu li a{height:26px; text-decoration:none; text-align:center; padding-top:5px; font-weight:900;}
#servicesmenu li a:link, #servicesmenu li a:visited {color:#495677; display:block; padding-top:5px;}
#servicesmenu li a:hover{color:#e77817; background: url(Images/MainMenuBackground.gif) repeat;}
#servicesmenu li#active a{color:#009ca3; background: url(Images/MainMenuBackground.gif) repeat;}

#consrvationtipsmenu {
	width:136px;
	position: absolute;
	left:140px;
}
#consrvationtipsmenu ul{margin:0px; padding:0px; list-style:none;}
#consrvationtipsmenu li a{height:26px; text-decoration:none; text-align:center; padding-top:5px; font-weight:900;}
#consrvationtipsmenu li a:link, #consrvationtipsmenu li a:visited {color:#495677; display:block; padding-top:5px;}
#consrvationtipsmenu li a:hover{color:#e77817; background: url(Images/MainMenuBackground.gif) repeat;}
#consrvationtipsmenu li#active a{color:#009ca3; background: url(Images/MainMenuBackground.gif) repeat;}

#educationmenu {
	width:80px;
	position:absolute;
	left: 276px;
}
#educationmenu ul{margin:0px; padding:0px; list-style:none;}
#educationmenu li a{height:26px; text-decoration:none; text-align:center; padding-top:5px; font-weight:900;}
#educationmenu li a:link, #educationmenu li a:visited {color:#495677; display:block; padding-top:5px;}
#educationmenu li a:hover{color:#e77817; background: url(Images/MainMenuBackground.gif) repeat;}
#educationmenu li#active a{color:#009ca3; background: url(Images/MainMenuBackground.gif) repeat;}

#mediamenu {
	width:70px;
	position:absolute;
	left: 357px;
}
#mediamenu ul{margin:0px; padding:0px; list-style:none;}
#mediamenu li a{height:26px; text-decoration:none; text-align:center; padding-top:5px; font-weight:900;}
#mediamenu li a:link, #mediamenu li a:visited {color:#495677; display:block; padding-top:5px;}
#mediamenu li a:hover{color:#e77817; background: url(Images/MainMenuBackground.gif) repeat;}
#mediamenu li#active a{color:#009ca3; background: url(Images/MainMenuBackground.gif) repeat;}

#contactusmenu {
	width:80px;
	position:absolute;
	left: 426px;
}
#contactusmenu ul{margin:0px; padding:0px; list-style:none;}
#contactusmenu li a{height:26px; text-decoration:none; text-align:center; padding-top:5px; font-weight:900;}
#contactusmenu li a:link, #contactusmenu li a:visited {color:#495677; display:block; padding-top:5px;}
#contactusmenu li a:hover{color:#e77817; background: url(Images/MainMenuBackground.gif) repeat;}
#contactusmenu li#active a{color:#009ca3; background: url(Images/MainMenuBackground.gif) repeat;}

/******* HOrizontal Menu Sub *******/
#horizontalsubmenucontainer {
	position:absolute;
	width:597px;
	height:29px;
	border:none;
	top: 147px;
	left: 195px;
}

/******  Vertical Menu  ******/
#verticalmenu {
	width: 168px;
	padding:0px;
	top: 342px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	left: 16px;
	border: none;
	}
#verticalmenu ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
#verticalmenu li a {
	height: 25px;
	text-decoration: none;
	font-weight:normal;
		}
		
#verticalmenu li a:link, #verticalmenu li a:visited {
	color: #9E3C02;
	display: block;
	background: url(images/vertmenubutton.gif);
	padding: 8px 0 0 27px;
	font-size: 8.5pt;
		}
		
#verticalmenu li a:hover {
	color: #009ca3;
	background: url(images/vertmenubutton.gif) 0 -32px;
	padding: 8px 0 0 27px;
		}
		
#verticalmenu li#active a {
	color: #009ca3;
	background: url(images/vertmenubutton.gif) 0 -64px;
	padding: 8px 0 0 27px;
		}	


#separator {
	background-image: url(Images/menu_separator.gif);
	position:absolute;
	height:2px;
	width:178px;
	top:320px;
	left: 5px;
	background-repeat: no-repeat;
}


#separator2 {
	background-image: url(Images/menu_separator.gif);
	position:absolute;
	height:2px;
	width:178px;
	top:615px;
	left: 5px;
	background-repeat: no-repeat;
}

/****************** WASA LINKS  ********************/
#wasalinks{
	width: 168px;
	top: 224px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	left: 17px;
	height: 85px;
	line-height: normal;
	visibility: visible;
	}

#wasalinks ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#wasalinks li a{text-decoration:underline; font-weight:normal;}
#wasalinks li a:link, #wasalinks li a:visited{
	color:#495677;
	display:block;
	padding-bottom: 10px;
}
#wasalinks li a:hover{color:#e77817; text-decoration:none;}
#wasalinks  li a:active{color:#e77817; text-decoration:none;}


/*****    Useful Links    ****/
#usefullinksheader{
	position:absolute;
	top:629px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	left: 16px;
	font-weight: bold;
	color: #28166f;
}

#usefullinks{
	position:absolute;
	width:168px;
	height:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	top: 655px;
	left: 16px;
}
#usefullinks ul {margin:0px; padding:0px; list-style:none;}
#usefullinks li a{text-decoration:underline; font-weight:normal;}
#usefullinks li a:link, #usefullinks li a:visited{
	color:#495677;
	display:block;
	padding-bottom: 8px;
}
#usefullinks li a:hover{color:#e77817; text-decoration:none;}
#usefullinks li a:active{color:#e77817; text-decoration:none;}



/*******    PAGE CONTENT     *******/


/**************** Content Container ****************/
#contentContainer {position:absolute; border:none; background:none; padding:0px; width:800px; height:1030px; top:209px; left:217px;}
.contentContainerNew {
	font-family: Arial, Helvetica, sans-serif;
	height: 1030px;
	width: 822px;
	position: absolute;
	visibility: visible;
	left: 198px;
	top: 209px;
}
.homePageContents {
	float: left;
	width: 600px;
	padding-right: 0px;
	padding-left: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0;
}

.homePageAdsLeft {
	float:right;
	width:198px;
	height:620px;
	padding:0px;
	border-left:solid #cccccc 1px;
}

#mainMessage {
	border:none;
	width: 512px;
	height: 230px;
}
#mainMessageHome {
	background-image: url(../Images/HomeMainContent.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 560px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 36px;
	height: 280px;
}

/***************************************************/

#gutter1{position:absolute; left:249px; top:80px; width:2px; height:880px;}

#gutter2{position:absolute; left:522px; top:80px; width:2px; height:880px;}

#educationgutter1{position:absolute; left:249px; top:20px; width:2px; height:880px;}

#educationgutter2{position:absolute; left:522px; top:20px; width:2px; height:880px;}



#homeslideshow{
	position:absolute;
	background:none;
	border:none;
	width:198px;
	height:282px;
	left: 261px;
	top: 475px;
}

#WITTlogoAd{
	position:absolute;
	background:none;
	width:140px;
	height:184px;
	border:none;
	left: 864px;
	top: 215px;
}
#WITTlogoAd a, #WITTlogoAd a:link, #WITTlogoAd a:visited, #WITTlogoAd a:hover{ border: none;}


#EauctionContainer {
	position:absolute;
	border:none;
	padding:0px;
	left: 840px;
	top: 420px;
	width: 168px;
	height: 88px;
}
#PECContainer {
	position:absolute;
	border:none;
	padding:0px;
	left: 221px;
	top: 769px;
	width: 215px;
	height: 369px;
}

#AdvertHolder {
	position:absolute;
	border-left:solid #CCCCCC 1px;
	padding:0px;
	left:818px;
	top:178px;
	width:198px;
	height:620px;
	padding-top: 30px;
	}


#AdvertContainer {
	position:absolute;
	border:none;
	padding:0px;
	left: 839px;
	top: 441px;
	width: 168px;
	height: 387px;
}


/******************** CUSTOMER SERVICE CENTRES ********************/
.cscTitle { position:absolute; border:solid #cccccc 2px; background:none; padding:0px; width:468px; height:64px;}
.cscFrame {width:225px; height:945px; background:none; border:none; padding:0px;}
.frameSeperator {
	border-left-width:1px;
	border-left-color:#406eff;
	border-left-style:dashed;
	background:none;
}
.cscMainInfo {
	font-family: "Arial Narrow", "Helvetica Narrow";
	font-size:1em;
	font-weight: normal;
	text-align:justify;
	color:#ffffff;
	padding:8px;
	background-color:#FF7D7D;
	border-color:#FF0000;
	border-style:ridge;
	border-width:2px;
}
.cscInfo {
	font-family:"Arial Narrow", "Helvetica Narrow";
	font-size:0.75em;
	font-weight:300;
	color:#000000;
	padding: 5px 0px 0px 0px;
}
.cscHeader {font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#336699; padding:7px 0px 0px 0px;}


#frame1 {
	position: absolute;
	left:0px;
	top:10px;
}
#frame2 {
	position: absolute;
	left:273px;
	top:10px;
}
#frame3 {
	position: absolute;
	left:546px;
	top:10px;
}
#educationFrame1 {position: absolute; left:0px; top:30px;}
#educationFrame2 {
	position: absolute;
	left:273px;
	top:30px;}


/****************** HOTLINE CONTACTS ************************/
.hotlineFrame1 {width:486px; height:945px; background:none; border:none; padding:0px;}
.hotlineFrame2 {width:225px; height:945px; background:none; border:none; padding:0px;}
.headrowText {color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; text-align:center; text-transform:uppercase;}
.officestext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-weight:400;
	color:#000000;
	text-align: left;
	width: 150px;
	padding:10px 0 0 10px;
	float: left;
}
.borderbottom {
	border-bottom: groove #ebedfc 2px;
}
#masterplanRight{
	border:none;
	background:url(Images/MaterPlan_container.gif) no-repeat;
	padding:25px 25px 0 15px;
	height:120px;
} 
#officesMain {
	border:2px;
	border-color:#EBEDFC;
	border-style:groove;
	height:270px;
	background-image: url(Images/hotlinebg_strip.jpg);
}

#headerRow {background-color:#667698; border:none; height:25px; padding-top:10px;}
#midwhite {
	background-color:#ffffff;
	border:none;
	height:295px;
	width:163px;
	position: absolute;
	left: 163px;
	top: 568px;
 }

/**************Application Forms********************/
.formHead {font-family:Arial, Helvetica, sans-serif; font-size:1em; text-decoration:none; color:#00468c;}
#formHeadStyle {padding-top:20px; padding-left:20px; padding-bottom:10px;}

.formlist {font-family:Arial, Helvetica, sans-serif; font-size:0.8em; padding:0px;}
.formlist ul {list-style:none; margin:0px; padding:0 0 0 20px;}
.formlist li a {text-decoration: underline; }
.formlist li a:link, .formlist li a:visited {color:#28166f; padding-bottom:10px; display:block;}
.formlist li a:hover {color:#e77817; text-decoration:none;}

/**********FREQUENTLY ASKED QUESTIONS ******************/
.faqtext {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-weight:400;
	text-align:left;
}

/**********************ABOUT US****************************/
/******Sub Menus******/
.misvis,.misvisactive {
	background-image: url(Images/aboutusSubmenuBtns/aboutUsrollover1.gif);
	width:85px;
}
.misvis a {
	background-image: url(Images/aboutusSubmenuBtns/aboutUs1.gif);
}
.values,.valuesactive {
	background-image: url(Images/aboutusSubmenuBtns/aboutUsrollover2.gif);
	width:50px;
}
.values a {
	background-image: url(Images/aboutusSubmenuBtns/aboutUs2.gif);
}
.orgstrct,.orgstructactive {
	background-image: url(Images/aboutusSubmenuBtns/aboutUsrollover3.gif);
	width:79px;
}
.orgstrct a {
	background-image: url(Images/aboutusSubmenuBtns/aboutUs3.gif);
}
.BOC,.BOCactive{
	background-image: url(Images/aboutusSubmenuBtns/aboutUsrollover4.gif);
	width:89px;
}
.BOC a {
	background-image: url(Images/aboutusSubmenuBtns/aboutUs4.gif);
}
.ExecMan,.ExecManactive{
	background-image:url(Images/aboutusSubmenuBtns/aboutUsrollover5.gif);
	width:81px;
}
.ExecMan a{
	background-image:url(Images/aboutusSubmenuBtns/aboutUs5.gif)
}
.history,.historyactive {
	background-image:url(Images/aboutusSubmenuBtns/aboutUsrollover6.gif);
	width:51px;
}
.history a{
	background-image:url(Images/aboutusSubmenuBtns/aboutUs6.gif)
}
ul.menu li a:hover {background: none;}
.menu:after {content:"."; display:inline-block; height: 0; clear: both; visibility: hidden;}

/********************/
.aboutUsFrame1 {
	width:499px;
	height:945px;
	background:none;
	border:none;
	padding:0px;
}

.visionContent {
	margin:0px;
	padding:20px 10px 0 32px;
	border:none;
	background:none;
	font-family:"Arial Narrow";
	font-size: 0.8em;
	text-align:left;
	height: 150px;

}

#aboutusList {
	border:none;
	font-family: "Arial Narrow", "Helvetica Narrow";
	font-size:0.8em;
	padding:0px;
	width:490px;
	list-style: none;
}
#aboutusList ul {
	list-style:none;
	margin:0px;
}
#aboutusList li a {
	list-style:none;
	font-weight:normal;
	text-decoration:none;
	background:url(Images/AboutUs_bullet.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	padding:8px 30px 10px 40px;
	display: block;
}
/*********************************HISTORY***************************/

/*********** PAGES NAVIGATION ***********/
.navStat {
	width:774px;
	height:22px;
	background-color:#3399FF;
}
#pagetopNav {
	position:absolute;
	left:0px;
	top:-20px;
}
#pagebottomNav {position:absolute; left:0px; top:1020px;}
#pagelabel {
	position:absolute;
	left:0px;
	top:0px;
}
#navHolder1 {
	position:absolute;
	left:246px;
	top:3px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.8em;
	color:#FFFFFF;
	width: 138px;
}


#navHolder2
{
background:  none;
margin: 0 auto;
padding: 0.2em 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
}

/* to stretch the container div to contain floated list */
#navHolder2:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#pagelist
{
	list-style: none;
	padding: 0 0 0 35px;
	margin: 0 auto;
	width:100%;
	font-size: 0.7em;
	font-weight: bold;
}

ul#pagelist li
{
	display: block;
	float: left;
	width: 10%;
	margin: 0;
	padding: 0;
}

ul#pagelist li a
{
	display: block;
	width: 100%;
	padding-left: 0.3em;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #3399FF;
	text-decoration: none;
	background: #f7f2ea;
}
#navHolder2>ul#pagelist  li  a { width: auto; }

ul#pagelist li#pagelist a
{
	background: #f0e7d7;
	color: #FFFFFF;
}
ul#pagelist li#active a {
	color: #FFFFFF;
	font-size: 1.2em;
	background: transparent;
	border-color: #3399ff #3399ff #3399ff #3399ff;
}
ul#pagelist li a:hover, ul#pagelist li#active a:hover
{
	color: #FFFFFF;
	font-size: 1.2em;
	background: transparent;
	border-color: #3399ff #3399ff #3399ff #3399ff;
}
.bodytext8em {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:400;
	text-align:justify;
	color:#000000;
}

.bodytext9em {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:400;
	text-align:justify;
}
/****************** SERVICES **************/


/******* Services SubMenu Items ***********/

.waterserv,.waterservactive {
	background-image: url(Images/servicesSubmenubtns/Services_water_rollover.jpg);
	width: 55px;
}
.waterserv a {
	background-image: url(Images/servicesSubmenubtns/Services_water.jpg);
}
.wwaterserv,.wwaterservactive {
	background-image: url(Images/servicesSubmenubtns/Services_Wwater_rollover.gif);
	width: 76px;
}
.wwaterserv a {
	background-image: url(Images/servicesSubmenubtns/Services_Wwater.gif);
}

.billserv,.billservactive {
	background-image: url(Images/servicesSubmenubtns/Services_billing_rollover.jpg);
	width: 50px;
}
.billserv a {
	background-image: url(Images/servicesSubmenubtns/Services_billing.jpg);
}

.licenseserv,.licenseservactive {
	background-image: url(Images/servicesSubmenubtns/Services_licenses_rollover.gif);
	width: 64px;
}
.licenseserv a {
	background-image: url(Images/servicesSubmenubtns/Services_licenses.gif);
}
.otherserv,.otherservactive {
	background-image: url(Images/servicesSubmenubtns/Services_other_rollover.gif);
	width: 54px;
}
.otherserv a {
	background-image: url(Images/servicesSubmenubtns/Services_other.gif);
}
/***************************************/

.serviceforword {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#406ffe;
	font-weight: 900;
	text-align: justify;
}

#servicebox {padding:7px 5px 7px 5px; border: solid #33CCFF thin; background-color: #C6DCEA;}

#serviceforword {
	padding:0 0px 20px 0;
	border-bottom: solid;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-bottom-color: #406ffe;
}

.serviceHead {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-decoration:none;
	color:#000000;
	font-weight: 900;
}
.serveMnHead {font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#000000; font-weight:bold;}
.serveCategory {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#000000;
	font-weight:normal;
}
#serviceList {
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	padding:20px 0 0 0px;
	width:225px;
	font-weight: bold;
}
#serviceList ul {list-style:none; margin:0px; padding:0px;}
#serviceList li a:link, #serviceList li a:visited {
	background:url(Images/AboutUs_bullet.gif) no-repeat;
	color:#336699;
	display:block;
	padding:2px 0 15px 30px;
	font-weight: bold;
}
#serviceList li a:hover {
	background:url(Images/AboutUs_bullet_animated.gif) no-repeat;
	color:#9e3c02;
	display:block;
	padding:2px 0 15px 30px;
	font-weight: bold;
}
#serviceList  li#active   a {
	background:url(Images/AboutUs_bullet_animated.gif) no-repeat;
	color:#9e3c02;
	display:block;
	padding:2px 0 15px 30px;
	font-weight: bold;
}

#bodylist {
	border:none;
	padding:0px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
#bodylist ul {margin:0px; padding:0px; list-style:none;}
#bodylist li{
	background:  url(Images/water-drop-bullet-SM.gif) no-repeat 15px 5px;
	color:#000000;
	display:block;
	padding:2px 0 5px 35px;
	height:auto;
}
#bodylist li a {
	color:#28166f; text-decoration:underline; 
	height:auto;
}

#bodylist2,#bodylist3,#bodylist4 {
	border:none;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	visibility: visible;
}
#bodylist2 ol {
	margin:0px;
	padding:0 10px 0 0; list-style:lower-alpha outside;
	visibility: visible;
}

#bodylist3 ol {
	margin:0px;
	padding:0 10px 0 0;
	list-style-type:lower-roman;
	list-style-position:outside;
	visibility: visible;
}
#bodylist4 ol {
	margin:0px;
	padding:0 10px 0 0;
	list-style-type: decimal;
	list-style-position:outside;
	visibility: visible;
}

#bodylist2 li,#bodylist3 li,#bodylist4 li{
	color:#000000;
	display:block;
	padding:2px 0 10px 10px;
	height:auto;
	visibility: visible;
}
#sublistFloat {
	background:none;
	width:150px;
	height:auto;
	padding:0 20px 0px 20px;
	float:left;
}
#bkgrdblueish {
	background: #DCE7E9;
	border:none;
}
#bkgrdwhite {background:#FFFFFF; border:none;}

/**************** Education SubMenus *****************/

.watered,.wateredactive {
	background-image: url(Images/educationSubmenuBtns/Education_water_rollover.gif);
	width: 54px;
}
.watered a {
	background-image: url(Images/educationSubmenuBtns/Education_water.gif);
}
.wwatered,.wwateredactive {
	background-image: url(Images/educationSubmenuBtns/Education_wastewater_rollover.gif);
	width: 70px;
}
.wwatered a {
	background-image: url(Images/educationSubmenuBtns/Education_wastewater.gif);
}
.PECed,.PECedactive {
	background-image: url(Images/educationSubmenuBtns/Education_PEC_rollover.gif);
	width: 125px;
}
.PECed a {
	background-image: url(Images/educationSubmenuBtns/Education_PEC.gif);
}

.HSed,.HSedactive {
	background-image: url(Images/educationSubmenuBtns/Education_HS_rollover.gif);
	width: 96px;
}
.HSed a {
	background-image: url(Images/educationSubmenuBtns/Education_HS.gif);
}
.Academiced,.Academicedactive {
	background-image: url(Images/educationSubmenuBtns/Education_academic_rollover.gif);
	width: 96px;
}
.Academiced a {
	background-image: url(Images/educationSubmenuBtns/Education_academic.gif);
}

#bulletmargin {
	float:left;
	width:25px;
	padding:0 0 0 0;
}
#floatleft {float:left; padding:0 0 0 0;}
#picFrame {border:solid 2px #e77817;}
#Educationheader {color:#046ffe; padding:0 0 10px 0;}
#AcademicsTab{padding:0px 0px 5px 15px;}
.underline{
	text-decoration:underline;
	font-weight:normal;
}


/*******Media Links ********/

.tenderlink a:link, a:visited{
	padding:0 0 0 0;
	text-decoration:none;
	font-size:12px;
	color:#FF0000;
	background:none;
		}
		
.tenderlink a:hover{
	padding:0 0 0 0;
	text-decoration:none;
	background-image: url(Images/tenderlinkimg.gif);
	background-repeat:repeat;
		}
		
.tenderDefLink a:link,a;visited, a:hover{
		text-decoration:underline;
		background:none;
		}	
		
.tenderDefLink ul {
		list-style:none;
		margin:0;
		padding:0;
		}
		
.tenderDefLink li a:link, .tenderDefLink li a:visited{
	padding:5px 0 5px 0;
	font-size:11px;
	color:#0033FF;
	display: inline-block;
		}	

 .tenderDefLink li a:hover {
        padding:5px 0 5px 0;
	font-size:11px;
	color:#FFFFFF;
        }
		
#person	{
		width:123px;
		padding-left:30px;
		float:left;
		}
		
#name	{color:#009ca3; font-size:14px; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; padding-top:15px;}

#position {color:#009ca3; font-size:12px; font-weight:normal; font-family:Geneva, Arial, Helvetica, sans-serif; padding-top:8px;}

#committee	{color:#000000; font-size:10px; font-weight:normal; font-family:Geneva, Arial, Helvetica, sans-serif; padding-top:8px;}

#leadership	{width:200px;
		padding-left:30px;
		float:left;}
s
