#navbar      {  }
/*DIV MENUBAR ITEMS ==============*/
div.menu-bar, div.menu-bar a.menuButton, div.menu, div.menu a.menuItem 
	    { font-size: 1em; font-family: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; font-style: normal; font-stretch: normal; text-transform: capitalize }
 
div.menu-bar          { color: #d3d3d3; text-align: left; cursor: default; margin-left: 12px; padding-top: 2px; padding-bottom: 2px; padding-left: 151px; border-bottom: 1px solid #a9a9a9 }

div.menu-bar a.menuButton, div.menu-bar a.menuButton2      { color: #000; font-weight: bold; text-decoration: none; background-color: #fff; cursor: default; margin: 2px; padding: 4px 6px 1px; position: relative; z-index: 100; top: 0; left: 0; border-style: solid; border-width: 1px 2px 4px; border-color: #dcdcdc #f5f5f5 #fff #fff }

div.menu-bar a.menuButton:hover {
  background-color: transparent;
  border: 1px outset #e0e0e0;
  color: #000000;
}

div.menu-bar a.menuButtonActive,
div.menu-bar a.menuButtonActive:hover    { top: 1px; left: 1px; border: inset 2px #e0e0e0 }
/*===== menu-bar div button - no sub-menu */



div.menu-bar a.menuButton2:hover     { top: 1px; left: 1px; border-style: inset; border-width: 2px; border-color: #e0e0e0 #e0e0e0 #c0c0c0 }

div.menu-bar a.menuButton2Active,
div.menu-bar a.menuButton2Active:hover  { top: 1px; left: 1px; border: inset 1px #e0e0e0 }

/*===== dummy menu-bar div button */

div.menu-bar a.menuButton0   { color: #000000; font-weight: bold; text-decoration: none; background-color: transparent; cursor: default; margin: 1px; padding: 2px 6px; position: relative; z-index: 100; top: 0; left: 0 }

div.menu-bar a.menuButton0:hover  {  }

div.menu-bar a.menuButton0Active, div.menu-bar a.menuButton0Active:hover {   }
/*DIV MENU ITEMS ==============*/
div.menu  { visibility: hidden; padding: 0 1px 1px 0; position: absolute; z-index: 101; top: 0; left: 0; border: outset 2px #e0e0e0 }

div.menu a.menuItem  { color: #000000; line-height: 1.4em; text-decoration: none; white-space: nowrap; cursor: default; display: block; padding: 3px 1em }

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

div.menu a.menuItem span.menuItemText {}

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

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
}
/*DIV ------- ITEMS ==============*/