body {
	background-color: #FFFFFF;

}

#wrapper {
	text-align:left;
	position: relative;
	margin:0 auto 0em;
	width:747px;
	height: 100%;
}





 /* navigation on europe homepage */
#menu {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 185px;
	left: 0px;
	width:206px;
	height: 500px;
	float: none;
	background-image: url(images/backgrounddots.gif);
	background-repeat: no-repeat;

}

#nav {
	margin: 0;
	padding: 0;
}

#nav li {
	list-style: none;
	line-height:24px;
	background-image: url(images/menu_single.gif);
	background-repeat: no-repeat;
}

#nav a {
	display:block; 
	width:206px; 

}

#nav a:hover {
	margin: 0;
	padding: 0;
	background-image: url(images/menu_singleon.gif);
	text-indent: 20px;
	background-repeat: no-repeat;
}



 /* technology boxes on europe homepage */
#tech1 {
	margin: 0;
	position: absolute;
	padding: 0;
	top: 13px;
	width: 180px;
	height: 30px;
	left: 340px;
	}
	
#tech2 {
	margin: 0;
	position: absolute;
	padding: 0;
	top: 63px;
	width: 180px;
	height: 30px;
	left: 340px;
	}
	
#tech3 {
	margin: 0;
	position: absolute;
	padding: 0;
	top: 115px;
	width: 180px;
	height: 30px;
	left: 340px;
	}









 /* screen elements on effluent section */
#logoeff {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 20px;
	width:747px;
	height: 80px;
	float: none;
	left: 0px;
	background-image: url(images/effluent/effbanner.gif);
	background-repeat: no-repeat;
}

#topbareff{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 0px;
	left: 0px;
	width:747px;
	height: 20px;
	float: none;
	background-color: #0080AF;

}

#contenteff{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 185px;
	left: 220px;
	width:515px;
	height: 500px;
	float: left;
}

#anieff{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 345px;
	left: 220px;
	width:515px;
	height: 256px;
	float: left;
	background-image: url(images/effluent/effanimationbox.jpg);
	background-repeat: no-repeat;
}

/* columns for main sections */
#col1{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 620px;
	left: 220px;
	width:250px;
	height: 180px;
	float: left;

}

#col2{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 620px;
	left: 485px;
	width:250px;
	height: 180px;
	float: left;

}

 /* navigation on effluent section */
#menueff {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 185px;
	left: 0px;
	width:206px;
	height: 400px;
	float: none;
	background-image: url(images/effluent/effmenu.gif);
	background-repeat: no-repeat;
}

#naveff {
	margin: 0;
	padding: 0;
}

#naveff li {
	list-style: none;
	line-height:24px;
	background-image: url(images/effluent/effmenu.gif);
	background-repeat: no-repeat;
}

#naveff a {
	display:block; 
	width:206px; 

}

#naveff a:hover {
	margin: 0;
	padding: 0;
	background-image: url(images/effluent/effmenuon.gif);
	text-indent: 20px;
	background-repeat: no-repeat;
}

 /* quicklinks navigation on effluent and all sections */
 #quicklinkstitle {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 426px;
	left: 0px;
	width:206px;
	height: 20px;
	float: none;
	background-image: url(images/quicktitle.gif);
	background-repeat: no-repeat;
}
 
#quickeff {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 447px;
	left: 0px;
	width:206px;
	height: 250px;
	float: none;

}
 #quicklinkstitletis {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 450px;
	left: 0px;
	width:206px;
	height: 20px;
	float: none;
	background-image: url(images/quicktitle.gif);
	background-repeat: no-repeat;
}
 
#quicktis {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 471px;
	left: 0px;
	width:206px;
	height: 250px;
	float: none;

}

#qeff {
	margin: 0;
	padding: 0;
}

#qeff li {
	list-style: none;
	line-height:24px;
	background-image: url(images/menus/effquickmenu.gif);
	background-repeat: no-repeat;
}

#qeff a {
	display:block; 
	width:206px; 

}

#qeff a:hover {
	margin: 0;
	padding: 0;
	background-image: url(images/menus/effquickmenu_on.gif);
	text-indent: 20px;
	background-repeat: no-repeat;
}



 /* screen elements for about us */
#quickab {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 375px;
	left: 0px;
	width:206px;
	height: 250px;
	float: none;
}

 #quicklinkstitleab {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 354px;
	left: 0px;
	width:206px;
	height: 20px;
	float: none;
	background-image: url(images/quicktitle.gif);
	background-repeat: no-repeat;
}

 /* screen elements for regs */
#quickregs {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 255px;
	left: 0px;
	width:206px;
	height: 250px;
	float: none;
}

 #quicklinkstitleregs {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 234px;
	left: 0px;
	width:206px;
	height: 20px;
	float: none;
	background-image: url(images/quicktitle.gif);
	background-repeat: no-repeat;
}


 
 
 /* screen elements for prod directory */
#quickpd {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 399px;
	left: 0px;
	width:206px;
	height: 250px;
	float: none;
}

 #quicklinkstitlepd {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 378px;
	left: 0px;
	width:206px;
	height: 20px;
	float: none;
	background-image: url(images/quicktitle.gif);
	background-repeat: no-repeat;
}


 /* screen elements for press centre */
#quickpress {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 375px;
	left: 0px;
	width:206px;
	height: 250px;
	float: none;
}

 #quicklinkstitlepress {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 354px;
	left: 0px;
	width:206px;
	height: 20px;
	float: none;
	background-image: url(images/quicktitle.gif);
	background-repeat: no-repeat;
}


 /* screen elements for environment */
#quicken {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 327px;
	left: 0px;
	width:206px;
	height: 250px;
	float: none;
}

 #quicklinkstitleen {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 306px;
	left: 0px;
	width:206px;
	height: 20px;
	float: none;
	background-image: url(images/quicktitle.gif);
	background-repeat: no-repeat;
}





 /* screen elements for case studies */
#quickcs {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 420px;
	left: 0px;
	width:206px;
	height: 250px;
	float: none;
}

 #quicklinkstitlecs {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 400px;
	left: 0px;
	width:206px;
	height: 20px;
	float: none;
	background-image: url(images/quicktitle.gif);
	background-repeat: no-repeat;
}

 
 
 
 
 
 
  /* screen elements on tssue section */
#logotis {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 20px;
	width:747px;
	height: 80px;
	float: none;
	left: 0px;
	background-image: url(images/tissue/tissbanner.gif);
	background-repeat: no-repeat;
}

#topbartis{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 0px;
	left: 0px;
	width:747px;
	height: 20px;
	float: none;
	background-color: #2e6a2b;

}

#contenttis{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 185px;
	left: 220px;
	width:515px;
	height: 490px;
	float: left;
	
}

#anitis{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 345px;
	left: 220px;
	width:515px;
	height: 256px;
	float: left;
	background-image: url(images/tissue/tisanimationbox.jpg);
	background-repeat: no-repeat;
}

 /* navigation on tissue section */
#menutis {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 185px;
	left: 0px;
	width:206px;
	height: 400px;
	float: none;
	background-image: url(images/effluent/effmenu.gif);
	background-repeat: no-repeat;
}

#navtis{
	margin: 0;
	padding: 0;
}

#navtis li {
	list-style: none;
	line-height:24px;
	background-image: url(images/tissue/tismenu.gif);
	background-repeat: no-repeat;
}

#navtis a {
	display:block; 
	width:206px; 

}

#navtis a:hover {
	margin: 0;
	padding: 0;
	background-image: url(images/tissue/tismenuon.gif);
	text-indent: 20px;
	background-repeat: no-repeat;
}







 
 
 /* screen elements on clinical section */
#logoclin {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 20px;
	width:747px;
	height: 80px;
	float: none;
	left: 0px;
	background-image: url(images/clinical/clinbanner.gif);
	background-repeat: no-repeat;
}

#topbarclin{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 0px;
	left: 0px;
	width:747px;
	height: 20px;
	float: none;
	background-color: #961f29;

}

#contentclin{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 185px;
	left: 220px;
	width:515px;
	height: 500px;
	float: left;
	
}

#aniclin{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 345px;
	left: 220px;
	width:515px;
	height: 256px;
	float: left;
	background-image: url(images/clinical/clinanimationbox.jpg);
	background-repeat: no-repeat;
}

 /* navigation on tissue section */
#menuclin {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 185px;
	left: 0px;
	width:206px;
	height: 400px;
	float: none;
	background-image: url(images/effluent/effmenu.gif);
	background-repeat: no-repeat;
}

#navclin{
	margin: 0;
	padding: 0;
}

#navclin li {
	list-style: none;
	line-height:24px;
	background-image: url(images/clinical/clinmenu.gif);
	background-repeat: no-repeat;
}

#navclin a {
	display:block; 
	width:206px; 

}

#navclin a:hover {
	margin: 0;
	padding: 0;
	background-image: url(images/clinical/clinmenuon.gif);
	text-indent: 20px;
	background-repeat: no-repeat;
} 
 
 
 
 
 
 
 
 
 
 
 /* screen elements general */
 #logo {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 20px;
	width:747px;
	height: 80px;
	float: none;
	left: 0px;
	background-image: url(images/logobanner.gif);
	background-repeat: no-repeat;
}
 
 #logoeurope {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 20px;
	width:747px;
	height: 80px;
	float: none;
	left: 0px;
	background-image: url(images/waterresolution_banner.gif);
	background-repeat: no-repeat;
}

#flash {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 100px;
	width:747px;
	height: 85px;
	float: none;
	left: 0px;
}

#topbar{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 0px;
	left: 0px;
	width:747px;
	height: 20px;
	float: none;
	background-color: #000066;
}

#topmenu{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 1px;
	left: 490px;
	width:260px;
	height: 13px;
	float: none;
}

#content{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 185px;
	left: 220px;
	width:528px;
	height: 496px;
	float: left;
}

#techs{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 500px;
	left: 220px;
	width:528px;
	height: 187px;
	float: left;
	background-image: url(images/tech_box.gif);
	background-repeat: no-repeat;
}


 /* screen elements on globalhomepage */
 #globaltopbar{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 0px;
	left: 0px;
	width:747px;
	height: 20px;
	float: none;
	background-color: #9daa2f;
}

#flashmap{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 195px;
	left: 0px;
	width:458px;
	height: 338px;
	float: left;
}

#globalcontent{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 195px;
	left: 468px;
	width:270px;
	height: 338px;
	float: left;
	background-image: url(images/globalbackground.gif);
	background-repeat: no-repeat;
}

#dis{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 185px;
	left: 578px;
	width:169px;
	height: 367px;
	float: left;
	background-image: url(images/disbox.gif);
	background-repeat: no-repeat;
}



 /* general type styles */
 
 .copy{
	font-family:arial, helvetica;
	font-size:70%;
	font-weight: normal;
	color:#000000;
}

.intropara{
	font-family:arial, helvetica;
	font-size:115%;
	font-weight: lighter;
	color:#003f7c;
}


.bluecopy{
	font-family:arial, helvetica;
	font-size:70%;
	font-weight: normal;
	color:#003f7c;
}


.blackcopy{
	font-family:arial, helvetica;
	font-size:11px;
	color:#000000;
	font-weight: bold;
}

.quicklinks{
	font-family:arial, helvetica;
	font-size:11px;
	color:#000000;
	font-weight: bold;
	margin-left: 20px;
}

.intro{
	font-family:vrinda;
	font-size:125%;
	color:#9dAA2f;
	font-weight: bold;
}

.introeff{
	font-family:arial, helvetica;
	font-size:125%;
	color:#0080AF;
	font-weight: bold;
}

.introtis{
	font-family:arial, helvetica;
	font-size:125%;
	color:#2e6a2b;
	font-weight: bold;
}

.introclin{
	font-family:arial, helvetica;
	font-size:125%;
	color:#961f29;
	font-weight: bold;
}


.link { 
	font-family: Arial; 
	font-size: 11px;
	font-weight: bold;  
	font-style: normal; 
	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	text-decoration: none; 
}
a.link:hover { 
	font-family: Arial; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 

	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	background-color: #d8e1e6;
}
a.link:active { 
	font-family: Arial; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	text-decoration: none; 
}

.sitemap {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #003f7c;
	text-decoration: none;
	margin-left: 10px;
}
a.sitemap:hover { 
	font-family: Arial; 
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal; 

	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	background-color: #d8e1e6;
}
a.sitemap:active { 
	font-family: Arial; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	text-decoration: none; 
}

.smsub {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #56788a;
	text-decoration: none;
	margin-left: 15px;
}
a.smsub:hover { 
	font-family: Arial; 
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal; 

	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	background-color: #d8e1e6;
}
a.smsub:active { 
	font-family: Arial; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	text-decoration: none; 
}


.footer { 
	font-family: Arial; 
	font-size: 10px;
	font-weight: bold;  
	font-style: normal; 
	font-variant: normal; 
	text-transform: none; 
	color: #FFFFFF; 
	text-decoration: none; 
}
a.footer:hover { 
	font-family: Arial; 
	font-size: 10px; 
	font-weight: bold; 
	font-style: normal; 

	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	text-decoration: underline; 
}
a.footer:active { 
	font-family: Arial; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	text-decoration: none; 
}

.whitecopy{
	font-family:arial, helvetica;
	font-size:1em;
	color:#ffffff;
	font-weight: bold;
}

.whitemenu{
	font-family:arial, helvetica;
	font-size:75%;
	color:#ffffff;
	font-weight: bold;
	line-height: 200%;
	text-decoration: none; 
	margin-left: 20px;
}

a.whitemenu:hover { 
	font-family: Arial; 
	font-size: 75%; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	text-decoration: none; 
	margin-left: 20px;
	
}
a.whitemenu:active { 
	font-family: Arial; 
	font-size: 75%; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	margin-left: 20px;
	text-decoration: none; 
}

.quickwhitemenu{
	font-family:arial, helvetica;
	font-size:65%;
	color:#000000;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none; 
	margin-left: 20px;
}

a.quickwhitemenu:hover { 
	font-family: Arial; 
	font-size: 65%; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #003f7c; 
	text-decoration: none; 
	margin-left: 20px;
	
}
a.quickwhitemenu:active { 
	font-family: Arial; 
	font-size: 65%; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #003f7c; 
	margin-left: 20px;
	text-decoration: none; 
}

.aniwhitemenu{
	font-family:arial, helvetica;
	font-size:65%;
	color:#ffffff;
	font-weight: bold;
	line-height: 485px;
	text-decoration: none;
	margin-left: 270px;
	margin-top: 0px;
}

a.aniwhitemenu:hover { 
	font-family: Arial; 
	font-size: 65%; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #CCCCCC; 
	text-decoration: underline; 
	margin-left: 270px;
	
}
a.aniwhitemenu:active { 
	font-family: Arial; 
	font-size: 65%; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	margin-left: 270px;
	text-decoration: none; 
}

.msgbx {
visibility: hidden;
font-size: 11px;
line-height: 12px;
background: #ffffff;
border: 1px solid #000000;
padding: 2px;
width: 180px;
}
div.msgbx2 {
font-size: 11px;
line-height: 12px;
width: 180px;
float: right;
text-align: left;
background: #CCEEEE;
border: 1px solid #990000;
margin: 2px 0px;
padding: 3px;
}
.answerbx {
visibility: hidden;
font-size: 11px;
font-weight: bold;
line-height: 20px;
padding: 2px;
background: transparent;
border: none;
color: #2e6a2b;
}
table {
border-collapse: collapse;
border: 0px solid;
}
tr {
border-bottom: 1px solid #cccccc;
}
tr.bot {
border-bottom: none;
}
tr.ans {
border-bottom: 1px inset #CCCCCC;
}
td.lm1 {
font-size: 12px;
font-weight: bold;
color: #990000;
}
td.lm2 {
font-weight: bold;
color: #990000;
}
td.rt1 {
font-size: 10px;
}