@import url("/portalbase/assets/css/portalcontrol.css");

/*********************************
	Yahoo Grids
**********************************/


body
{
	height:100%;
	background-color:transparent;
	font-size:75%;
	
}

body.frontEnd
{
	background-color:transparent;
	background-image: url(../images/common/page_bg.jpg);
	background-repeat:repeat-x;
	margin:0;
	color: #000;
	font-family:Verdana, Helvetica, sans-serif;
	line-height:130%;
	height:100%
}

html 
{
	background-color:#fff;
	background-image: url(../images/branding/html-bg.jpg);
	background-repeat: no-repeat;
	background-position:right top;
	height:100%;
}

#doc2 {
	width:950px;
}

.innerwrapper 
{
	background-color:transparent;
	background-image: url(../images/common/inner-wrapper-bg.jpg);
	background-repeat: no-repeat;
	background-position:left bottom;
	min-height:100%;
	
}

.right {
	float:right;
}

.left {
	float:left;
}

.clearleft {
	clear:left;
}

.clearright {
	clear:right;
}

.clearboth {
	clear:both;
}

a, a:visited, a:active
{
	color:#0E3B85;
	text-decoration:underline;
}

a:hover, a:focus
{
	color:#000;
	text-decoration:none;
}


#skipLinks {
	left:0px;
	padding:2px;
	position:absolute;
	top:-500em;
}

#skipLinks a:active, #skipLinks a:focus {
	background:#FFFFFF none repeat scroll 0%;
	color:#000000;
	padding:2px;
	position:absolute;
	top:500em;
	white-space:nowrap;
}

/*********************************
	Fonts
**********************************/
h1, h2, h3, h4, h5 
{
	font-family:Verdana;
}


h1 {
	font-size: 170%;
	color:#000033;
	font-weight:normal;
	margin:30px 0 10px 0;
	Padding:0 0 5px 0;
	background-repeat:no-repeat;
	background-position:right;
}

.landingpage h1 
{
	background-image:url(../images/common/default-h1-bg.jpg);
	background-repeat:no-repeat;
	background-position:right 0;
	height:130px;
	padding:50px 20px 0;
	margin:10px -10px 20px;
	color:#fff;
}

.public .landingpage h1 
{
	background-image:url(../gallery/landing-page-images/channel1.jpg);

}
.business .landingpage h1 
{
	background-image:url(../gallery/landing-page-images/channel2.jpg);

}

.private-supply .landingpage h1 
{
	background-image:url(../gallery/landing-page-images/channel3.jpg);

}

.technical .landingpage h1 
{
	background-image:url(../gallery/landing-page-images/channel4.jpg);

}

.education .landingpage h1 
{
	background-image:url(../gallery/landing-page-images/channel5.jpg);
}


h2 {
	color:#3AB8DB;
	font-weight:normal;
	font-size:150%;
	margin:20px 0px 10px;
	padding-bottom:5px;
	border-bottom:1px dotted #3AB8DB;
}

.home h2 {
	color:#000033;
	font-weight:normal;
	font-size:180%;
	margin:10px 0px 15px;
}

h3 {
	color:#999999;
	font-size:120%;
	font-weight:bold;
	line-height:110%;
	margin:20px 0 10px;
}

h4 {
	color:#333;
	font-size: 120%;
	line-height:110%;
}

p {
	margin-bottom: 1em;	
}

strong {
	font-weight: bold;	
}

/*********************************
	Header
**********************************/


.tools{
	height:17px;
}

.tools a {
	margin:-5px 0 0 0;
	padding:0;
}

.brandwrapper {
	clear:both;
	height:110px;
	background-color:Transparent;
}
.logo {
	padding:0;
	background-color:transparent;
}

.logo img {
	vertical-align:middle;
	margin-left:31px;
}
.logo span {
	display:none;
}

.toptools {
	float:left;
	margin-right:10px;
}
.toptools a {
	color:#51678E;
	text-decoration:none;
}

.toptools a:hover {
	color:#999999;
	text-decoration:underline;
}

.toptools img {
	border:0;
	padding-right:10px;
	vertical-align:middle;
}

.fontsize 
{
	margin-top:20px;
	text-align:right;
	font-size:80%;
}
.fontsize p
{
	margin:0 5px 0 0;
	padding:0;
	display:inline;
	color:#0E3B85;
}

.fontsize img
{
	vertical-align:middle;
}

#page-content p 
{
	line-height:170%;

}



/** *******************************
	Basic Lists
******************************** **/

#page-content ul
{
	list-style-type:square;
	list-style-position:outside;
	margin:20px 10px 10px 20px;
	padding:0px;
	display:block;	
}


#page-content ol
{
	list-style-type:decimal;
	list-style-position:outside;
	margin:20px 10px 20px 40px;
	padding:0px;
	display:block;	
}


#page-content li {
	margin:3px 0px 3px 5px;
	padding:0 0 0px 0px;
	color:#666;
	line-height:150%;
}

.image-left 
{
	margin:0 15px 10px 0;
	padding:5px 5px 5px 5px;
	border: 1px solid #ccc;
	float:left;
}


image-right 
{
	margin:0 0px 10px 10px;
	padding:5px;
	border: 1px solid #666;
	float:right;
}
/*********************************
	Forms
**********************************/
.keepintouch 
{
	padding:20px;
	margin:10px 0;
}

.keepintouch p
{
	font-style:italic;
	margin-bottom:20px;
}

.inputwrapper 
{
	margin:0 0 10px 0;
}

.inputwrapper label
{
	width:150PX;
	display:block;
	float:left;
}

.inputwrapper input, .inputwrapper textarea 
{
	width:50%;

}

.inputwrapper textarea 
{
	height:100px;
	overflow:auto;
}

.inputwrapper input.submit-button 
{
	width:150px;
	height:30px;
	margin:10px 0 0px 150px;
	background-image:url(../images/common/submit-button-bg.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#ccc;
	border:0;
	cursor:pointer;
	
}

.inputwrapper input.submit-button:hover
 {
 	background-position:0px -30px;
 	color:#fff
 }

input:focus, input:hover {
	background-color: #fff;
	color: black;
}

.captcha 
{
	border:1px solid #ccc;
	width:50%;
	margin:10px 0 10px 150px;
	text-align:center;
	padding:0 0 0px 0;
	background-color:#DFF2F9;
}
.captcha input 
{
	margin:10px 0;
	width:205px;
}

.captcha img 
{
	margin:10px 0;
	width:95%;
	height:40px;
	padding:1px;
	border:1px solid #ccc;
	background-color:#fff;
}

.captcha label 
{
	margin:0 20px 0 20px;
	width:auto;
	display:block;
}

fieldset {
	background-color:transparent;
}

.error
{
	margin:0px 0 20px;
	padding:40px 15px 10px;
	background-color:#ffc;
	border:1px solid #ccc;
	line-height:130%;
	background-image:url(../images/common/sorry-text.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	
}

.pb_emailSuccess 
{
	margin:0px 0 0px;
	padding:40px 15px 10px;
	background-color:#ffc;
	border:1px solid #ccc;
	line-height:130%;
	background-image:url(../images/common/success-text.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	display:block;
}
	
	




#send-comments li {
	display: inline;
}

.stormform 
{
	float: left; 
	margin-bottom: 1em;
	width: 100%;	
}
.stormform fieldset
{
	background-color:transparent;
	border-color: #ccc;
	margin-bottom: 1em;
}
.stormform legend 
{
	background-image:url(../images/common/secure.gif);
	background-repeat:no-repeat;
	background-position:2px 0px;
	padding:0px 5px 3px 20px;	
	height:15px;
}
.stormform fieldset li
{
	padding: 0.2em 0;
}
.stormform fieldset li label
{
	
	display: block;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	
}
.stormform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	
}
.stormform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

.stormform fieldset fieldset label
{
	float: none;
	display: block;
	width: auto;
	text-align: left;
	margin-left: 15em; /* Width plus 3 (html space) */
	
}
.stormform em {
  font-weight: bold;
  font-style: normal;
  color: #76B984;
}
/*.stormform label {
  width: 120px; }/* Width of labels */

.stormform input.submit-button {
  float: right;
  cursor: pointer;
  vertical-align:middle;
}
.stormform input {
    width:100%;
	margin:0;
	font-size:80%;
}
.stormform .fm-optional input 
{
	border : 1px solid #4ef;  /* Give optional fields a grey border */
}

#content .remove .fm-optional { display: none; }

.form-error-message
{
	font-weight: bold;
	color: #000;
}
.brandwrapper .right 
{
	background-color:transparent;
	width:220px;
}

#search 
{
	background-color:transparent;
	background-image:url(../images/branding/search-bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:30px;
	margin:30px 0 0;
	padding:0px;
	text-align:right;
	width:220px;
	

	}

#search label {
	margin:0px 0px 0 0;
	padding:0;
}

#search input {
	border:0px solid #ccc;
	width:175px;
	vertical-align:middle;
	margin:0 5px;
	color:#999;
	background-color:Transparent;
	*margin-top:2px;
}

#search input.searchButton
{
	width:26px;
	height:28px;
	padding:0;
	margin:1px 1px 0;
	background-color:transparent;
	vertical-align:middle;
	
}

#search label.searchLabel
{
	display:none;
}


/*********************************
	Stormform Exceptions
*********************************/
#login fieldset li label
{
	display: block;
	text-align: left;
	float: none;
	
}
#login input 
{
	width: 155px;
}

#login input.submit-button
{
	margin: .5em 1.5em 0em 1em;
	width:80px;
	cursor: pointer;
}
#contact-us label
{
	text-align: right;
	width: 5em;
}
#contact-us input
{
	width: 51em;
}
#contact-us textarea
{
	width: 56.5em;
}
#contact-us input.submit-button
{
	width: 10em;
}

/*********************************
	Navigation
**********************************/



#navigate-primary {

	background-color: #252525;
	background-image:url(../images/navigation/primary-bg.jpg);
	background-repeat: no-repeat;
	display:block;
	background-position:0 0px;
	background-color:#204285;
	height:44px;
	line-height:44px;
	padding:0 20px;
	font-size:120%;
	font-weight:normal;
	width:910px;
}

#navigate-primary ul {
	overflow: hidden;
}

#navigate-primary li{
	margin:0 5px 0 0;
	padding:0;
	background-color:transparent;
	display:inline;
	float:left;
}
#navigate-primary a {
	display: block;
	text-decoration:none;
	background-image:none;
	background-repeat:repeat-x;
	background-color:transparent;
	color:#F1F1F1;
	padding:0px 15px 0px 15px;
	float: left;
	height:44px;
	line-height:44px;
}

#navigate-primary li:hover {
	background-image:url(../images/navigation/primary-li-hover.jpg);
	background-repeat: no-repeat;
	background-position:left top;
	background-color:transparent;
}

#navigate-primary li a:hover {
	background-image:url(../images/navigation/primary-a-hover.jpg);
	background-repeat: no-repeat;
	background-position:right top;
	color:#FFFFFF;
	background-color:transparent;
}

#navigate-primary li.selected {
	background-image:url(../images/navigation/primary-li-on.jpg);
	background-repeat: no-repeat;
	background-position:left top;
	background-color:transparent;
}

#navigate-primary li.selected a {
	background-image:url(../images/navigation/primary-a-on.jpg);
	background-repeat: no-repeat;
	background-position:right top;
	color:#FFFFFF;
	background-color:transparent;
}



.separator {
	background-color:transparent;
	clear: both;
	height: 0;
	padding: 0;
	line-height: 0;
}
#navigate-breadcrumb {
	background-color:transparent;
	padding: .5em 15px;
	border-bottom:1px dotted #999;
}
#navigate-breadcrumb ul {
	display: inline;
}

#navigate-breadcrumb ul li a {
	padding-right:15px;
	background-image:url(../images/navigation/divide.gif);
	background-position:right 3px;
	background-repeat:no-repeat;
}

#navigate-tools {
	padding:5px 10px;
	background-color:transparent;
	background-color:#EDF9FC;
	border:1px solid #A6D2FC;
	border-top:0;
	float:right;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	font-size:85%;
}

#navigate-tools li {
	padding:0 5px;
	margin:0;
	border:0;
}

#navigate-tools li+li {
	border-left:1px solid #000033;
}


#navigate-tools p 
{
	margin-bottom: 0;	
}

#legal-wrapper {
	background-image:url(../images/common/DWQR-legal.gif);
	background-position:93% 5px;
	background-repeat:no-repeat;
	background-color:transparent;
	height:80px;
	margin:10px 0 0 6px;
	padding:0;
}


#legal-wrapper p {
	margin:10px 0 0 25px;
	padding:0;
}
#legal-wrapper ul{
	margin:10px 0 10px 15px;
	padding:0;
}

#legal-wrapper ul li{
	margin:0px 0px 0 5px;
	padding:0 0 0 5px;
}

#legal-wrapper ul li+li{
	border-left:1px solid #333;
}

#legal-wrapper ul li a{
	color:#333;
	text-decoration:none;
}

#legal-wrapper ul li a:hover{
	color:#000;
	text-decoration:underline;
}
.legal_logo {
	float:left;
	margin:0 10px 0 0;
}

.legal_logo2 {
	float:right;
	margin:0 0px 0 0;
}

#navigate-secondary {
	float:left;
	margin:0 0 0px;
	padding:0;
	width:245px;
}

#navigate-secondary ul {
	margin:0px 0px 20px 0px;
	padding:0px;
	text-transform:capitalize;
	display:block;
}
#navigate-secondary li {
	list-style-type:none;
	background-color: transparent;
	margin:0px 0px;
	border-bottom: 1px dotted #999;
}

#navigate-secondary li a span{
	display: block;
	font-size: 100%;
	font-weight:bold;
	text-decoration:none;
	color:#A4B3CF;
	color:#000033;
	display:block;
	margin:2px 0;
	padding:5px 10px 5px 17px ;
}

#navigate-secondary li a:hover span  {
	color:#000;
	background-color:#E6E6E6;
	background-image:url(../images/navigation/secondary-a-hover.jpg);
	background-repeat: repeat-x;
	background-position:0px 0px;
	display:block;
}

 #navigate-secondary li.selected a span:hover  
 {
 	background-image:url(../images/navigation/secondary-a-selected.jpg);
 	background-color:#BFE7F3;
 }

#navigate-secondary .selected a span {
	background-color:#BFE7F3;
	background-image:url(../images/navigation/secondary-a-selected.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:5px 10px 5px 17px ;
	margin-bottom:0;
	color:#003;
}

#navigate-secondary li.selected ul {
	width:237px;
	margin-left:4px;
	margin-top:0px;
	margin-bottom:5px;
	background-image:url(../images/navigation/subnavigation-ul-bg.gif);
	background-repeat:no-repeat;
	background-position:0 bottom;
	padding-bottom:5px;
	border-top:1px solid #ACACAC;

}

#navigate-secondary li.selected {
	margin:0px 0 0px 0;
	padding:0 0 2px 0;
}

#navigate-secondary li.selected ul li{
	margin:0px;
	border:0;
	padding:0;
}

#navigate-secondary li ul li.subNavigation {
	font-size:90%;
}

#navigate-secondary li ul li.subNavigation a span{
	background-image:none;
	background-color:transparent;
	line-height:130%;
	margin:0;
	padding: 5px 15px;
	color:#666;
}

#navigate-secondary li ul li.subNavigation a span:hover {
	background-image:none;
	background-color:#B6E2F1;
	color:#000000;
}



#navigate-secondary li ul li.selected a span:hover, #navigate-secondary li ul li.selected a span
{
	background-color:#fff;
	background-image:url(../images/navigation/subnavigation-li-selected.jpg);
	background-position:5px center;
	background-repeat:no-repeat;
	color:#000000;
}

#navigate-secondary li ul li.selected a span
{
	background-color:#fff;
	background-image:url(../images/navigation/subnavigation-li-selected.jpg);
	background-position:5px center;
	background-repeat:no-repeat;
}

#navigate-secondary ul li:first-child a span {
	font-size:160%;
	font-weight:normal;
	color:#5ABFC5;
}

#navigate-secondary ul ul li:first-child a span {
	font-size:100%;
	font-weight:bold;
}









#navigate-secondary li.subNavigation a {
	
}

#navigate-secondary li.subNavigation a:hover{

	
}

#navigate-secondary li.subNavigation ul li a {

}
#navigate-secondary li.subNavigation ul li a:hover {

}

#navigate-secondary li.subNavigation .selected a {

}

#navigate-secondary li.subNavigation ul 
{
    margin:0 10px 1px 10px;
    padding:0 0 5px;
    width:217px;
    font-size:90%;
    border-top:0;
    background-image:url(../images/common/bg-selected-ul.png);
	background-position:1px bottom;
	background-repeat:no-repeat;
    background-color:Transparent;
  
}

#navigate-secondary li.subNavigation ul li.subNavigation
{
    margin:0;
    padding:0;
    /*border-bottom:1px solid #ACACAC;
    border-left:1px solid #ACACAC;
    border-right:1px solid #ACACAC;*/
    margin:1px;
    border:0!important;
 
}

#navigate-secondary li.subNavigation ul li.subNavigation a span
{
    color:#666;
    display:block;
}

#navigate-secondary li.subNavigation ul li.subNavigation a:hover span
{
    background-color:#FAFAFA;
    color:#000;
    display:block;
}

 #navigate-secondary li.subNavigation ul li.selected a span 
{
    background-color:#F1F1F1;
    color:#000;
    display:block;
}


/*********************************
	Errors and Warnings
**********************************/

.warning {
	color: Red;
	font-weight: bold;
}

/*********************************
	Nugget Styles
**********************************/
#support-content .nugget
{
	text-align:center;
	margin-bottom:10px;
	z-index:300;
}


.nugget {
	margin:0;
	padding:0;
}

.nugget img {

}

#page-content .nugget {
	margin:0 10px;
	padding:0px 0px;
	width:200px;
	float:right;
	
	
}

/*********************************
	Page Content
**********************************/


.pagewrapper {
	width:950px;
	background-image:url(../images/common/pagewrapper_bg.jpg);
	background-position:right 10px;
	background-repeat:no-repeat;
}

.home .pagewrapper, .landingpage .pagewrapper {
	background-image:none;
}
 #page-content  
 {	
 	width:670px;
	margin:0 10px 10px 0px;
	padding:0;
	display:block;
	float:right;
 }
 
.onecolumn  #page-content  
 {	
 	width:auto;
	margin:0 20px 10px 20px;
	padding:0;
	float:none;
 }
 
 
#support-content
{
	margin:0 0 10px 0px;
	padding:0 0 0 0px;
	float:left;
	width:245px;
	background-color:transparent;
	background-image:none;
}

.home #page-content
{
	margin:0 0 10px 0px;
	padding:0 0 0 0px;
	float:left;
	width:705px;
	border:0;

}

.home #page-content {
	*width:700px;
}

.home #support-content
{

	margin:0px 0 -285px 0px;
	padding:0 0 0 0px;
	float:right;
	width:245px;
	z-index:99;
	position:relative;
	top:-285px;
}




/*********************************
	Lister Control
**********************************/
.rssLink {
	margin-right:20px;
	padding-left:20px;
	margin-top:5px;
	height:20px;
	background-image:url(../images/common/rss-icon.gif);
	background-repeat:no-repeat;
	background-position:left;
}

.rssLink a {
	font-size:90%;
	color:#333;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
}

.lister {
	padding:0;
	border: 0px solid black;
	margin:10px 0 20px;
}



#page-content .lister .paging {
	padding:5px 10px;
	margin:10px 0 5px 0;
	background-image:url(../images/common/paging-bg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:Transparent;
	width:650px;
	border:0;
	font-family:Verdana;
	color:#003;
}
#page-content .lister .paging p {
	
}

#page-content .lister .paging ul {
	margin: 0;
}

#page-content .lister .paging ul li {
	margin: 0 4px 0 0;
	padding: 0 4px;
}

#page-content .lister .paging ul li+li {
	border-left:1px solid #C0C0C0;
}
#page-content .paging p 
{
	margin:0;
	padding:0;
}

#page-content .paging p 
{
	margin:0;
	padding:0;
}

.pagingend 
{
	clear:both;
	display:block;
}

.lister ul li h3 {
	margin:10px 0 0px;
	padding:0 0 5px 0;
	font-size:100%;
	line-height:120%;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
}

.home .lister ul li h3 
{
	border:0;
}

.lister ul li h3 a {
	/*text-decoration:none;
	background-image:url(../images/common/blue-arrow-bullet.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	padding-left:20px;*/

}

.lister ul li span {
	margin:0px 0;
	*margin:3px 0;
	*display:block;
	padding:0 0 0px 0;
	font-size:80%;
	line-height:100%;
	font-weight:bold;
	color:#333;
}
.lister .paging li {
	margin-left: 0.5em;
	display: inline;
	padding: 0;
	background-color: transparent;
	list-style-type:none;
}
#page-content .lister li {
	/* list-style-image:url(../images/common/blue-arrow-bullet.jpg);*/
	 margin:5px 0 0 0;
	*padding-left:5px;
}

#page-content .lister li.library {
	 list-style-image:none;
}

#page-content .lister ul li p {
	margin:0 0 5px 0;
	line-height:135%;	
}

.lister ul li h3 a:hover 
{
	text-decoration:underline;
}

.lister h2 
{
	margin-top:0;
}


.yui-t2 {
text-align:center;
}

.campaign .lister 
{
	/*background-image:url(../images/heros/Loch-hero.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;*/
	border:0;
	height:287px;
	position:relative;
	z-index:110;
}

.campaign
{
	z-index:100;
	height:287px;
}

.campaign .lister ul
{
	width:680px;
	*width:600px;
	position:absolute;
	top:215px;
	left:40px;
	list-style-type:none;
}

.campaign .lister ul li
{

	float:left;
	margin:0 2em 5px 0!important;
	padding:0;
	list-style-type:none!important;
	list-style-image:none;
	
	
}

.campaign .lister ul span
{
	display:none;
}

.campaign .lister ul li h3
{
	padding:0;
	margin:0;
	color:#fff;
	font-size:100%;
	border:0;
}
.campaign .lister ul li h3 a
{
	padding:0 0 0 20px;
	margin:0;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-style: italic;
	border:0;
	background-image:url(../images/common/blue-arrow-bullet.jpg);
	background-repeat: no-repeat;
	background-position:0 2px;
	display:block;
	
	
}

.campaign .lister ul li h3 a:hover
{
	text-decoration:underline;
}



.water-problems 
{
	background-image:url(../images/nuggets/waterproblems-nugget-bg.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border:0;
	height:193px;
	position:relative;
	margin:15px 10px 10px;
}

.water-problems h3
{
	color:#fff;
	font-weight:normal;
	padding:10px;
	margin:0;
	font-size:129%;
	border:0!important;
	visibility:hidden;
}

.water-problems li h3
{
	visibility: visible;
}

.water-problems ul
{
	position:absolute;
	bottom:10px;
	left:15px;
	width:195px;
	display:block;
}

.water-problems ul li
{
	margin:0!important;
	padding:5px 0 5px 0px!important;
	list-style-type:none;
	list-style-image:url(../images/common/blue-arrow-bullet.jpg);
	list-style-position:inside;
	*list-style-position:outside;
	border-bottom:1px solid #FAFAFA;
	height:auto;
}
.water-problems ul li h3
{
	margin:0!important;
	padding:0!important;
	font-size:110%;
}

.water-problems ul li h3 a
{
	margin:-2px 0 0 0!important;
	padding:0 0 0 20px!important;
	background-image:url(../images/common/blue-arrow-bullet.jpg);
	background-repeat:no-repeat;
	background-position:0 3px;
	color:#003;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

.water-problems ul li h3 a:hover
{
	color:#000;
	text-decoration:underline;
	
}

.water-problems ul li span, .water-problems ul li p
{
	display:none;
}


.homenews 
{
	background-repeat:no-repeat;
	background-position:0px 0px;
	border:0;
	padding:0 0 0 10px;
	margin-left:30px;
	width:44%;
	float:left;
}

#page-content .homenews ul
{
	margin-left:0px;
	*margin-left:0px;
}

.homenews ul li
{
	margin:0 0 10px 0!important;
	padding:0 0 10px 0;
	border-bottom:1px dotted #ccc;
	list-style-image:none;
	list-style-type:none;
}

#page-content .homenews ul li span
{
	display:none;
}

.homenews ul li h3
{
	padding:0;
	margin:0;
	color:#fff;
}
#page-content .homenews ul li h3 a
{
	padding:0 0 0 20px;
	margin:0;
	color:#000;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-style:normal;
	line-height:130%;
	background-image:url(../images/common/blue-arrow-bullet.jpg);
	background-position:0 1px;
	*background-position:0 2px;
	background-repeat:no-repeat;
}

#page-content .homenews ul li p
{
	margin-left:20px;
}


.homewaterquality 
{
	width:47%;
	float:right;
	border:0;
	padding:0 0 0 10px;
	
}

#page-content .homewaterquality ul.items  
{
	margin-left:0!important;
	list-style-type:none!important;
	
}

#page-content .homewaterquality ul.items li
{
	margin:0 0 10px 0!important;
	padding:5px 0 15px 0;
	border-bottom:1px dotted #ccc;
	list-style-image: none;
	list-style-type: none;
	display:block;

}

#page-content .homewaterquality ul.items li p
{
	margin:0 0 0px 0;
	padding:6px 0 0px 67px;
}

.homewaterquality  ul li img
{
	float:left;
	margin:0 5px 5px 0;
}

.homewaterquality  ul li p
{
	padding:0 0 0px 0;
	margin:0 10px 10px 65px;
}

.homewaterquality  ul span
{
}

.homewaterquality  ul li h3
{
	padding:0;
	margin:2px 0 0 0;
	color:#fff;

}
.homewaterquality  ul li h3 a
{
	padding:0;
	margin:0;
	color:#000;
	font-weight:bold;
	font-style:normal;
}

#page-content div.library {
	border:0px solid #ccc;
	float:left;
	padding:0;
	background-color:transparent;
}

div.library h3{
	color:#003;
	/*background-color:#C3E8F1;*/
	padding:6px 10px;
	background-image:url(../images/common/paging-bg.png);
	background-position:0 0px;
	background-repeat:no-repeat;
	font-size:120%;
	font-weight:normal;
}

#page-content .library ul.items 
{
	margin:0px 10px 0 0 ;
	padding:30px 0 0;
	background-image:url(../images/common/library-ul-bg.jpg);
	background-position:0 0px;
	background-repeat: no-repeat;
	width:670px;
}

.library ul.items 
{
	float:left;
	

}

.library ul.items li
{
	float:left;
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0;	
}


.library ul.items li h3
{
	margin:0 0 5px 0;
	padding:0 0 5px;
	background-color:transparent;
	background-image:none;
	
}


.libraryThumb 
{
	float:left;
	margin-left:5px;

}

.libraryDetails 
{
	float:right;
	margin-left:10px;
	width:590px;
}
.libraryDetails img 
{
	vertical-align:middle;
}

/***********************************
			Charts
***********************************/
.dataouter
{
		background-image:url('../images/chart/chartouter_bg.gif');
		background-repeat:no-repeat;
		padding-top:10px;
		margin:20px 0;
		
}
.datainner
{
		background-image:url('../images/chart/chartinner_bg.gif');
		background-repeat:no-repeat;
		background-position:left bottom;
		text-align:center;
		padding-bottom:20px;	
}

img.csvchart
{
		border:0px solid #ccc;
		margin:10px 0;
		background-color:Transparent;
}

.datainner table 
{
	width:90%;
	margin:20px auto 0;
}

.datainner table tr.title 
{
	background-image:url('../images/chart/title_tr_bg.gif');
	background-repeat:no-repeat;
	background-position:center center;
	height:28px;
	background-color:#ffffff;
}

.datainner table tr.title td 
{
	padding:0px 0px;
	background-color:transparent;
	*background-color:#EDF9FC;
	background-image:none;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
}

.datainner table tr.title td  
{
	*border-top:1px solid #A7D3FC;
	*border-bottom:1px solid #A7D3FC;
	*border-right:0px;
	*border-left:0px;	
}

.datainner table tr.title td.first-child
{
	*border-left:1px solid #A7D3FC;
}

.datainner table tr.title td.last-child
{
	*border-right:1px solid #A7D3FC;
}

.datainner tr 
{
	background-color: #EFEFEF;
}

.datainner td 
{
	padding:2px 5px;
	
	
}

.datainner .rowTint {
  color: #000;
  background-color: #FFFFFF;
}
.datainner tr:hover
{
	background-color:#EDF9FC;
	border:1px solid #A6D2FC;
	border-left:0;
	border-right:0;
}



/***********************************
			call-out
***********************************/


blockquote {
	background-color:#EBF7FA;
	border:0;
	background-image:url('../images/common/blockquote-bg.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	float: right;
	width: 130px;
	padding: 10px 10px 30px;
	margin: 10px 0 10px 10px;
	font-size:145%;
	line-height:150%;
	color:#3AB8DB;
}

blockquote div 
{
	
	display:inline;
	padding:10px 0px 10px;
	margin:0px;
	background-color:Transparent;
}

blockquote:before {
   content: "\201C";
   padding-right: 0.1em;
   font-size:130%;
   color:#999;
}
blockquote:after {
   content: "\201D";
   padding-left: 0.1em;
   margin-right:0px;
   font-size:130%;
   line-height:100%;
   color:#999;

}

searchresult li h3 
{
	display:inline;
}

.searchresult li h3 a
{
	display:inline;

}

.searchresult li 
{
	border-bottom:1px dotted #ccc;
}

.searchresult li p 
{
	margin:5px 0px;
	font-style:italic;
}

.searchresult li h3 
{
	font-size:120%;
}

pre
{
	color:#fff;
}

a.jumplinkname 
{
	text-decoration:none;
	color:#999;
}

a.jumplinkname:hover {
	color:#999;
}

a.top 
{
	margin:10px 0!important;
	display:block;
}

#page-content .jumplinks ul {
	display:block;
	list-style-position:outside;
	list-style-type:square;
	margin:20px 10px 10px 20px;
	padding:0;
}

#page-content .jumplinks li a {
	color:#666666;
	line-height:150%;
	margin:3px 0 3px 5px;
	padding:0 0 0 0;
}

#page-content .contact-bg 
{
	background-image:url('../images/common/contact-bg.png');
	background-repeat:no-repeat;
	background-position:center;
	height:151px;
	margin-top:30px;
}

#page-content .contact-bg ul 
{
	margin:20px 25px 5px;
	padding:0;
	float:left;
}

#page-content .contact-bg ul li
{
	list-style-type:none;
}

#page-content .contact-bg p
{
	clear:left;
	margin:5px 30px 0;
	padding:0;
	font-weight:bold;
	font-style:italic;
	color:#000;
}

#page-content .contact-bg ul li P
{
	clear:none;
	margin:0;
	padding:0;
	font-weight:normal;
	font-style: normal;

}