body{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(image/main-bg.gif) 50% top repeat-y #FFFFFF;}

table.top
{background-color: #ffffff;
width: 1000px;
height: 140px;
background-image:url('image/top.jpg');}

table.middle
{background-color: #ffffff;
width: 1000px;}

table.menulist
{background-color: #ffffff;
width: 650px;}

table.menulisteng
{background-color: #ffffff;
width: 750px;}

table.menulistcivil
{background-color: #ffffff;
width: 800px;}

.projecttext {
color: #007cb9;
font-size: 14px;
font-family: "Century Gothic";
text-decoration: none;
padding: 0px 0px 0px 0px;}

table.content
{background-color: #ffffff;
width: 1000px;}

table.contentpage
{background-color: #ffffff;
width: 900px;}

table.menutop
{width: 400px;}


div.c3 {margin-left: 550px;
margin-bottom: 90px;}

table.time
{background-color: #ffffff;
width: 1000px;}

table.menu
{background-color: #ffffff;
width: 1000px;}

.homepagetext {
font-family: Century Gothic;

font-size: 14px;
font-weight: normal;

color: #666666;
}


.homepagetextcsl {font-family: "Century Gothic";
font-size: 16px;
font-weight: normal;
color: #007cb9;
}

.casesstudybody {
font-family: Century Gothic;

font-size: 14px;
font-weight: normal;

color: #666666;
}


.watermatters {

color:#007cb9;

font-family:Century Gothic;
font-weight:bold;
font-size:30px
;}




div.text {
margin-left: 30px;
margin-right:30px;}

div.title {
margin-left: 30px;}


div.textlayout {
margin-left: 30px;
margin-right: 30px;}

.highlightingtext 
{
font-family: Century Gothic;

font-size: 18px;
color: #007cb9;
}


.stylenews {
color: #FAB716;
font-family: Century Gothic;

font-size: 16px;
}


.newstext {
       color: #007cb9;
       font-size: small;
       font-family: "Century Gothic";
       text-decoration: none;
	   padding: 5px 10px 0px 20px;

}



.casestudy {font-family: "Century Gothic";
	font-size: 10pt;
	font-weight: normal;
	color: #666666;
}

table.news
{background-color: #ffffff;
width: 1000px;}

table.title
{background-color: #ffffff;
width: 1000px;}


table.footer
{background-color: #ffffff;
width: 1000px;}


a:link {
color: #007cb9;
font-family: Century Gothic;
text-decoration:none;
font-size:16px;
}
 
a:visited {
color: #007cb9;
font-family: Century Gothic;
text-decoration:none;
font-size:16px;
}
 
a:hover {
color: #999999;
font-family: Century Gothic;
text-decoration:none;
size-size:16px;}

a:active {
color: #007cb9;
font-family: Century Gothic;
text-decoration:none; 
font-size:16px;
}
 
a.mainnav:link
{color: #ffffff;
font-family: georgia;
text-decoration:none;
font-size:16px;
} 

a.mainnav:visited {
color: #ffffff;
font-family: georgia;
text-decoration:none;
font-size:16px;
} 

a.mainnav:hover {
color: #ffffff;
font-family: georgia;
text-decoration:underline;
font-size:16px;
} 

a.mainnav:active {
color: #ffffff;
font-family: georgia;
text-decoration:none;
font-size:16px;
} 


a.bottombuttons:link
{color: #666666;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
} 

a.bottombuttons:visited {
color: #666666;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
} 

a.bottombuttons:hover {
color: #ffd940;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
} 

a.bottombuttons:active {
color: #666666;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
} 


a.menu:link
{color: #666666;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
font-weight: normal;
} 

a.menu:visited {
color: #666666;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
font-weight: normal;
} 

a.menu:hover {
color: #ffd940;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
font-weight: normal;
} 

a.menu:active {
color: #666666;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
font-weight: normal;
} 

a.menusmall:link
{color: #666666;
font-family: Century Gothic;
text-decoration:none;
font-size:12px;
} 

a.menusmall:visited {
color: #666666;
font-family: Century Gothic;
text-decoration:none;
font-size:12px;
} 

a.menusmall:hover {
color: #ffd940;
font-family: Century Gothic;
text-decoration:none;
font-size:12px;
} 

a.menusmall:active {
color: #666666;
font-family: Century Gothic;
text-decoration:none;
font-size:12px;
} 



a.wholinks:link
{color: #666666;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
} 

a.wholinks:visited {
color: #666666;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
} 

a.wholinks:hover {
color: #ffd940;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
} 

a.wholinks:active {
color: #666666;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
} 




a.footerlinks:link
{color: #B4B1B1;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
} 

a.footerlinks:visited {
color: #B4B1B1;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
} 

a.footerlinks:hover {
color: #ffd940;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
} 

a.footerlinks:active {
color: #B4B1B1;
font-family: Century Gothic;
text-decoration:none;
font-size:14px;
} 


.siteheading{
color: #007cb9;

font-size: 26px;

font-family: Century Gothic;
line-height: 36px;}


.style5 {

color: #007cb9;

 font-size: 16px;

font-family: "Century Gothic";

text-decoration: none;
padding: 0px 0px 0px 0px;}





.style1 {

color: #007cb9;

 font-size: 20px;

font-family: "Century Gothic";
}






/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 5px solid #ff0000;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #ff0000;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #ff0000;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}