/* General Menu appearance */

div.menuBar,

div.menuBar a.menuButton, div.menuButton, div.menuButton_over, 

div.menu,

div.menu a.menuItem {

	font-size: 8pt;

	font-weight: normal;

	/*text-transform: lowercase;*/

	color: #000000;

	text-decoration: none;

	margin-right: 1px;

}



div.menuBar {

  background-color: transparent; 

  padding: 4px 0px 4px 0px;

  text-align: left;

}



div.emenuBar {

  text-align: center;

}



div.menuBar a.menuButton, div.menuButton, div.menuButton_over {

  background-color: transparent;

  color: #5d5d53;

  cursor: pointer; 

  left: 0px;

  margin-bottom: 2px;

  padding: 1px 5px ;

  position: relative;

  text-decoration: none;

  top: 2px;

  z-index: 100;

}



/* Hover over menu items */

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {

  color: #cc0000;

  text-decoration: none;

}



/* Click on dropdown menu parent */

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, 

div.menuBar a.menuButtonActive:hover {

  background-color: #cc0000; 

  color: #fff;

  top: 1px;

}



/* Appearance of dropdown menu items */

div.menu {

  background-color: #cc0000; 

  border:0 solid;

  border-color: #bebebe;

  left: 0px;

  position: absolute;

  top: 0px;

  visibility: hidden;

  z-index: 201;

}



div.menu a.menuItem {

  color: #fff;

  cursor: pointer;

  display: block;

  /*border:1px solid;*/

  /*border-color: #bebebe #222 #222 #bebebe;*/

  padding: 2px 11px 2px 0px;

  text-decoration: none;

  white-space: nowrap;

}



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

  background-color: #cc0000; 

  color: #fff;

}



div.menu a.menuItem span.menuItemBuffer {

  padding: 0px 2px 0px 2px;

  color: #444;

}



div.menu a.menuItem:hover span.menuItemBuffer {

  padding: 0px 2px 0px 2px;

  background-color: #8BB2D3;

  color: #000;

}



div.menu a.menuItem span.menuItemText {

	padding: 0px 0px 0px 3px;

}



div.menu a.menuItem span.menuItemArrow {

  margin-right: -.75em;

}

 

 /* Dropdown border colors */

div.menu, div.menuItemSep {

  border-top: 0 solid #a5a5a5;

  border-bottom: 0 solid #fff;

  margin: 4px 2px;

}



a.menuItem.header {

  border-bottom: 1px solid #b3b3b3;

   margin: 4px 2px;

}