html {
	margin: 0px;
	padding: 0px;
	}

body {
	color: #382D00; 
	font-family: serif;
	font-size: 12pt; 
	background: #F8F5BA;
	background-image: url("images/lines.jpg");
	background-repeat: repeat-x;
	margin: 0px; 
	padding: 0px;
	}

hr {
	color: #382D00; 
	}

 p {
	margin-left: 180px; 
	margin-right: 30px;
	margin-top: 0px; 
	}

/* 
due to issues in Netscape
not interpretting OL correctly
I am using indent classes to
create the ordered list
with I, a, i, 1
the normal "p" tag creates 
the right indent for I.
  */

 p.indenta {
	margin-left: 200px; 
	margin-right: 30px;
	margin-top: 0px; 
	}

 p.indenti {
	margin-left: 220px; 
	margin-right: 30px;
	margin-top: 0px; 
	}

 p.indent1 {
	margin-left: 240px; 
	margin-right: 30px;
	margin-top: 0px; 
	}


 h1 {
	margin-left: 180px;
	font-size: 25pt;
	}


 h2 {
	margin-left: 180px;

	}

OL {
	list-style:decimal outside;
	margin-left: 180px;
	margin-right: 30px;
	}

UL {
	
	margin-left: 180px;
	margin-right: 30px;
	}

.secondUL {
	margin-left: 20px;
	}


img {
	border: 0px;
	}

.title_p { 
	position: absolute;
	top: 0px;
	left: 120px;
	font-size: 40pt;
	text-align: center;
	}

.center {
	text-align: center;
	}

a:link {color: #000000;}     /* unvisited link */
a:visited {color: #957A33;}  /* visited link */
a:hover {color: #5E8B29;}   /* mouse over link */
a:active {color: #6D5411;}   /* selected link */ 

.nav {
	font-color: #000000;
	background-color: #5E8B29;
	}

.nav-on {
	font-color: #F8FB7B;
	background-color: #F8FB7A;
	}



#home { 
	position: absolute;
	top: 275px;
	left: 30px; 
    	z-index: 15;
	}

#about {
	position: absolute;
	top: 344px;
	left: 27px; 
   	z-index: 15;
	}

#library { 
	position: absolute;
	top: 415px;
	left: 24px; 
    	z-index: 15;
	}

#links { 
	position: absolute;
	top: 485px;
	left: 34px; 
    	z-index: 15;
	}

#home a { 
	color: #000000;
	font-size: 16pt;
	font-weight: bold;
	text-decoration: none;
	}

#about a {
	color: #000000; 
	font-size: 16pt;
	font-weight: bold;
	text-decoration: none;
	}

#library a { 
	color: #000000;
	font-size: 16pt;
	font-weight: bold;
	text-decoration: none;
	}

#links a { 
	color: #000000;
	font-size: 16pt;
	font-weight: bold;
	text-decoration: none;
	}

#home li {
    display: inline;
    list-style: none; white-space: nowrap;

}


#about li {
    display: inline;
    list-style: none; white-space: nowrap;

}

#library li {
    display: inline;
    list-style: none; white-space: nowrap;

}


#links li {
    display: inline;
    list-style: none; white-space: nowrap;
  
}

.topleft { 
	position: absolute;
	top: 0px;
	left: 0px; 
	}

.title { 
	position: absolute;
	top: 15px;
	left: 300px; 
	}

.text { 
	position: absolute;
	top: 240px;
	left: 0px;
	right: 0px; 
	z-index: 1;
	}

.buttons { 
	position: absolute;
	top: 260px;
	left: 50px; 
	z-index: 5;
	}

.dag_home { 
	position: absolute;
	top: 285px;
	left: 0px; 
	z-index: 10;
	}
.dag_about { 
	position: absolute;
	top: 355px;
	left: 0px; 
	z-index: 10;
	}

.dag_library { 
	position: absolute;
	top: 420px;
	left: 0px; 
	z-index: 10;
	}

.dag_links { 
	position: absolute;
	top: 485px;
	left: 0px; 
	z-index: 10;
	}