BODY { position: relative; min-width: 670px; width: 670px; margin: 0; padding: 0; }
#top { position: absolute; top: 0;  left: 20; min-width: 670px; width: 670px; height: 100px; text-align: center;}
#nav { position: absolute; top:130px; left: 20; min-width: 670px; width: 670px; margin-top: 1%; text-align: center;}
#middle { position: absolute; top:180px;  left: 20; text-align: left; min-width: 670px; width: 670px; margin-top: 1%; vertical-align: top;}


/* HR styles need for IE/Win. */
HR.holder { width:600px; visibility: hidden; } /* Equal to 'top' */
HR.left, HR.right { width: 120px; visibility: hidden; }
HR.middle { width: 360px; visibility: hidden; } 

/* These HR styles replace the above, and are needed for Netscape 4.x. 
   Left and right margins are half the relevant DIV width */
HR.holder { width:0; margin: 0 300px; } /* Equal to 'top' */
HR.left, HR.right { width: 0; margin: 0 60px; }
HR.middle { width: 0; margin: 0 180px;  } 

/* DIVs must have a border value set in Netscape 4.x */
DIV { border: none; }
.smallhead { font-size: 13px; font-family: Verdana, Arial, sans-serif; font-weight: bold }
li    { font-size: 13px; line-height: 18px; vertical-align: text-top }
body { color: black; font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: white; text-align: center;}
table { color: black; font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: white }
.bigger { font-size: 12px; font-weight: bold; line-height: 15px }
.highlight { color: #36c }
a:link { color: #36c }
a:visited  { color: #36c }
a:hover { color: #090 }
a:active { color: #9cf }
h3 { font-size: 14px; font-weight: bold;  }
.smalltext  { font-size: 9px }
h2 { font-size: 20px; font-weight: bold;  }