#lh1-id { 
  margin:0 auto; 
  } 

  #lh2-id { 
  margin:0 auto; 
  } 

  #lh3-id { 
  margin:0 auto; 
  } 

  #lh4-id { 
  margin:0 auto; 
  } 

  #pageWrapper { 
  width: 1000px; 
  margin:0 auto; 
  } 

  #top_menu { 
  float: center; 
  width: 800px; 
  margin:0 auto; 
  } 

  #mid { 
  float: center; 
  width: 800px; 
  } 

  #main { 
  float: left; 
  width: 200px;
  top: 150px; 
  } 

  hr { 
  display:block; 
  visibility:hidden; 
  clear:both 
  } 

  body,p,div,span,li
  {
  font-family: verdana, arial; 
  font-size: 10pt; 
  color: #383838;
  font-weight: bold; 
  margin-left: 0px
  }
  
  table,tr,td
  {
  font-family: verdana, arial; 
  font-size: 10pt; 
  color: #5e5e5e;
  font-weight: bold; 
  margin-left: 0px
  }

  h1 {
  font-family: georgia, sans serif; 
  font-size: 16pt; 
  font-weight: bold; 
  color:#004400 
  }

  h2 {
  font-family: georgia, sans serif; 
  font-size: 15pt; 
  font-weight: normal; 
  color:#000055 
  }

  h3 {
  font-family: georgia, sans serif; 
  font-size: 14pt; 
  font-weight: normal; 
  color:#880000 
  }

  h4 {
  font-family: arial, sans serif; 
  font-size: 13pt; 
  font-weight: normal; 
  color:#880000 
  }

  h5 {
  font-family: arial, sans serif; 
  font-size: 12pt; 
  font-weight: normal; 
  color:#330066 
  }

  h6 {
  font-family: arial, sans serif; 
  font-size: 10pt; 
  font-weight: normal; 
  color:#8e8e8e 
  }
    
  a.:link    { color: #909090; font-weight: bold; text-decoration: none }    
  a.:visited { color: #7E7E7E; font-weight: bold; text-decoration: none }    
  a.:hover   { color: #737373; font-weight: bold; text-decoration: underline }    
  a.:active  { color: #707070; font-weight: bold; text-decoration: underline }    
  
  .menu { 
  font-family: "news gothic mt", arial, "sans serif"; 
  font-size: 10pt ; 
  font-weight: bold ; 
  text-decoration: underline; 
  background: transparent; 
  color: #909090 
  }
  a.menu:link    {color: #909090 ; text-decoration: none }
  a.menu:visited {color: #7E7E7E ; text-decoration: none }
  a.menu:hover   {color: #737373 ; text-decoration: underline }
  a.menu:active  {color: #707070 ; text-decoration: underline }

  .links {
  font-family: verdana, "book antigua", "sans serif"; 
  color: #989898;
  font-size: 10pt 
  }
  a.links:link    { color: #909090; font-weight: bold; text-decoration: underline }
  a.links:visited { color: #7E7E7E; font-weight: bold; text-decoration: underline }
  a.links:hover   { color: #737373; font-weight: bold; text-decoration: none }
  a.links:active  { color: #707070; font-weight: bold; text-decoration: none }

  .tb {
  font-family: verdana, "news gothic mt", arial; 
  font-size: 10pt; 
  font-weight: bold; 
  text-decoration: none;
  color: #989898  
  }
  a.tb:link    { color: #909090; font-weight: bold; text-decoration: underline }
  a.tb:visited { color: #7E7E7E; font-weight: bold; text-decoration: underline }
  a.tb:hover   { color: #737373; font-weight: bold; text-decoration: none }
  a.tb:active  { color: #707070; font-weight: bold; text-decoration: none }

  .lowText { 
  text-decoration: none; 
  color: #000000; 
  font: 12px Arial, Helvetica 
  }

  .highText { 
  text-decoration: none; 
  color: #FFFFFF; 
  font: 12px Arial, Helvetica 
  }

  .itemBorder { 
  border: 1px solid #666666 
  }

  .itemBorderBlank { 
  border: 1px solid #CCCCDD 
  }

  .buttonText { 
  text-decoration: none; 
  color: #FFCC99; 
  font: Bold 12px Arial, Helvetica 
  }
  .buttonHover { text-decoration: none; color: #99ccff; font-weight: bold; font: 12px Arial, Helvetica }
  .buttonBorder { border: 1px outset #339966 }
  .buttonBorderOver { border: 1px inset #cc9966 }

  .hl {
   font-family: verdana, sans-serif; 
   font-weight: normal;
   text-decoration: none;
   font-size: 9pt; 
   color: #383838
   }
   a.hl:link {color:#484848; font-weight: bold; text-decoration: none }
   a.hl:visited {color:#484848; font-weight: bold; text-decoration: none }
   a.hl:hover {color:#383838; font-weight: bold; text-decoration: underline }
   a.hl:active {color:#000044; font-weight: bold; text-decoration: underline 
   }

   .footer {
  font-family: "trebuchet ms", "sans serif"; 
  font-size: 9pt; 
  color: #383838; 
  font-weight: normal 
  }
  a.footer:link    { color: #484848; font-weight: normal; text-decoration: underline}    
  a.footer:visited { color: #484848; font-weight: normal; text-decoration: underline}    
  a.footer:hover   { color: #383838; font-weight: normal; text-decoration: none}    
  a.footer:active  { color: #383838; font-weight: normal; text-decoration: none}   



  /* HORIZONTAL FREESTYLE MENU LAYOUT */


  /* All <ul> tags in the menu including the first level */
  .menulist, .menulist  ul {
   margin: 0;
   padding: 0;
   list-style: none;
   }

  /* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
  .menulist ul {
   display: none;
   position: absolute;
   top: 1.0em; margin-top: 13px; 
   left: -1px;
   width: 150px;
   }

  /* Second and third etc. level submenus - position across from parent instead */
  .menulist ul ul {
   top: -1px; margin-top: 0;
   left: 148px;
  }

  /*
   All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
   positioned relatively to correctly offset submenus. Also, they have overlapping borders.
  */
  .menulist li {
   float: left;
   display: block;
   position: relative;
   background: #FED;
   border: 1px solid #330;
   margin-right: -1px;
   }

  /* Items in submenus - override float/border/margin from above, restoring default vertical style */
  .menulist ul li {
   float: none;
   margin: 0;
   margin-bottom: -1px;
   }
  .menulist ul>li:last-child {
   margin-bottom: 1px; /* Mozilla fix */
   }

  /* Links inside the menu */
  .menulist a {
   display: block;
   padding: 3px;
   color: #000;
   text-decoration: none;
   }

  /* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
  .menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
   color: #FFF;
   background-color: #A64;
   }
  .menulist a.highlighted {
   color: #FFF;
   background-color: #C86;
   }

    /* Only style submenu indicators within submenus. */
  .menulist a .subind {
   display: none;
   }
  .menulist ul a .subind {
   display: block;
   float: right;
   }

  /* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
  .menulist a {
   float: left;
   }
  .menulist ul a {
   float: none;
   }
  /* \*/
  .menulist a {
   float: none;
   }

  /*
   HACKS: IE/Win:
   A small height on <li> and <a> tags and floating prevents gaps in menu.
   * html affects <=IE6 and *:first-child+html affects IE7.
   You may want to move these to browser-specific style sheets.
  */
  *:first-child+html .menulist ul li {
   float: left;
   width: 100%;
   }

  * html .menulist ul li {
   float: left;
   height: 1%;
   }
  * html .menulist ul a {
   height: 1%;
   }
  /* End Hacks */