/* 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%;

	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: 30px; overflow: visible }