/*	Style Sheet for Menu Bar */

div.menuBar,
div.menuBar a.menuButton  
{
  	font-family: Arial, sans-serif;
	font-size: 12px;
	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: #999999; /* ?? */
}


div.menuBar 
{
	background-color: #e0582e;/*Blast Orange*/ /*#999966;*/
	border: 0;
	/*border-color: #f0f0f0 #909090 #909090 #f0f0f0;*/
	padding: 4px 2px 3px 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: #FFFFFF;	/*Hover Color over Orange*/ /*FFFFCC*/
}
div.menuBar a.menuButton:active {
  background-color: transparent;
  /*border-color: #f0f0f0 #909090 #909090 #f0f0f0;*/
  color: #ffdbac;  /* Click-on colour over orange */ /*#CCCC99;*/
}


div.menuBar a.menuButtonActive {
  background-color: transparent;
  color: #fdd1ae; /* #CCCC99;*/
  /*left: 1px;
  top: 1px;*/
}
div.menuBar a.menuButtonActive:hover {
  background-color: transparent;
  color:  #ffffff; /*#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: #999999; /*#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: #ffffff; /* #FFFFCC;*/
}
div.menu a.menuItem:active, div.menu a.menuItemHighlight 
{
  background-color: black;
  color: #fdd1ae; /*#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;
}