body    {background-color: white;}

.header1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
}
.TopicHeader {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}

p: first-letter{color: blue; font-size: 200%;}

<!-- new stuff for navigation -->
#left_nav{
   float: left;
   margin: 0;
   padding: 5px;
}

<!-- link styles must be listed in this order
:link, :visited, :visible, :focus, :hover, :active  -->

#left_nav ul{
  text-align: left;
  margin: 5px 5px 5px 0px;
  padding: 0;
  list-style:none;
}

#left_nav li{
  margin-top: 3px;
  width: 150px;
  background-color:#0099FF;
  padding-left: 1mm;
  font-family:"Arial, Helvetica, sans-serif";
  font-weight:bold;
    
 
}

<!-- unvisited = color is blue
left_nav li 
a:link {color: #000ff;
}
background: url("sky_cloud_1.jpg");  -->

<!-- visited = color is purple 
#left_nav li 
a:link {color: #000ff;
}  -->

<!-- hover color is white 
#left_nav li a:hover
{color: blue;}  -->

<!-- active = color is white
left_nav li 
a:active {color: #ff0000;  text_decoration: none;} -->