/* created  2007 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 */

* { margin: 0; padding: 0; }


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



/* html tags */

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

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

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

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

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

h1        { color: navy; font-size: 32px; 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; line-height: 12pt; 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    }



/* 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{
	width: 790px;
	position:absolute;
	text-align: center;
	left:0px;
	top:20px;
	overflow: visible;
	}
	
	
	
#dropmenudiv  { font-size: 8pt; line-height: 160%; background-color: #ff9; margin-top: 1px; margin-left: 0; padding: 3px; position: absolute; z-index: 100; width: 75px; border: solid 1px black }
 
#dropmenudiv a:link  { color: #333; font-weight: bold; text-decoration: none; width: 100% }
 
#dropmenudiv a:hover { color: #036; 
text-decoration: none; background-color: #ffffff; width: 100% }

	


#content{
	position: relative;
	top:50px; 
	background-color : #FFFFFF;
	text-align:left;
	
}



#text  { background-color: #fc6; margin-left: 0; position: relative; top: 0; overflow: visible }

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