/* GLOBAL Wastewater Style CSS */

a:link { color: darkblue; text-decoration: none }
a:hover { color: #000000; text-decoration: none }
a:visited { color: #0066CC; text-decoration: none } 

body { margin: 0px 0px; padding: 0px; background-color: #FFFFFF; text-align: center; }
img { border: 0 }
em { font-weight: bold; color: darkblue; font-style: normal; font-size: 14px }
h3 { color: darkblue; font-style: normal }
table { font-family: Arial; font-size: 10px; font-style: normal; margin-left: 20px }
.indent { margin-left: 20px }

.highlight { color: darkblue }
.darkblue { font-style: normal; color: #FFFFFF; background-color: darkblue; 
		font-size: 12px; font-weight: bold }
.lightblue { color: #000000; background-color: #CCCCFF }

.rcol { float: right; margin-left: 15px; margin-right: 50px }
.rcolthin { float: right; margin-left: 0px; margin-right: 0px }
.tabletwo { font-family: Arial; font-size: 12px; font-style: normal; 
		v-align: center; margin-left: 20px  }
.tabletwo .darkblue { font-size: 13px }
.tabletwo b { font-size: 13px }

.tab { margin-left: 30px }


.content { font-family:  Arial, Verdana, sans-serif; font-size: 13px; 
			font-style: normal; font-weight: normal;
		    margin-left: 20px; line-height: 17px }
.content div { display: block }
.content p { margin-left: 20px }

#front { float: right; margin-left: 15px; margin-right: 10px}
#appthree { float: right; margin-top: 20px }
#apptwo { position: relative; top: 30px; left: 15px; z-index: 2 }

/* GLOBAL Wastewater Layout CSS */

.body { position: relative; width: 700px; margin: 0px auto; text-align: left }

.content { position: absolute; width:530px; top: 200px; left: 165px }

.title { position: absolute; top: 0px; left: 5px}
	.logo { position: absolute; top: 0px; left: 0px}
	.globe { position: absolute; top: 18px; left: 36px; z-index: 2 }

.top { position: absolute; top: 131px; left: 7px }
	.web { position: absolute; top: 0px; left: 0px  }
	.blue { position: absolute; top: 0px; left: 170px  }
	.tan { position: absolute; top: 21px; left: 0px  }
	.right { position: absolute; top: 0px; left: 685px }

	.treatment { position: absolute; top: 14px; left: 213px; z-index: 2 }
	.animal { position: absolute; top: 14px; left: 435px; z-index: 2 }
	.tanks { position: absolute; top: 40px; left: 320px; z-index: 2 }
	.recycle { position: absolute; top: 40px; left: 531px; z-index: 2 }


.side { position: absolute; top: 201px; left: 8px }
	.one { position: absolute; top: 0px; left: 0px }
	.two { position: absolute; top: 30px; left: 0px }
	.three { position: absolute; top: 51px; left: 0px }
	.four { position: absolute; top: 71px; left: 0px }
	.five { position: absolute; top: 92px; left: 0px }
	.six{ position: absolute; top: 113px; left: 0px}
	.seven { position: absolute; top: 134px; left: 0px }
	.eight { position: absolute; top: 155px; left: 0px }
	.nine { position: absolute; top: 180px; left: 0px }
	
#diagrabox { position: relative; top: 0px; left: 0px; display: block }
	#diagraone { position: absolute; top: 57px; left: 76px; z-index: 3 }
	#diagratwo { position: absolute; top: 78px; left: 190px; z-index: 3 }
	#diagrathree { position: absolute; top: 83px; left: 280px; z-index: 3 }
	#diagrafour { position: absolute; top: 84px; left: 371px; z-index: 3 }
	#diagrafive { position: absolute; top: 84px; left: 387px }
	#diagrasix { position: absolute; top: 201px; left: 293px; z-index: 3  }
	#diagrasixtwo { position: absolute; top: 211px; left: 334px; z-index: 4  }
	#diagrasixthree { position: absolute; top: 103px; left: 175px; z-index: 2 }
	#diagrasixthreec { position: absolute; top: 108px; left: 181px; z-index: 4 }
	#diagrasixthreeb { position: absolute; top: 200px; left: 330px; z-index: 4 }
	#diagrasixthreea { position: absolute; top: 115px; left: 195px; z-index: 4 }
	#diagraseven { position: absolute; top: 203px; left: 191px; z-index: 3 }
	#diagraeight { position: absolute; top: 199px; left: 109px; z-index: 3 }	
	#diagranine { position: absolute; top: 173px; left: 32px; z-index: 3 }	



#done { position: absolute; top: 135px; left: 205px; display: none; z-index: 5;
		background-color: #F9F7B6; width: 250px; padding: 5px 10px 5px 10px; font-size: 12px;
		border: 1px ridge #F9F7B6 }
#dtwo { position: absolute; top: 200px; left: 90px; display: none; z-index: 5;
		background-color: #F9F7B6; width: 250px; padding: 5px 10px 5px 10px; font-size: 12px;
		border: 1px ridge #F9F7B6 }
#dthree { position: absolute; top: 130px; left: 80px; display: none; z-index: 5;
		background-color: #F9F7B6; width: 180px; padding: 5px 10px 5px 10px; font-size: 12px;
		border: 1px ridge #F9F7B6 }
#dfour { position: absolute; top: 110px; left: 210px; display: none; z-index: 5;
		background-color: #F9F7B6; width: 230px; padding: 5px 10px 5px 10px; font-size: 12px;
		border: 1px ridge #F9F7B6}
#dfive { position: absolute; top: 110px; left: 210px; display: none; z-index: 5;
		background-color: #F9F7B6; width: 250px; padding: 5px 10px 5px 10px; font-size: 12px;
		border: 1px ridge #F9F7B6 }
#dsix { position: absolute; top: 130px; left: 80px; display: none; z-index: 5;
		background-color: #F9F7B6; width: 180px; padding: 5px 10px 5px 10px; font-size: 12px;
		border: 1px ridge #F9F7B6  }
#dseven { position: absolute; top: 110px; left: 210px; display: none; z-index: 5;
		background-color: #F9F7B6; width: 230px; padding: 5px 10px 5px 10px; font-size: 12px;
		border: 1px ridge #F9F7B6 }
#deight { position: absolute; top: 100px; left: 30px; display: none; z-index: 5;
		background-color: #F9F7B6; width: 250px; padding: 5px 10px 5px 10px; font-size: 12px;
		border: 1px ridge #F9F7B6 }
#dnine { position: absolute; top: 100px; left: 30px; display: none; z-index: 5;
		background-color: #F9F7B6; width: 250px; padding: 5px 10px 5px 10px; font-size: 12px;
		border: 1px ridge #F9F7B6 }