body {  
  font-family:verdana,arial,sans-serif,tahoma;
  font-size:82%;
  color:#000000;
  background-color:#ffffff;
  margin:0;
}

a:link { color:#0577ff; text-decoration:none }
a:visited { color:#2778b7; text-decoration:none }
a:hover { text-decoration:none; background-color:#fffdaa }
a:active { color:#1a6bff; text-decoration:none }

img { border:0 }
ul { margin:5px 0 0 0; padding:0; list-style-type:none }
/* li { padding-left:8px; padding-top:1px; border-bottom:dotted 1px #d0d0ff } */
li { padding-left:8px }
acronym { cursor:help; border-bottom:dotted 1px #a0a0a0 }

#layout { margin:5px; text-align:left; padding:0; width:970px; margin-left:auto; margin-right:auto }
#header { width:970px; height:150px; margin-bottom:4px;
// margin-left:auto; margin-right:auto 
}
.title { font-family:Tahoma,Arial,sans-serif; font-size:130%; color:#000000 }
.hdr1 { font-family:Tahoma,Arial,sans-serif; font-size:130%; color:#de8f00 }
.small { font-size:85% }
sub,sup { font-size:85% }
.rare { letter-spacing:0.2em }

#menu { float:left; width:160px; margin:10px 0 0 0; padding:0px; overflow:hidden }

#menu li { border-bottom:dotted 1px #d0d0ff }
#menu li a { display:block; width:99%; color:#ee4444 }
#menu li a:visited { color:#a02222; text-decoration:none }
#menu li a:hover { background-color:#fffdaa }
#menu .li1 { padding-left:0; font-weight:bold; }

#mainContent { margin:10px 0 0 170px  }
#mainContent p { margin:7px 0 7px 0 }
#mainContent ul { margin:10px 0 10px 0; padding:0; list-style-type:disc; list-style-position:inside }
#mainContent ol { margin:10px 0 10px 3em; padding:0  }
.spacer { height:5px; clear:both }
#header img { margin:0; float:none; clear:none }

#mainContent h1 {
  font-family:arial,sans-serif;
  font-size:130%;
  letter-spacing:1px;
  color:#f98304;
  background-color:#edefff;
  padding:2px 2px 2px 10px;
  margin:10px 0 5px 0;
  clear:right
}
#mainContent h2 {
  font-family:verdana,tahoma,arial;
  font-size:120%;
  color:#333333;
  margin:0 0 3px 0;
}
.footer {
  font-size:80%;
  width:970px;
  text-align:center;
  clear:left;
  margin-bottom:0;
  padding:2px;
  background-color:#f8f8f8
}
.roottable td { vertical-align:top; width:50%; padding:5px 0 0 0; margin:0 }
.roottable img { float:left; margin: 0 5px 0 0; width:50px; height:50px }
.imgRight, .imgLeft { padding:10px 5px 5px 10px }
.imgRight { float:right }
/* Below style will not work correctly unless clear = "both" on the
   #mainContent h1 .footer class */
.imgLeft { float:left }