body {padding:0; margin:0; color:#000000}
br{font-size:10px}
.s{font-family:Tahoma; font-size:10px;  color:#AFB0B5; text-decoration:none}
.s1{font-family:Tahoma; font-size:11px;  color:#7C7C7C; text-decoration:none}
.s2{font-family:Tahoma; font-size:11px;  color:#616060; text-decoration:none}
.s3{font-family:Tahoma; font-size:11px;  color:#7A7A7A; text-decoration:none}
.s4{font-family:Tahoma; font-size:10px;  color:#7F7F7E; text-decoration:none}
.red{font-family:Tahoma; font-size:11px;  color:#B22418;}
.red1{font-family:Tahoma; font-size:11px;  color:#BD181D; text-decoration:none}
.blue{font-family:Tahoma; font-size:10px;  color:#0191D4;}
.blue1{font-family:Tahoma; font-size:11px;  color:#4DA8DB;}
.blue2{font-family:Tahoma; font-size:11px;  color:#0374DB;}
.blue3 {font-family:Tahoma;	font-size:12px;	color:#0374DB; font-weight: normal;}
.blue4 {font-family:Tahoma;	font-size:14px;	color:#0374DB; font-weight: normal;}
.b{font-family:Tahoma; font-size:11px;  color:#4F4F4F;}
.green{font-family:Tahoma; font-size:11px;  color:#69A033;}
.green1{font-family:Tahoma; font-size:11px;  color:#69A033;text-decoration:none}
.b2{font-family:Tahoma; font-size:11px;  color:#6F6F6F;text-decoration:none}
.b3{font-family:Tahoma; font-size:11px;  color:#666665;text-decoration:none}
.b4{font-family:Tahoma; font-size:11px;  color:#5C5B5B;}
.b5{font-family:Tahoma; font-size:11px;  color:#41433F;}
.b6 {font-family:Tahoma; font-size:12px; color:#000000;}
.w{font-family:Tahoma; font-size:11px;  color:#FFFFFF; text-decoration:none}
.w1 {font-family:Tahoma; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight: bold;}
.redbold1{font-family:Tahoma; font-size:12px; color:#FF0000; font-weight: bold;}
.redbold2{font-family:Tahoma; font-size:14px; color:#FF0000; font-weight: bold;}
.redbold3{font-family:Tahoma; font-size:16px; color:#FF0000; font-weight: bold;}
.blackbold1{font-family:Tahoma; font-size:12px; font-weight:bold; color:#000000;}
.blackbold2{font-family:Tahoma; font-size:14px; font-weight:bold; color:#000000;}
.blackbold3{font-family:Tahoma; font-size:16px; font-weight:bold; color:#000000;}
.blue3Bold1 {font-family:Tahoma; font-size:12px; color:#0374DB; font-weight: bold;}
.blue3Bold2 {font-family:Tahoma; font-size:14px; color:#0374DB; font-weight: bold;}
.blue3Bold3 {font-family:Tahoma; font-size:16px; color:#0374DB; font-weight: bold;}
.greenbold1 {font-family:Tahoma; font-size:12px; color:#00B050; font-weight: bold;}
.greenbold2 {font-family:Tahoma; font-size:14px; color:#00B050; font-weight: bold;} 
.greenbold3 {font-family:Tahoma; font-size:16px; color:#00B050; font-weight: bold;} 

#input{width:160px; height:21px;}
		 
#input1{width:134px; height:21px;}
		
#textarea{width:102px; height:48px; border-width:1px; border-style:solid;	border:none; background-color:#F0EAE3; overflow:auto}

.m1cell {background-image:url(images/m1.gif); background-position:left; background-repeat:no-repeat}
.m2cell {background-image:url(images/m2.gif); background-position:left; background-repeat:no-repeat}
.m3cell {background-image:url(images/m3.gif); background-position:left; background-repeat:no-repeat}
.m4cell {background-image:url(images/m4.gif); background-position:left; background-repeat:no-repeat}
.m5cell {background-image:url(images/m5.gif); background-position:left; background-repeat:no-repeat}
.m6cell {background-image:url(images/m6.gif); background-position:left; background-repeat:no-repeat}
.m7cell {background-image:url(images/m7.gif); background-position:left; background-repeat:no-repeat}

.a1cell {background-image:url(images/a1.gif); background-position:right; background-repeat:no-repeat}

.bg1-1cell {background-image:url(images/bg1-1.gif); background-position:bottom; background-repeat:no-repeat}
.bg1-3cell {background-image:url(images/bg1-3.gif); background-position:bottom; background-repeat:no-repeat}
.bg1-4cell {background-image:url(images/bg1-4.gif); background-position:bottom; background-repeat:no-repeat}
.bg2-acell {background-image:url(images/bg2-a.gif); background-position:top; background-repeat:no-repeat}
.bg2-bcell {background-image:url(images/bg2-b.gif); background-position:top; background-repeat:no-repeat}
.bg2-1cell {background-image:url(images/bg2-1.gif); background-position:top; background-repeat:no-repeat}
.bg2-2cell {background-image:url(images/bg2-2.gif); background-position:top; background-repeat:no-repeat}
.bg2-3cell {background-image:url(images/bg2-3.gif); background-position:bottom; background-repeat:no-repeat}
.bg2-4cell {background-image:url(images/bg2-4.gif); background-position:bottom; background-repeat:no-repeat}
.bg2-5cell {background-image:url(images/bg2-5.gif); background-position:bottom; background-repeat:no-repeat}
.bg2-6cell {background-image:url(images/bg2-6.gif); background-position:bottom; background-repeat:no-repeat}
.bg2-7cell {background-image:url(images/bg2-7.gif); background-position:bottom; background-repeat:no-repeat}
.bg2-8cell {background-image:url(images/bg2-8.gif); background-position:bottom; background-repeat:no-repeat}
.bg2-9cell {background-image:url(images/bg2-9.gif); background-position:bottom; background-repeat:no-repeat}


body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
.m {font-family: Tahoma; font-size: 10px; color: #FFFFFF;}
td {font-family: Tahoma; font-size: 10px; color: #6A6A6A;}
a {color: #D9350F;}
.mm {color: #6A6A6A; text-decoration: none;}
.txt1 {font-family: Tahoma; font-size: 10px; color: #6A6A6A;}
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Tahoma;
line-height:18px;
z-index:100;}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 2px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
color:#000000;
font-size:10px;}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #0090B2;
color:#FFFFFF
}

#info {position:relative;}
p.bold {padding-left:15px; color:#c00;}
a.linkup {position:relative;}
a.buttonup {position:absolute; top:200px; left:650px; border:0;}
a.buttonup img {border:0;}
.gleft {float:left; margin:25px 0 10px 0;}
.gright {float:right; margin:25px 5px 10px 0;}
.grc {margin:20px 0 0 10px;}

.menu {width:708px; height:32px; font-size:0.80em; position:relative; z-index:100;border-right:1px solid #000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:703px; w\idth:704px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:116px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:116px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:116px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#0090B2 url(http://www.uswaterindustrial.com/images/m.gif) no-repeat; padding-left:11px; line-height:29px; font-family:Tahoma;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:116px; w\idth:116px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#ffffff url(http://www.uswaterindustrial.com/images/drop.gif) bottom right no-repeat; color:#000000; font-family:Tahoma;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#0090B2; color:#FFFFFF; font-family:Tahoma;}
.menu ul ul :hover > a.drop {background:#0090B2 url(http://www.uswatersystems.com/images/drop.gif) bottom right no-repeat; color:#ffffff; font-family:Tahoma;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ffffff; color:#000000; font-family:Tahoma;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#0090B2; color:#FFFFFF; font-family:Tahoma;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ffffff; color:#000000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px; font-family:Tahoma;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{background:#0090B2; color:#FFFFFF; font-family:Tahoma;}
.menu :hover > a, .menu ul ul :hover > a {background:#0090B2; color:#FFFFFF; font-family:Tahoma;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}