body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #003366;
	margin: 0; /* it's good practice to zero the margin and padding of the 
body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The 
text is then set to the left aligned default in the #container selector */
	color: #000000;
}

a:link {

	color: #696969;

	font-weight: bold;

	text-decoration: none;

}
a:visited {

  color: #904841;

  font-weight: bold;

  text-decoration: none;

}

/* Sets the style for links on mouseover. */

a:hover {

	color: #Ffffcc;

	background-color: #003366;

}

/* Sets the style for a link that has focus. */

a:focus {

  color: #bf1c1c;

}

/* Sets the style for a link that is being activated/clicked. */

a:active {

	color: #003366;

}
	 #container {
	width: 800px;  /* this width will create a container that will fit in an 
800px browser window if text is left at browser default font sizes */
	background: #003366;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body 
element. */
	font-size: 100%;
	color: #000000
} 
 #karenspratt { 
	background: #ffffcc; 
	padding: 0 px;  /* this padding matches the left alignment of the 
elements in the divs that appear beneath it. If an image is used in the #header 
instead of text, you may want to remove the padding. */
} 
 #navbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFF99;
	text-align: center;
}
#table  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000
text-align: center;
	padding: 30px;
}

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 101%;
	background-color: #ffffcc;
	text-align: left;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
}