/* created  2006 by Libra Design and Media. Duplication or redistribution is strictly prohibited. */

/* since mostly the same font is used throughout a site, to be able to change it faster you can have a font-family only tag for all */

body, h1, h2, h3, p, td, span {
	font-family : "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/* html tags */

a:link	  { color: #009999; text-decoration: none }

a:visited  { color: #333; text-decoration: none }

a:hover	 { color: #666; font-weight: bold; text-decoration: underline }

a:active  { color: #066; text-decoration: none }

body   { background-color: white; text-align: left }

h1     { color: #009999; font-size: 17px; font-weight: bold; margin-top: 5px; margin-bottom: 0 }

h2    { color: gray; font-size: 13px; font-weight: bold; margin-top: 5px; margin-bottom: 0 }

h3   { color: #000000; font-size: 12px; font-family: Arial, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 3px; margin-top: 7px; margin-bottom: 0; margin-left: 10px }




p  { color: #000000; font-size: 9pt; text-decoration: none; margin: 6px 2px 0 }

ul  { color: #000000; font-size: 9pt; text-decoration: none; margin-top: 2px; margin-bottom: 0 }

/* classes */


.caption {
	text-align: center;
	font-size: 9px;

}

.menubk  { background-color: white; text-align: center; padding-top: 5px; padding-bottom: 5px; width: 20%; border: solid 1px #000000; font-color: #ffffff }

.footer     { color: white; font-size: 11px; text-align: center; margin-top: 0; margin-bottom: 0; font-color: #000000    }


.leftmenu    { background-color: white; text-align: center; padding-top: 2px; padding-bottom: 2px; width: 90%; height: 40px; font-color: #ffffff   }


/* layers (div) 
"container" just holds everything else, manages width of page content. Like table is relative to its cells.
"content" does the same for the lower part of the page*/


#container{
	position:absolute;
 	width:790px;
 	z-index:1;
 	margin-left:-395px;
 	left: 50%;
	
}


#top{
	position:absolute;
	left:0px;
	top:20px;
	overflow: visible;
	}
	
#menubar  { background-color: white; position: absolute; top: 160px; width: 100%; height: 65px }

#dropmenudiv { font: 12px/18px Verdana; background-color: #cc9; position: absolute; z-index: 100; border-style: solid; border-width: 1px 1px 0; border-color: black }

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

#dropmenudiv a:hover { color: #ffffff; background-color: #cc9 }



#button a:active {
	color: #FFFFFF;
	text-decoration : none;

}


#content{
	position: relative;
	top:188px; 
	width:	100%;
	height:75%;
	background-color : #FFFFFF;
	text-align:left;
	
}

#left { background-color: white; 
position: absolute; left: 0; width: 150px; height: 100%; overflow: visible }



#text { 
	position: relative;
	top:10px;
	margin-left: 170px;
	margin-right: 20px;
	overflow:visible;
	background-url:(water.jpg);
	

}

#footer   { color: white; font-size: 11px; background-color: #099; text-align: center; padding-top: 2px; position: relative; bottom: 0; width: 100%; height: 100%; overflow: visible }