/*	Style Sheet for Menu Bar */

div.menuBar,
div.menuBar a.menuButton  
{
  	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: Black;
}
div.menu,
div.menu a.menuItem  
{
	font-family: Arial, sans-serif;	
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;	
	color: #99998A;
}


div.menuBar 
{
	background-color: #999966;
	border: 0;
	/*border-color: #f0f0f0 #909090 #909090 #f0f0f0;*/
	padding: 4px 2px 4px 2px;
	text-align: left;
}


div.menuBar a.menuButton {
  background-color: transparent;
  /*border: 1px solid #d0d0d0;*/
  color: #000000;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 4px 2px 5px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}
div.menuBar a.menuButton:hover {
  background-color: transparent;
  /*border-color: #f0f0f0 #909090 #909090 #f0f0f0;*/
  color: #FFFFCC;
}
div.menuBar a.menuButton:active {
  background-color: transparent;
  /*border-color: #f0f0f0 #909090 #909090 #f0f0f0;*/
  color: #CCCC99;
}


div.menuBar a.menuButtonActive {
  background-color: transparent;
  color:  #CCCC99;
  /*left: 1px;
  top: 1px;*/
}
div.menuBar a.menuButtonActive:hover {
  background-color: transparent;
  color:  #FFFFCC;
  /*left: 1px;
  top: 1px;*/
}


/* these are the  drop-down menus */

div.menu {
  background-color: transparent; /*Black;*/
  /*border: 2px solid;*/
  left: 0px;
  padding: 2px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  background-color: black;
  color: #99998A;
  cursor: default;
  display: block;
  padding: 2px 5px; /*3px 1em;*/
  text-decoration: none;
  white-space: nowrap;
}
div.menu a.menuItem:hover
{
  background-color: black;
  color: #FFFFCC;
}
div.menu a.menuItem:active, div.menu a.menuItemHighlight 
{
  background-color: black;
  color: #CCCC99;
}



div.menu div.menuItemSep {
  border-top: 1px solid #69695A;
  border-bottom: 1px solid #a9a99A;
  margin: 4px 2px;
}


/* Sub Menus */

div.menu a.menuItem span.menuItemText {}

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