#mainmenubar {
  display: block;
  position: relative;
  clear: both;
  z-index: 10;

  margin-top: 2px;
  margin-bottom: 20px;
  width: 100%;
  height: 21px;

  border-style: solid;
  border-width: 1px 0px;
  border-color: #999999;

  background-color: #dcdcdc;
  font-size: 10px;
  text-align: left;
}

.menuendspacer {
  position: relative;
  display: block;
  width: 30px;
  height: 20px;
  float: left;
}

.mainmenuitem, .mainmenuitemactive {
  font-weight: bold;
  color: #555555;
  float: left;
  height: 20px;
  width: 80px; /* Added for compatibility with IE on Mac OS X */
  background-color: transparent;
  position: relative;
  display: block;
}

.mainmenuitem a {
  padding: 4px 10px 5px 10px;
  color: #555555;
  background-color: transparent;
  display: block;
  text-decoration: none;
}

.mainmenuitemactive a {
  padding: 4px 10px 5px 10px;
  background-color: #f2f8f8;
  color: #CC0000;
  display: block;
  text-decoration: none;
}

.mainmenuitem a:hover {
  color: #CC0000;
  background-color: #cccccc;
  text-decoration: none;
  display: block;
}

.mainmenuitemactive a:hover {
  color: #CC0000;
  background-color: #f2f8f8;
  text-decoration: none;
  display: block;
}

#submenubar {
  display: block;
  position: absolute;
  clear: both;
  top: 22px;
  left: 0;

  margin-top: 0px;
  margin-bottom: 2px;
  width: 100%;
  height: 21px;

  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #8a9790;

  background-color: #f2f8f8;
  font-size: 10px;
  text-align: left;  
}

.submenuitem, .submenuitemactive {
  font-weight: normal;
  color: #333333;
  float: left;
  height: 20px;
  width: 80px; /* Added for compatibility with IE on Mac OS X */
  background-color: transparent;
  position: relative;
  display: block;
}

.submenuitem a {
  padding: 4px 10px 5px 10px;
  color: #CC0000;
  background-color: transparent;
  display: block;
  text-decoration: none;
  font-weight: normal;
}

.submenuitemactive a {
  padding: 4px 10px 5px 10px;
  color: #000000;
  background-color: #dcdcdc;
  display: block;
  text-decoration: none;
  font-weight: normal;
}

.submenuitem a:hover {
  color: #000000;
  background-color: #cccccc;
  text-decoration: none;
}

.submenuitemactive a:hover {
  color: #000000;
  background-color: #dcdcdc;
  text-decoration: none;
}
