body { 	background-color: white /*rgb(255, 255, 190)*/;
	color: black;
      }

body { 	font-family: Verdana, Arial, sans-serif;
	font-size: 11pt;
	}

body a:link { color: rgb(0, 0, 204);
		text-decoration: none;
		}

body a:visited { color: rgb(0, 0, 204);
		text-decoration: none;}

body a:hover { color: black;
		text-decoration: none;
	}

/* This makes the top picture flush with the top and left border*/
#headerpic { position: absolute;
		 left: 0em;
		 top: 0em; 
	}

/* This is the id for the navbar links on the side.*/

#navbar { position: absolute;
		top: 148px;
		left: 0em;
		font-family: Verdana, Arial, sans-serif;
		color: black;
	}



/*The following code modified from Stylin' with CSS */
div#navbar {border:0px solid #000; width:140px; font-size:.9em; margin:0px; 

background-color: rgb(255, 255, 190);}

div#navbar ul {border:0; margin:12px 20px 12px 1em; padding:0; list-style-type:none;}
div#navbar li {border-bottom:2px solid rgb(0, 0, 204); margin:0; padding:.2em 0; text-indent:0em}
div#navbar li:first-child {border-top:2px solid rgb(0, 0, 204);}
div#navbar a:link {text-decoration:none; color: rgb(0, 0, 204);}
div#navbar a:hover {color: black;}
div#navbar a:visited {text-decoration:none; color: rgb(0, 0, 204);}

/* a hack for IE Win only \*/	
* html div#navbar ul {border-top:2px solid rgb(0, 0, 204);}
/*end of hack */




/*Hopefully this will put the main content in the right place*/

#structure { margin-left: 10em;/*I played with these values a bit, may change it depending on what happens with the nav*/
		position: absolute;
		top: 160px;
		left: 5px; 
		/*right: 330px;*/
		width:600px;
		padding: 0px;

		background-color: white

		}

#content {	padding: 0em 0em 0em 0em;
		}