body {
background-image:	url('leaf-background.png');
background-position:	center;
} 

/*set up ids */
#head {
top:		0;
left:		0;
border:		#ffffff 1px solid;
width:		98%;
margin-top:	1%;
margin-left:	2px;
margin-bottom:	5%;
}


#maintext {
border:		#ffffff 1px dotted;
float:		left;
width:		70%;
margin-top:	0em;
margin-left:	2em;
}


#footer {
clear:			left;
border:			#ffffff 1px dashed;
text-align:		center;
width:			97%;
padding:		2px;
margin-left:		2px;
margin-right:		2px;
margin-top:		5%;
}


/*Navigator css*/
#nav p {
display:	none;
}

#nav {
border:		#ffffff 1px solid;
font-family:	Verdana, Helvitica, Arial;
font-size:	0.7em;
font-weight:	bold;

width:		19%;

border-right:	1px solid #ffffff;
padding:	0;

margin-bottom:	1em;
background-color:	#ffffff;
color:		#333;

float:		left;
margin-top:	1%;
margin-left:	2px;
height:		80%;
}

#nav ul {
list-stlye:	none;
margin:		0;
padding:	0;
}
#nav ul li {
margin:		0;
border-top:	1px solid #003;
}
#nav ul li a {
display:	block;
padding:	2px 2px 2px 0.5em;
border-left:	10px solid #369;
border-right:	1px solid #003;
border-bottom:	1px solid #369;
background-color:	#036;
color:		#fff;
text-decoration:	none;
width:		80%;
}
html>body	#nav ul li a {
width:		auto;
}

#nav ul li a:hover {
border-left:	10px solid #036;
border-right:   1px solid #69c;
border-bottom:  1px solid #369;
background-color:       #69f;
color:	#fff;
}






h1 {
background-color:	#ffffff;

}

h2 {
background-color:	#ffffff;
}



p {
background-color:	#ffffff;

}