.nav {width:20% }
.header {width:100%}
.main {width:65%}
.spacer {width:10%}



body {background-image:url(background.gif);   <!--color: white;  #d4ecfb; -->      font-size: 20px; font-family: comic sans ms; color: blue;}

h1 {font-family:"rockwell extra bold",  "comic sans ms"; color:navy; font-size:30px;} 

h2 {font-family:"comic sans ms",  "comic sans ms"; color:navy; font-size:25px;} 

h3 {font-family:"rockwell extra bold",  "comic sans ms"; color:black; font-size:30px;}

p {font-family: "comic sans ms"; font-weight:bold;  color:navy;} <!-- font-style: italic; --> 

p {font-size:17px;}


a {display:block; text-decoration:none; width:9em; margin:10px; color:white;font-family:"Trebuchet MS", Verdana, sans-serif} 
/*remove the underlining, set the color to darkish brown, and display as block elements to make them go down the left side of the page */
	
a:link, a:visited {background:#342D7E; border:2px outset black; } 
/* give unvisited and visited links a light orange background and an outset border of the same color to make it look like a button */
	
a:focus, a:hover {background:white; border:2px outset #CD8E51; color:navy;} 
/* give buttons that are hovered over or that have focus a darker background and border, as well as black text; bold formatting makes the text jump around to much */
	
a:active {background:#93a9d5;border:2px outset #AF6A27} 
/*give buttons when they are clicked ("active"), an even darker background */


		


#header a {display:inline; height:100ppx; margin:0px; padding:0px; width:100%;}

#nav {display:inline; line-height: 300%; height:300px; float:left; margin:0px; padding:0px; width:25%;} 



#main {float:right; bgcolor : red; height:350px; margin:5px; padding:0px;  width:65%;}

#footer a {height:150px; margin:0px; padding:0px; width:100%;}








tr {text-align:left; color:navy;}