body { 
  font-family: Verdana, "Times New Roman", serif;
  color: #006; 
  background-color: #eff;
  margin-left: 5%;
  margin-right: 5%;
}

h1 { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 2em;
  font-weight: bold;
  color: maroon;
  background-color: #eff;
  text-align: center; 
}
     
h2 { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
}


/* Ignore these until we get to links. Putting these here lets
   us use one style sheet through the entire presentation. 
*/
a:link { 
  color: #00e;
  background-color: inherit;
}
a:visited { 
  background-color: inherit;
  color: #e0e;
}
a:hover {
  color: #e00;
  background-color: inherit;
}
a:active { 
  color: #e00;
  background-color: inherit;
}

#dhtmltooltip {
	Z-INDEX: 100; BORDER-BOTTOM: black 1px solid; POSITION: absolute; TEXT-ALIGN: center; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); BORDER-LEFT: black 1px solid; PADDING-BOTTOM: 4px; LINE-HEIGHT: 20px; BACKGROUND-COLOR: #ffffcc; PADDING-LEFT: 4px; WIDTH: 20em; PADDING-RIGHT: 4px; DISPLAY: block; VISIBILITY: hidden; COLOR: #ff3300; BORDER-TOP: black 1px solid; TOP: 2em; BORDER-RIGHT: black 1px solid; PADDING-TOP: 4px; LEFT: -17em
}
#dhtmlpointer {
	Z-INDEX: 101; POSITION: absolute; VISIBILITY: hidden; LEFT: -300px
}