#nav, #nav ul { /* all lists*/
  float: left;
  width: 780px;
  background:#7191c2;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  line-height: 1;
  font-weight: bold;
  padding: 0;
  border-bottom:1px #000 solid;
  margin: 0;
  margin-bottom:10px;
  }

#nav li ul {
  background:#7191c2;
  border:1px #000 solid;
  }

#nav {
  background:#7191c2;
  }

#nav a {
  display: block;
  padding:7px 17px;
  background:#7191c2;
  color:#fff;
  text-decoration:none;
  }

#nav a:hover {
  background:#e06030;
/*  background:#8c0000;
*/
  }

#nav li { /* all list items*/
  float: left; /* width needed or else Opera goes nuts*/
  }

#nav li ul li { /* all list items*/
  width: 18em;
  }

#nav li ul { /* second-level lists */
  position: absolute;
  width: 18em;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  }

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

#content {
  clear: left;
  }