BODY{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin-top: 0px;
	padding: 0;
	height: auto;
	border: #ffffff;
	background-color: #A1A1A1;
	background-image: url(../images/background_grad.gif);
	background-repeat:repeat-x;
}

TD {
	font-size: 9pt;
	list-style-position: -10px;
}
p { font-size: 9pt;  margin-bottom: 7px; margin-top: 0; }
a{ color: #007bb6; text-decoration: none; }
a:hover{	text-decoration: underline;  color: #007bb6;   }
form{	margin:0;}

#PAGETOP{ width:880px; height: 103px; background-image: url(../images/top-banner-02.gif); background-repeat: no-repeat; margin-top:0px; margin-left:auto; margin-right:auto; }

#PAGEBG{
	width:880px;
	background-color:#FFFFFF;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	height:inherit;
	overflow:auto;
	min-height:100%;
	float: none;
}

#CONTENT{
	width:844px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	background:#ffffff;
	min-height:inherit;
	float:none;
}

#BUTTONS{ width:844px; height: 37px; background-image: url(../images/button_grad.gif); background-repeat:repeat-x; margin-top:0px; border:0px; margin-left:auto; margin-right:auto; }
#BUTTONS ul{  margin: 0; padding-left: 0; height: 12px; line-height: 10px; list-style: none; border-top:4px; }
#BUTTONS li { margin-top:15px; margin-left:17px; border-top:0px; display: inline;  float: left;  padding-left: 2px; color: #ffffff; }
#BUTTONS li a{ color: #ffffff;    }
#BUTTONS li a:hover{ color: #39C0E2; text-decoration: none;}

#HEADERPIC{ width:844px; height: 272px; margin-top:0px; margin-left:auto; margin-right:auto; }

#pagepic{ width:844px; height: 100px; background-image: url(../images/banner-pic01.jpg); background-repeat:repeat-x; margin-top:0px; margin-left:auto; margin-right:auto; }

#newspic{ width:844px; height: 100px; background-image: url(../images/newspic01.jpg); background-repeat:repeat-x; margin-top:0px; margin-left:auto; margin-right:auto; }

#charitypic{ width:844px; height: 100px; background-image: url(../images/wateraid-pic.jpg); background-repeat:repeat-x; margin-top:0px; margin-left:auto; margin-right:auto; }

#innopic{ width:844px; height: 189px; background-image: url(../images/innovation-ani.gif); background-repeat:repeat-x; margin-top:0px; margin-left:auto; margin-right:auto; }

table.index {border-width: 0px;border-spacing: 0px;border-style: dotted;border-color: gray;border-collapse: separate;background-color: white; padding:0px; margin-top: 15px; padding-top:10px;}
table.index th {border-width: 0px;padding: 0px; border-style: inset;border-color: gray;background-color: white;-moz-border-radius: ;}
table.index td {border-width: 0px;padding: 0px; padding-top:5px; border-style: inset;border-color: gray;background-color: white;-moz-border-radius: ;}
table.index p {	text-align: left; font-size: 10pt; color: #666666; float: left;  margin-right:auto; margin-left:0px;}
table.index h2 {	text-align: left; font-size: 13pt; color: #000000; font-weight:bold; margin-top:0px; float:left;}
table.index a{ font-size: 10pt;	font-weight: normal; text-decoration: none;  color: #007bb6;    }
table.index a:hover{ color: #007bb6; text-decoration: underline; }



.pagetitle { width:844px; height:40px; margin-left:auto; margin-right:auto; margin-top:0px; background:#ffffff; font-size:20px; color:#999999; border-bottom: 2px solid #999999; margin-bottom:3px;}

.mainarea {	text-align: left; font-size: 10pt; color: #666666; width:844px; height: 360px; float: center; margin-left:auto; margin-right:auto; padding-top:100px;}
.mainarea h2 {	text-align: left; font-size: 13pt; color: #000000; font-weight:bold; margin-top:0px; float:left;}
.mainthumb { width:100px; height:122px; float:left; }
.maincopy { width:360px; height:122px; float:right;}
.mainarea a{ color: #007bb6; text-decoration: none;}
.mainarea a:hover{ color: #007bb6; text-decoration:underline; }
.mainarea a:visited{ color: #007bb6;}

#FOOTER{ width:880px; height:45px; margin-left:auto; margin-right:auto; background-image: url(../images/footer.gif); background-repeat: no-repeat; margin-top:0px; }
#FOOTER p{ font-size: 9px; line-height: 14px; margin-right: 20px; margin-top:15px;  color: #444444; float: right; }
#FOOTER a{ font-size: 9px;	font-weight: normal; text-decoration: none;  color: #007bb6;    }
#FOOTER a:hover{ color: #007bb6; text-decoration: underline; }

.whoweareside { width:180px; height: 500px; margin-left:0px; padding-left:0px; float:left;}
.whoweareside p { line-height: 1.2em; text-align: left; font-size: 9pt; color: #000000;  padding-right:5px; }
.whoweareside ul { line-height: 1.2em; text-align: left; margin-left:0px;  font-size: 10pt; color: #007bb6;right-margin: 10px;padding-right:5px;  }
.whoweareside li { font-stretch:extra-condensed; line-height: 2em; margin-left:0px; text-align: left; font-size: 8pt; color: #007bb6; list-style:none;}

.whowearemain { width:640px; float: right;}
.whowearemain p { line-height: 1.2em; text-align: left; font-size: 9pt; color: #666666; padding-bottom:8px;   }
.whowearemain h2 { line-height: 1.2em; text-align: left; font-size: 10pt; color: #000000;  font-weight:bold; }
.whowearemain ul { line-height: 1.2em; text-align: right; font-size: 10pt; color: #007bb6; right-margin: 10px;  }
.whowearemain li { font-stretch:extra-condensed; line-height: 1.5em; text-align: right; font-size: 8pt; color: #007bb6;}
.whowearemain a { color: #007bb6; text-decoration: none; }
.whowearemain a:hover{ color: #007bb6; text-decoration:underline; }
.whowearemain a:visited{ color: #007bb6;}

.newsl { width:412px; height: 500px; margin-left:0px; padding-left:0px; float:left;}
.newsl p { line-height: 1.2em; text-align: left; font-size: 10pt; color: #000000; padding-top:10px;  padding-right:0px; padding-left:10px; }
.newsr { width:412px; height: 500px; margin-left:0px; padding-left:10px; padding-right:0px; float: right;}
.newsr p { line-height: 1.2em; text-align: left; font-size: 10pt; color: #000000; padding-top:10px; padding-bottom:8px;   }
.newsdate p { line-height: 1em; text-align: left; font-size: 8pt; color: #000000; padding-bottom:8px;   }

.products { width:840px; margin-left:auto; margin-right:auto;}
.products p { line-height: 1.2em; text-align: left; font-size: 11pt; color: #000000; padding-bottom:19.5px;   }
.products h2 { line-height: 1.2em; text-align: left; font-size: 11pt; color: #000000;  font-weight:bold; }
.products ul { line-height: 1.2em; text-align: right; font-size: 10pt; color: #007bb6;right-margin: 10px;  }
.products li { font-stretch:extra-condensed; line-height: 1.5em; text-align: right; font-size: 8pt; color: #007bb6;}
.products a { color: #007bb6; text-decoration: none; font-size: 10pt;}
.products a:hover{ color: #007bb6; text-decoration:underline; }
.products a:visited{ color: #007bb6;}

.delayed p { line-height: 1.2em; text-align: left; font-size: 11pt; color: #000000; padding-bottom:19.5px;   }
.delayed li { line-height: 1.2em; text-align: left; font-size: 11pt; color: #000000; padding-bottom:19.5px;   }

.wateraid p { line-height: 1.2em; text-align: right; font-size: 10pt; color: #000000;  }
.wateraid ul { line-height: 1.2em; text-align: left; font-size: 10pt; color: #000000;   padding-left:-15px; margin-left:-10px;}
.wateraid li { line-height: 1.2em; text-align: left; font-size: 10pt; color: #000000;  padding-left:-10px; margin-left:-10px;}

.sidemenutext { width:180px; height: 300px; float: left;}
.sidemenutext p { line-height: 1.2em; text-align: right; font-size: 11pt; color: #000000;  font-weight:bold;padding-right:5px; }
.sidemenutext ul { line-height: 1.2em; text-align: right; font-size: 10pt; color: #007bb6;right-margin: 10px;padding-right:5px;  }
.sidemenutext li { font-stretch:extra-condensed; line-height: 1.5em; text-align: right; font-size: 8pt; color: #007bb6; list-style:none;}

.sidemenupics { width:180px; height: 500px; float: left;}
.sidemenupics p {  text-align: right; font-size: 11pt; color: #000000;  font-weight:bold;padding-right:5px; margin-top:0px;}
.sidemenupics ul { text-align: right; font-size: 10pt; color: #007bb6;right-margin: 10px;padding-right:5px;   margin-top:0px;}
.sidemenupics li { text-align: right; font-size: 8pt; color: #007bb6; list-style:none; padding-top:3px;}

.rightsidemenutext { width:170px; height: 360px; float: right;}
.rightsidemenutext h2 { text-align: left; font-size: 11pt; color: #000000;  font-weight:bold;padding-left:10px; margin-top:0px;}
.rightsidemenutext p { text-align: left; font-size: 10pt; color: #000000;  padding-left:10px; }
.rightsidemenutext a { text-align: left; font-size: 9pt; color: #007bb6; text-decoration: none; }
.rightsidemenutext a:hover { text-align: left; font-size: 9pt; color: #007bb6; text-decoration:underline;}
.rightsidemenutext a:visited { text-align: left; font-size: 9pt; color: #007bb6;}

#TEXT{ padding: 35px 40px 35px 40px; border-bottom: 1px solid #484848; border-top: 1px solid #484848; background-color: #222222; }
#TEXT p{	margin-bottom: 1em;}


.keys { width:790px; margin-left:auto; margin-right:auto; padding: 5px 10px 5px 0px; line-height: normal; text-align: left; color: #a1a1a1; font-size: x-small; position: inherit; }
.maintext { line-height: 1em; text-align: left; font-size: 10pt; color: #ffffff; background-color: #151515; font-family: Arial, Helvetica, sans-serif; border-color: #666666;}
