body { 
    color: #000000;
    background-color: #FFFFFF;
    font-family: Verdana, Helvetica, Arial, Serif, "Times New Roman";
    font-size: 10pt;
    margin: 0;
  }

  h1, h2, h3, h4, h5, h6 { color: #006688; }
  hr { color: #006688; }

  a:link {color: #00A2EF; text-decoration: underline; font-weight: 400; }
  a:visited {color: #00A2EF; text-decoration: underline; font-weight: 400; }
  a:active {color: #00A2EF; text-decoration: underline; font-weight: 400; }
  a:hover {color: #00A2EF; text-decoration: none; font-weight: 400; }

  .a_link {
    color: #00A2EF;
    text-decoration: underline;
    cursor: pointer;
  }


  .top_area { margin: 5px; }
  .top_bar { font-size: 8pt; padding: 2px 0px 2px 5px; vertical-align: middle; border-top: solid #4E4126 1px; border-bottom: solid #4E4126 1px; background: url('../img/layout/bar_bg.gif') repeat-x; color: #D8E8EA; }
  .menu_area { float: left; width: 100%; border-bottom: solid #000 1px; background: url('../img/layout/menu_bg.gif') repeat-x; }
  .content_area { min-height: 300px; padding: 0px 10px 10px 10px; vertical-align: top; border-top: solid #000 1px; background: url('../img/layout/body_bg.gif') repeat-x top left; }
  .content { display: inline; vertical-align: top; }
  .bot_shadow { font-size: 6pt; height: 20px; background: url('../img/layout/shadow_top.gif') repeat-x; }
  .bot_bar { white-space: nowrap; padding: 2px 0px 2px 0px; font-size: 7pt; vertical-align: middle; text-align: center; border-top: solid #4E4126 1px; border-bottom: solid #4E4126 1px; background: url('../img/layout/bar_bg.gif') repeat-x; color: #D8E8EA; }
  .bot_drop_shadow { font-size: 2pt; height: 6px; background: url('../img/layout/shadow_bot.gif') repeat-x; }

  #nav, #nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    color: #325566;
    font-family: Verdana, Helvetica, Arial, Serif, "Times New Roman";
    font-size: 10pt;
  }
  #nav a {
    display: block;
    height: 32px;
    width: 150px;
    padding: 2px 0px 2px 5px;
    background: url('../img/layout/menu_btn_bg.gif') repeat-x;
    font-weight: bold;
    color: #325566;
    text-decoration: none;
    border-left: solid #4E4126 1px;
    border-right: solid #4E4126 1px;
  }
  #nav ul a {
    height: 18px;
    border-bottom: solid #4E4126 1px;
    border-left: solid #4E4126 1px;
  }
  #nav a:hover {
    background-position: 0px -40px; 
    color: #203085;
  }
  #nav li {
    width: 150px;
    float: left;
    padding: 0;
  }
  #nav li ul { /* second-level lists */
    position: absolute;
    margin: 0;
    width: 150px;
    border-top: solid #4E4126 1px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  }

  #nav li ul ul { /* third-and-above-level lists */
    margin: -1em 0 0 10em;
  }

  #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
  }

  #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
  }