<style type="text/css">
   body { text-align: center; margin: 0; padding: 0 } /* for IE6- */
   div#All { text-align: left; /* fix alignment for ie */
      margin: 0 auto 0 auto;
      width: 800px;
   }
   h1 { font-family: Verdana, Tahoma, Arial, sans-serif }
   h2 { font-family: Verdana, Tahoma, Arial, sans-serif }
   h3 { font-family: Verdana, Tahoma, Arial, sans-serif }
   p.Larger { font-size: larger; }
   p.Smaller { font-size: smaller; }
   a.Smaller { font-size: smaller; }
   a:link { color: #894bec; font-weight: bold; text-decoration: none }
   a:visited { color: #00993a; font-weight: bold; text-decoration: none }
   a:hover, a:active { color: red; text-decoration: underline }
   table { vertical-align: top; border: 0; text-align: left }
   td { vertical-align: top; text-align: left }
   img { padding: 2px; border: 0 }
   img.hot { border-color: #c9f6ff; color: #c9f6ff;
      border: solid; border-style: solid; border-width: 2px }
   img.hot:hover, img.hot:active { color: red;
      border-color: red; border: solid; border-style: solid;
      border-width: 2px }
   img.right { float: right; border-width: 7px; padding: 7px }
   img.left { float: left; border-width: 7px; padding: 7px }

   /* unused styles
   img { border-color: #ccc7b6; color: #ccc7b6;
      border: solid; border-style: solid; border-width: 2px }
   img:link, img:visited { border-color: #ccc7b6; color: #ccc7b6;
      border: solid; border-style: solid; border-width: 2px }
   img:hover, img:active { color: purple;
      border-color: purple; border: solid; border-style: solid;
      border-width: 2px }
   img { border-color: #ff0000; color: #ff0000;
      border: solid; border-style: solid; border-width: 2px }
   */
</style>
