body {
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;
	margin-left: 3em;
	margin-right: 15em;
	padding: 0;
color: black;
}


a {color: #006699; text-decoration:none;}

ul { list-style-type: square; color:black; line-height:}

/* Note, the blue of the logo is rgb red=0, green=51 blue=102 which is #003366*/



 
#logo {width: 20em; float: left;}
#menu {font-weight; bold; line-height:1.8; margin-top: 1em;}
#menu a {font-weight; bold; line-height:1.8; margin-top: 1em; color: #339900;}
#menu a:hover {font-weight; bold; line-height:1.8; margin-top: 1em; color: #006699;}
#menu ul { list-style-type: square;}

/*h1 I don't use, h2 is the white text on blue, h3 is the left aligned black text*/


h1 {
	color: black;
	
	font-size: 2em;
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0.25em;
	font-style: italic;
	text-align: center;
	letter-spacing: 0.5em;
	border-bottom-style: solid;
	border-bottom-width: 0.5em;
	border-bottom-color: #c00;
}

h2 {
	color: white;
	background-color: #003366;
	font-size: 1.6;
text-align: left;
padding: 0.5em;
margin-right: 15em;
	
}

h3 {
	color: black;
	font-size: 1.4em;
line-height: 1;
margin-left; 3em;
margin-right: 15em;
}

h4 {
	color: black;
	font-size: 1em;
line-height: 1;
margin-right: 15em;
}




#contents a {text-decoration: underline;
}