/* MENU STYLES */

div.menuBar,
div.menuBar a.menuButton, div.menuButton, div.menuButton_over, 
div.menu,
div.menu a.menuItem {
  color: #554f4f;
  text-transform: uppercase;
  display:  inline;
  float: left;
  font-weight: bold;
}

div.menuBar {
  padding: 0px;
  text-align: left;
}

div.emenuBar {
  text-align: left;
}

/* main level links */

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
display: block; font-size: 11px; text-align: center; padding: 4px 7px; }
  
/* main level links hover */  

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
color: #FF0000; }

/* main level links active */

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, 
div.menuBar a.menuButtonActive:hover {
color: #000; background: #c5c3c3; }

/* sublinks styles */

/* sublink container */

div.menu {
  border: 1px solid #898888; 
  background: #d0cece;
  left: 0px;
  padding: 2px 4px 2px 4px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

/* sublinks main style */

div.menu a.menuItem {
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 2px 11px 2px 0px;
  text-decoration: none;
  white-space: nowrap;
  text-align:  center;
}

/* sublinks hover style */

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #fff;
  color: #FF0000;
}

div.menu a.menuItem span.menuItemBuffer {
  padding: 0px 2px 0px 2px;
  color: #ffffff;
}

div.menu a.menuItem:hover span.menuItemBuffer {
  padding: 0px 2px 0px 2px;
  color: #000000;
}

div.menu a.menuItem span.menuItemText {
	padding: 0px 0px 0px 3px;
}

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

div.menu div.menuItemSep {
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #ffffff;
  margin: 4px 2px;
}

a.menuItem.header {
  border-bottom: 1px solid #b3b3b3;
}