<!-- DIV tag style classes -->

<!-- Grouped class properties -->

DIV.menuBar,
DIV.menuBar A.menuButton,
DIV.menu,
DIV.menu A.menuItem {
  font-family: Arial, Helvetica, sans-serif, Courier;
  font-size: 12pt;
  color: black;
}

<!-- Class properties -->

DIV.menuBar {
  border: 2px outset #e0e0e0;
  padding: 4px 2px 4px 2px;
  background-color: #e0e0e0;
  text-align: left;
}

<!-- Nested class properties -->

DIV.menuBar A.menuButton {
  border: 1px solid #e0e0e0;
  top: 0px;
  left: 0px;
  margin: 1px;
  padding: 2px 2px 2px 2px;
  position: relative;
  text-decoration: none;
  cursor: default;
  color: black;
  background-color: transparent;
  z-index: 100;
}

<!-- Nested pseudo-class properties -->
<!-- due to change in javascript it is not used-->

DIV.menuBar A.menuButton:hover {
  border: 2px outset #e0e0e0;
  color: black;
  background-color: transparent;
}

<!-- Grouped nested class and pseudo-class properties -->

DIV.menuBar A.menuButtonActive,
DIV.menuBar A.menuButtonActive:hover {
  border: 1px inset #e0e0e0;
  color: white;
  background-color: #a0a0a0;
}

<!-- Etc. -->

DIV.menu {
  border: 2px outset #e0e0e0;
  top: 0px;
  left: 0px;
  padding: 1px 1px 1px 1px;
  position: absolute;
  visibility: hidden;
  background-color: #e0e0e0;
  z-index: 101;
}

DIV.menu A.menuItem {
  color: black;
  padding: 1px 1em;
  text-decoration: none;
  cursor: default;
  display: block;
  white-space: nowrap;
}

DIV.menu A.menuItem:hover,
DIV.menu A.menuItemHighlight {
  background-color: #a0a0a0;
  color: white;
}

DIV.menu A.menuItem span.menuItemText {} <!-- see -->

DIV.menu A.menuItem span.menuItemArrow { <!-- see -->
  margin-right: -.75em;
}

DIV.menu DIV.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
}

 <!-- see -->
#Menu1 { background-color: #e0e0e0; position: absolute; z-index: 101; top: 0px; left: 0px; visibility: hidden; display: block }
#Menu2 { background-color: #e0e0e0; position: absolute; z-index: 101; top: 0px; left: 0px; visibility: hidden; display: block }
#Menu3 { background-color: #e0e0e0; position: absolute; z-index: 101; top: 0px; left: 0px; visibility: hidden; display: block }
#Menu4 { background-color: #e0e0e0; position: absolute; z-index: 101; top: 0px; left: 0px; visibility: hidden; display: block }
#Menu5 { background-color: #e0e0e0; position: absolute; z-index: 101; top: 0px; left: 0px; visibility: hidden; display: block }
#Menu6 { background-color: #e0e0e0; position: absolute; z-index: 101; top: 0px; left: 0px; visibility: hidden; display: block }
#Menu1-1 { background-color: #e0e0e0; position: absolute; z-index: 101; top: 0px; left: 0px; visibility: hidden; display: block }
#Menu2-1 { background-color: #e0e0e0; position: absolute; z-index: 101; top: 0px; left: 0px; visibility: hidden; display: block }
#Menu2-1-3 { background-color: #e0e0e0; position: absolute; z-index: 101; top: 0px; left: 0px; visibility: hidden; display: block }
#Menu4-1 { background-color: #e0e0e0; position: absolute; z-index: 101; top: 0px; left: 0px; visibility: hidden; display: block }
#Menu4-2 { background-color: #e0e0e0; position: absolute; z-index: 101; top: 0px; left: 0px; visibility: hidden; display: block }
#Menu4-3 { background-color: #e0e0e0; position: absolute; z-index: 101; top: 0px; left: 0px; visibility: hidden; display: block }