/*------------------------------------------------------------
   GLOBAL
------------------------------------------------------------*/
body
{
   font-family: arial, helvetica, verdana, sans-serif;
   text-align: center;
   margin: 0 auto;
   padding: 0;
   background-color: #e1f1f7;
}

img { border: 0px; }

a:link, a:visited { color: #32dce2; text-decoration: underline; }
a:active, a:hover { color: #07374a; text-decoration: underline; }

/*------------------------------------------------------------
   Header
------------------------------------------------------------*/
.page
{
   background-image: url(../images/water/contentbg.gif);
   text-align: left;
   background-color: #fff;
   margin: 0px auto 0px auto;
   padding: 0px;
   width: 760px;
}

.nav
{
   background-image: url(../images/water/navbg2.jpg);
   background-repeat: no-repeat;
   margin: 0px;
   padding: 0px;
   width: 760px;
   height: 18px;
}

.navLeft
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 9px;
   font-weight: bold;
   color: #fff;
   width: 622px;
   float: left;
}

.navRight
{
   font-family: arial, helvetica, sans-serif;
   font-size: 9px;
   font-weight: bold;
   color: #fff;
}

.navLeft p  { margin: 0px; padding: 4px 0px 0px 17px; }
.navRight p { margin: 0px; padding: 4px 0px 0px 6px; }

.navright a, .navright a:link, .navright a:visited { color: #fff; text-decoration: none; }
.navright a:hover, .navright a:active { color: #fff; text-decoration: underline; }

/*------------------------------------------------------------
   Search box
------------------------------------------------------------*/
.search
{
   background-image: url(../images/water/searchbg.gif);
   width: 760px;
   height: 26px;
}

.search form 
{ 
   margin: 0;
   padding: 0;
   display: inline; 
}

.searchLeft
{ 
   text-align: right; 
   padding-top: 6px;
   width: 618px;
   float: left; 
}

.searchRight 
{
   display: inline;
}

.searchRight input
{ 
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 9px;
   margin: 5px 0px 0px 4px;
   padding: 0px;
   width: 120px;
   height: 16px;
}

/*------------------------------------------------------------
   Content Areas
------------------------------------------------------------*/
.contentFrame
{
   margin: 0px;
   padding: 0px 0px 30px 0px;
   float: left;
   display: inline;
   width: 622px;
}

.contentFrame h1
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 14px;
   font-weight: bold;
   margin: 0px 0px 14px 10px;
   padding: 6px 6px 6px 8px;
   color: #fff;
   background-color: #07374a;
}

.content
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 14px;
   line-height: 16px;
   color: #fff;
   
   margin: 10px 15px 0px 25px;
   padding: 0px;
   border: solid 0px #999;
   width: 575px;
}

.content h2, .content h3
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #fff;
}

.content input, content textarea, content submit
{ 
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
}

.content td, .content th
{ 
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 14px;
   line-height: 16px;
   color: #fff;
}

/*------------------------------------------------------------
   Services: News Box & Banners
------------------------------------------------------------*/
.services
{
   margin: 20px 0px;
   width: 580px;
}

.newsBox
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   background-color: #fff;
   color: #000;
   margin: 0px;
   padding: 0px;
   width: 348px;
   /* height: 175px; */
   float: left;
   display: inline;
}

.newsBox h1
{
   background-color: #07374a;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 9px;
   font-weight: bold;
   color: #fff;
   margin: 0px;
   padding: 5px 0px 5px 10px;
}

.newsBox p
{
   margin: 12px 10px 0px 10px;
}

.newsBox a:link, .newsBox a:visited { color: #17627f; font-weight: bold; text-decoration: none; }
.newsBox a:hover, .newsBox a:active { color: #17627f; font-weight: bold; text-decoration: underline; }

.services .banners
{
   width: 212px;
   float: right;
}

/*------------------------------------------------------------
   Menu
------------------------------------------------------------*/
.menu 
{
   float: right;
   width: 128px;
   margin-right: 10px;
   border: solid 0px #999;
}

.menu h2
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 9px;
   font-weight: bold;
   color: #fff;
   /* background-color: #07374a; */
   background-color: #22708f;
   padding: 3px 0px 6px 6px;
   margin: 0px;
}

.menu ul
{
   list-style-type: none;
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   line-height: 15px;
   color: #17627f;
   margin: 0px;
   padding: 0px;
}

.menu li
{
   /* padding: 2px 2px 2px 6px; */
   margin: 0px;
   border-bottom: solid 1px #62a0b8;
}

/* .menu li:hover { background-color: #07374a; color: #fff; } */
.menu li:hover { background-color: #22708f; color: #fff; }

.menu li a { display: block; padding-left: 6px; }
.menu li a:link, .menu li a:visited { color: #17627f; text-decoration: none; }
.menu li a:hover, .menu li a:active { background-color: #22708f; color: #fff; text-decoration: none; }

.menu .logo { margin: 20px 0px 0px 22px; }

/*------------------------------------------------------------
   EMAIL / PRINT
------------------------------------------------------------*/
.function
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   text-align: center;
   color: #17627f;
   width: 64px;
}

.function a:link, .function a:visited { color: #07374a; text-decoration: none; }
.function a:hover, .function a:active { color: #07374a; text-decoration: underline; }

/*------------------------------------------------------------
   PRINT VERSION OF PAGE
------------------------------------------------------------*/
.printPage
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 14px;
   line-height: 16px;
   text-align: left;
   color: #000;
   margin: 20px;
}

.printPage h1 { font-size: 24px; }
.printPage h2 { font-size: 18px; }

/*------------------------------------------------------------
   FOOTER
------------------------------------------------------------*/
.footer
{
   background-image: url(../images/water/footerbg.gif);
   text-align: center;
   width: 760px;
   height: 35px;
   clear: both;
}

.footer p
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 9px;
   font-weight: bold;
   color: #fff;
   padding-top: 6px;
}

.footer a, .footer a:link, .footer a:visited { color: #fff; text-decoration: none; }
.footer a:hover, .footer a:active { color: #fff; text-decoration: underline; }