div.menuBar,

div.menuBar a.menuButton,

div.menu,

div.menu a.menuItem {

  color: #e0e5ea;

  font-size: 8pt;

}



div.menuBar {

  background-color: #400020;

  border: 3px solid #400020;

  padding: 4px 2px 4px 2px;

  text-align: center;

  position: relative;

  left: 0px; top: -8px;<!--- see basewidth in BodyA.cfm . --->

  display: block;

}



div.menuBar a.menuButton {

  background-color: transparent;

  border: 4px inset #602040;

  color: #e0e5ea;

  cursor: hand;

  left: 0px;

  margin: 1px;

  padding: 2px 6px 2px 6px;

  position: relative;

  text-decoration: none;

  top: 0px;

  z-index: 100;

}



div.menuBar a.menuButton:hover {

  background-color: transparent;

  border: 3px outset #602040;

  color: #e0e5ea;

}



div.menuBar a.menuButtonActive,

div.menuBar a.menuButtonActive:hover {

  background-color: #804060;

  border: 3px inset #602040;

  color: #F0F5FA;

  left: 1px;

  top: 1px;

}



div.menu {

  background-color: #400020;

  border: 1px solid #400020;

  left: 0px;

  padding: 1px 1px 1px 1px;

  position: absolute;

  top: 0px;

  visibility: hidden;

  z-index: 101;

}



div.menu a.menuItem {

  color: #e0e5ea;

  border: 2px inset #602040;

  cursor: hand;

  display: block;

  padding: 3px 1em;

  text-decoration: none;

  white-space: nowrap;

}



div.menudesc {

  background-color: #400020;

  border: 2px inset #602040;

  left: 0px; top: 0px;

  position: absolute;

  visibility: hidden;

  z-index: 101;

  color: #F0F5FA;

  cursor: default;

  padding: 3px 1em;

  text-decoration: none;

}



div.menu a.menuItem:hover, div.menu a.menuItemHighlight {

  background-color: #804060;

  color: #F0F5FA;

}



div.menu a.menuItem span.menuItemText {}



div.menu a.menuItem span.menuItemArrow {

  margin-right: -.75em;

}



div.menu div.menuItemSep {

  border: 2px inset #804060;

  margin: 4px 2px;

}