body     { color: #00c; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #cf9 }
p {}
td {}
H1 { color: #ff6; background-color: #090; border: solid 5px #0f9 }
H2 { color: #ff6; background-color: #090; border: solid 5px #0f9 }
H3 { color: #ff6; background-color: #090; border: solid 5px #0f9 }
H4 { color: #ff6; background-color: #090; border: solid 5px #0f9 }
.navbar { color: black; background-color: #ffc; border: solid red }
.nav-header { color: #f00; font-variant: small-caps; font-weight: bolder; font-size: larger; background-color: #ddd; text-align: center; padding: 5pt; border-bottom: dashed }


/* http://www.alistapart.com/articles/hybrid/ */
#navmenu li {
  /*float the main list items*/
  margin: 0;
  float: left;
  display: block;
  padding-right: 15px;
}

#navmenu li.off ul, #nav li.on ul {
  /*hide the subnavs*/
  display: none;
  position: absolute;
  top: 33px;
  *top: 44px; /*reposition for IE*/
  height: 15px;
  left: 0;
  padding-top: 10px;
}

#navmenu li a {
  /*for all links in the list*/
  color: #f90;
  font-weight: bold;
  display: block;
  height: 15px;
  width: 100px;
  border: 1px solid #29497b;
  padding: 5px;
}

#navmenu li.on a {
  /*change border color for active topic area*/
  border: 1px solid #f90;
}

#navmenu li.on ul a, #nav li.off ul a {
  /*  cancel inherit of border
      on subnav of active topic */
  float: left;
  /*ie doesn't inherit the float*/
  border: 0;
  color: #f90;
  width: auto;
  margin-right: 15px;
}

#navmenu li.on ul {
  /*display active subnav list*/
  display: block;
}

#navmenu li.off:hover ul {
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;
}

#navmenu li.off a:hover, #nav li.off:hover a {
  background: #29497b;
  color: #f90;
}  


#nav li.off:hover ul, #nav li.over ul { 
  display: block;
  z-index: 6000;
}

#nav li.off a:hover,
#nav li:hover a,
#nav li.over a {
  background: #29497b;
  color: #f90;
}