body {
background-color:#99CCCC;
}

*---------------------------------------------------------------------------*/
/* Site menu.                                                                */
/*---------------------------------------------------------------------------*/

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  
}

div.menuBar  { background-color: #FFCC00; text-align: left; border: 2px solid #FFCC00; 
               padding-left: 2px; padding-right: 2px; padding-top: 4px; 
               padding-bottom: 4px }
div.menuBar a.menuButton { color: #000000; cursor: default; font-weight: bold; left: 0px; position: 
               relative; text-decoration: none; top: 0px; z-index: 100; 
               border-top: 1 solid #CCFFCC; border-bottom: 1 solid #CCFFCC; 
               margin: 1px; padding-left: 6px; padding-right: 6px; 
               padding-top: 2px; padding-bottom: 2px }
div.menuBar a:hover.menuButton {
  background-color: transparent;
  border-color: #a5dace #00B7B3 #00B7B3 #a5dace;
}

div.menuBar a.menuButtonActive, div.menuBar a:hover.menuButtonActive { background-color: #003300; color: #FFFFFF; left: 1px; top: 1px; 
               border-left-color: #00918F; border-right-color: #A5DACE; 
               border-top-color: #00918F; border-bottom-color: #A5DACE }
div.menu     { background-color: #E4F7E4; left: 0px; position: absolute; top: 0px; 
               visibility: hidden; z-index: 101; border: 2 outset #339966; 
               padding-left: 0px; padding-right: 1px; padding-top: 0px; 
               padding-bottom: 1px }
div.menu a.menuItem {
  color: #000000;
  cursor: default;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  }

div.menu a.menuItem,
div.menu div.menuItemHdr {
  padding: 3px 1em;
}

div.menu a:hover.menuItem, div.menu a.menuItemHighlight { background-color: #006600; color: #FFFFFF }
div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemHdr {
  font-weight: bold;
}

div.menu div.menuItemSep { border-bottom: 1 solid #999999; margin-left: 2px; margin-right: 2px; 
               margin-top: 4px; margin-bottom: 4px }