/* basic elements */
body { 


	/* background: white url(images/background2.png) no-repeat top left; */ 

	font: 10pt/16pt arial; 
	color: #000000; 
	margin: 0px; 
	}
p { 
	font: 10pt/16pt arial; 
	color: #000000; 
	margin-top: 0px; 
	}

h1 { 
	width:440px;
	height : 140px;
	margin : 20px -280px;
	align: center;
	background : url(images/name.png) no-repeat center;
	text-indent : -9999px; 
	}

h4 { 
	font: 8pt/16pt arial; 
	color: #333333; 
	}




h2 { 
	font: 16pt/24pt georgia; 
	color: #004400; 
	text-align: center;

	}



h3 { 
	width:224px;
	height : 35px;
	margin : 0;
	padding : 0;
	background : url(images/legend.png) no-repeat;
	text-indent : -9999px; 
	}
ul{ 	
	margin : 0px;
	padding : 0px 10px 20px 10px;
	}

li {
	width: 100px;
	list-style-type: none;
	font: 10pt/16pt arial; 
	color: #000000; 
	margin : 0px;
	padding : 1px ;
	border-bottom : 1px solid#CCCCCC;
	 }
li a {
	display : block;
	}
li:hover {
	background : url(images/lib.png) no-repeat 0px 50%;
	}

a:link { 
	text-decoration: none; 
	color: #000000;
	}
a:visited { 
	text-decoration: none; 
	color: #000000;
	}
a:hover, a:active { 
	text-decoration: no-underline; 
	color: #999999;
	font-weight : bold;
	}

div#site {	
	float: center;
	width : 700px;
	margin : 20px 0;
	padding : 0;
	text-align : left;
	}



div#content {	
	float: left;
	width : 700px;
	margin : -460px 230px;
	padding : 0;
	text-align : left;
	}

div#content_main {

	position : absolute; left : 40px; top : 400px;
	width : 600px;
	margin : -200px 200px;
	padding : 0;
	text-align : left;

	}

div#content_main2 {
	float : left;
	width : 100px;
	margin : 10px 90px;
	padding : 0;
	text-align : left;
	}


div#content_top {
	float : left;
	width : 300px;
	margin :  0;
	padding : 0;
 }



div#site_info {
	width : 100%; 
	margin: 0 360px; 
}




	
#navlist li {
	width: 140px;
	display : inline;
	}