#bottomnav li{
  list-style: none;
  line-height: 1;
  width: 950px;
  display: inline;
}

#bottomnav a {
  color: #FFF;
  margin-left: 20px;
  text-decoration: none;
}

#bottomnav a:hover {
  text-decoration: underline;
}


ul#menu {
  color: #fff;
  margin: 0;
  /*padding: 0.3em 0em;*/
  /*height: 15px;*/
}


ul#menu li.mega {
  display: inline;
  /*margin: 0.1em 0.5em;*/
  /*padding-left: 15px;
  padding-right: 15px;*/
  
  position: relative;
  display: block;
  float: left;
  /*top: 3px;*/
  background-image: url('../img/separator.gif');
  background-repeat: no-repeat;
  background-position: right top;
}

ul#menu h2, ul#menu h3 {
  font-size: 100%;
  font-weight: normal;
  display: inline;
}


ul#menu li.mega a.top {
  color: #fff;
  text-decoration: none;
  /*height: 25px; this one adds the hover out of the blue bar but fails in ie6 */
  display: block;
  float: left;
  padding: 8px 15px;
}

ul#menu li a:hover {
  text-decoration: underline;
}


ul#menu li.mega a:hover {
  text-decoration: underline;
  background-image: url('../img/menu_hover.png');
}


ul#menu div {
  display: none;
  z-index: 20000;
  color: #000;
}

ul#menu li div ul {
  margin: 0;
  list-style: none;
  padding: 0;
  list-style-image:none;
}

ul#menu li div li {
  display: block;
  padding: 0px 0;
  width: 189px;
}

ul#menu li.mega div {
  width: 189px;
  position: absolute;
  top: 30px;
  left: 4px;
  background-color: #cbcbcb;
  background: transparent url(../img/menu_back2.png) no-repeat scroll left bottom;
  /*border: 1px solid #000;*/
  padding: 10px 0 10px 0; /* top right bottom left */
}

ul#menu li.hovering div {
  display: block;
}

ul#menu li.mega div a {
  color: #000;
  padding: 8px;
  background-image: none;
  background: none;
  /*background-color: #cbcbcb;*/
  text-decoration: none;
  width: 171px;
  display: block;
}
ul#menu li.mega div a:hover {
  color: #FFF;
  background-image: url('../img/menu_hover.png');
  text-decoration: none;
}