#nbar {
      font-family: Verdana, Helvetica, sans-serif;
      font-size: 10px;
      height: 30px;
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      text-align: left;
      color: #fbd496;     
      background: url(http://www.runners-heaven.net/Portal/grafix/bg.gif) left top repeat-x;
   }   
   #nbar .nb_logo {
      height: 30px;
      float: left;
   }   
   #nbar .nb_menu {
      float: right;
      margin-right: 2px;
      height: 25px;
      padding-top: 5px;
   }   
   ul#nbnav, #nbnav ul {
      padding: 0;
      margin: 0;
      list-style: none;
   }   
   #nbnav li {
      cursor: pointer;
      float: left;
      position: relative;
      width: 140px;
      height: 18px;
      padding-left: 20px;
      padding-top: 1px;
      border: #000 1px solid;
      font-weight: bold;
      font-family: Verdana, Helvetica, sans-serif;
      font-size: 10px;
      text-decoration: none;
      color: #000;
      background: url(http://www.runners-heaven.net/Portal/grafix/no.gif) left top no-repeat;
   }
   html>body #nbnav li {
      width: 118px;
      height: 16px;
   }   
   #nbnav li ul li {
      /*position: relative;*/
      height: auto;
      width: 140px;
      padding: 0px;
      background: none;
      border: none;
      color: #FFF;
   }
   html>body #nbnav li ul li {
      width: 136px;
      /*height: 18px;*/
   }
   #nbnav li ul {
      display: none;
      position: absolute;
      top: 17px;
      left: 0;
      border: #000 1px solid;
   }   
   #nbnav li>ul {
      top: 18px;
      left: auto;
      margin-left: -20px;
   }
   #nbnav li:hover, #nbnav li.over {
      color: #FFF;
      background: url(http://www.runners-heaven.net/Portal/grafix/inv.gif) left top no-repeat;
   }   
   #nbnav li:hover ul, #nbnav li.over ul {
      display: block;
   }
   #nbnav li:hover ul li a, #nbnav li:hover ul li a:visited, #nbnav li.over ul li a, #nbnav li.over ul li a:visited {
      display: block;
      text-decoration: none;
      font-family: Verdana, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
      color: #EEE;
      width: auto;
      padding: 2px;
      background: #999;
      border-top: #AAA 1px solid;
      border-left: #AAA 1px solid;
      border-bottom: #888 1px solid;
      border-right: #888 1px solid;
      height: 0px;
   }
   html>body #nbnav li:hover ul li a, #nbnav li:hover ul li a:visited, #nbnav li.over ul li a, #nbnav li.over ul li a:visited {
      height: auto; /*we love the trixery*/
   }
   
   #nbnav li:hover ul li a:hover, #nbnav li.over ul li a:hover {
      color: #FFF;
      background: #B0AFAF;
      border-top: #DDD 1px solid;
      border-left: #DDD 1px solid;
      border-bottom: #777 1px solid;
      border-right: #777 1px solid;
   }