body
{
text-align: center;
text-decoration: none;
font: 100% arial, helvetica, sans-serif;
color: #000000;
background: #006699 none;
background-image: url(water_bkgd.jpg);
}

a:link {color: #036; text-decoration: none; background-color: #FFFFFF}
a:visited {color: #036; text-decoration: none; background-color: #FFFFFF}
a:hover {color: #006633; text-decoration: none; background-color: #CCCCCC;}
a:active {color: #CC3300; text-decoration: none; background-color: #FFFFFF}
p {text-indent: 1em;}
a img {border: none; text-decoration: none;}

#container
{
width: 980px;
margin: 12px auto;
padding: 3px #666666;
font: 100% arial, helvetica, sans-serif;
text-align: left;
color: #333;
background: #fff none;
border: 0px #666666;
line-height: 130%;
}

/*header for logo and pictures*/
#top
{
padding: 0px;
color: #fff;
background: #fff none;
border-bottom: 0px solid gray;
}

/*main-menu at top*/
#topnavcontainer{border-bottom: 2px solid gray;}
#topnavcontainer a,
#topnavcontainer ul
{
margin: 0;
padding: 0;
position: relative;
}
#topnavcontainer li {display: inline;}

/*1st level menu*/
#topnavcontainer ul
{
font-size: 140%;
padding: 2px 0;
margin: 0.5em 0.5em 0.5em 0.5em;
}

#topnavcontainer ul a,
#topnavcontainer ul a:link,
#topnavcontainer ul a:visited
{
text-decoration: none;
padding: 0px 5px;
color: #036;
background: #fffff none;
border: 0px solid #036;
}
#topnavcontainer ul a:hover,
#topnavcontainer ul a:focus
{
border: 0px solid #036;
color: #ffffff;
background: #c05d12 none;
}

/*1st level menu current link*/
#topnavcontainer ul a#current,
#topnavcontainer ul a#current:link,
#topnavcontainer ul a#current:visited { font-weight: bold; }

/*2nd level menu*/
#topnavcontainer ul ul
{
font-size: 80%;
position: absolute;
top: 30px;
right: 0px;
left: 5px;
width: 100%;
}
#topnavcontainer ul ul li
{
display: inline;
}
#topnavcontainer ul ul a,
#topnavcontainer ul ul a:link,
#topnavcontainer ul ul a:visited
{
color: #036;
background: #eee none;
border: 1px solid #036;
}
#topnavcontainer ul ul a:hover,
#topnavcontainer ul ul a:focus
{
color: #fff;
background: #8dadc5 none;
border: 1px solid #036;
}


/*main info box*/
#content
{
font: 100% georgia, garamond, times, "times new roman", serif;
text-align: left;
margin: 12px 24px 12px 24px;
padding: 1em;
}

/*header and list style in main info box*/
#content h1 { margin: 0 0 .5em 0; text-align: left; color: #266ea4; font-family: arial, helvetica, sans-serif; font-size: 135%;}
#content h2 { margin: 0 0 .5em 0; text-align: left; color: #000000; font-family: arial, helvetica, sans-serif; font-size: 125%;}
#content h3 { margin: 0 0 .5em 0; text-align: left; color: #000000; font-family: arial, helvetica, sans-serif; font-size: 115%;}
#content h4 { margin: 0 0 .5em 0; text-align: left; color: #000000; font-size: 100%; font-weight: bold;}
#content h5 { margin: 0 0 .5em 0; text-align: left; color: #000000; font-size: 100%; font-style: italic;}

.clearright { clear: right; }

.clearleft { clear: left; }

.clearboth { clear:both; }

.alignmiddle { margin: 15px 210px 0px 210px; }

/*images on right and left side of  box*/
.imagefloatright
{
float: right;
padding: 0px;
margin: 20px 20px 20px 20px;
}

.imagefloatleft
{
float: left;
padding: 0px;
margin: 10px 20px 20px 0px;
}

/*footer for copyright etc*/
#footer
{
clear: both;
/*height: 20px;*/
margin: 0;
padding: .5em;
text-align: right;
font-size: 90%;
color: #666;
background: #ddd none;
border-top: 1px solid gray;
}

/*404 Error page*/
#404content
{
font: 80% verdana, arial, helvetica, sans-serif;
text-align: left;
color: Black;
background: White;
border: 5px solid #0066cc; 
padding: 4px;
margin: 10px 10px 10px 10px;
width: 400px;
}