#bluebackground {background-color: #2222A0; }

#whiten {color: white; }
.whiten {color: white; }

#golden {color: #C5B358; }
.golden {color: #C5B358; }

#bolden {font-weight: bold; }
.bolden {font-weight: bold; }


.blacktext { 
      font-family: verdana, arial, helvetica, sans-serif; 
      color: black; 
      font-weight: normal; 
      font-size: 12px; 
      vertical-align: top; 
}


.pagetitle {
      font-family: verdana, arial, helvetica, sans-serif; 
      color: purple; 
      font-weight: bold;   
      font-size: 18px; 
      vertical-align: top; 
      text-align: center;
} 

.subtitle  {
      font-family: verdana, arial, helvetica, sans-serif; 
      color: black; 
      font-weight: bold; 
      font-size: 14px; 
      vertical-align: top; }


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
      vertical-align: top;
}


body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
      color: "black";
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
      vertical-align: top;
}


a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
      color: blue;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
      vertical-align: top;
}


a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
      color: blue;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
      vertical-align: top;
}


a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: gray;
      font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: blink;
      vertical-align: top;
}


a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
      color: blue;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
      vertical-align: top;
}


<html>
<!-- H1 = Page heading (centered, larger, purple, bold) --> 
<!-- H2 = sub heading (navy blue) -->
<!-- H4 = mid heading -->
<!-- H3 = Main text (12 point) -->
</html>