/* Rollover-effect Navigation Menu */

#nav_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav_menu li {
  margin: 0;
}

#nav_menu a {
  display: block;
/*  width: 100%; (this breaks Netscape) */
  padding: 2px 10px;
  margin: 0px;

  border:1px solid #FFFFFF;
  font-size: 10pt;
  font-family: helvetica,arial,sans-serif;
  text-decoration: none;
  white-space: nowrap;

  background: #CCCCCC;
}

#nav_menu a:hover {
  color: #FFFF00;
  background: #333333;
}

/* Alternate Top Nav with drop-down Navigation Menu */

#no_list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: helvetica,arial,sans-serif;
  font-weight: bold;
  font-size: medium;
}

#dd li {
  float: left;
  position: relative;
  width: 10em;
  /*padding: 0 1em 0 1em;*/
  /*margin: 0 1em 0 1em;*/
  text-align: center;
  cursor: default;
  background-color: #666666;
  /*border: 1px solid #7d6340;*/
  /*border-width: 1px 0;*/
  font-family: helvetica,arial,sans-serif;
  font-weight: bold;
  font-size: medium;
}

.dd2 {
  width: 7em;
}

#dd li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
}

#dd li>ul {
  top: auto;
  left: auto;
}

#dd li:hover ul, #dd li.over ul {
  display: block;
}

#dd a {
  font-weight: bold;
  text-decoration: none;
  color: yellow;
}

#dd a:hover {
  color: white;
}

#dd li li a {
  display: block;
  font-weight: bold;
  color: yellow;
  /*
  padding: 0.2em 10px;
  */
  padding: 0.2em 5px;
}

#dd li li a:hover {
  padding: 0.2em 5px;
  /*
  border: 5px solid yellow;
  border-width: 0 5px;
  */
  background-color: #999999;
  color: white;
}