/* 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 : #C0C0C0;
	text-decoration : none;

	}

a:visited {
	color : #C0C0C0;
	text-decoration : none;

	}

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

a:active {
	color : #C0C0C0;
	text-decoration : none;

}

body  { background-color: #996; text-align: left }

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

h2   { color: #996; 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 {
	text-align: center;
	font-color: #ffffff;
	background-color:#000000;
	width: 20%;
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid #000000;
	border-width: 1px;

}

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


.leftmenu  { background-color: #330; 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: #cc9; position: absolute; top: 160px; width: 100%; height: 35px }

#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{
	position: absolute;
	background-color: #000000;
	left:0px;
	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: #000000; font-size: 11px; background-color: #cc9; text-align: center; padding-top: 10px; position: relative; bottom: 0; width: 100%; overflow: visible }