/* These are the style specifications for the menu layers.  
   Set width to get more browsers corporation  */
div.menu  { 
  position:absolute;
  visibility:hidden;
  width:150px;
  left:0; top:0;
  z-index:500; 
  background-color: #C4C6C5;
  border: 2px solid;	
  border-color: #f7faff #99a #99a #f7faff; 
}

/* Style specifications for menu items and links  */
div.menu ul{
	margin:0px;
	padding:0px;
	}
/* Need to set padding of at least one pixel or ie sets very large margin */
div.menu ul li{ 
  padding:1px;
  margin:0;
  list-style-type:none;
  height: 20px;
  border-top: solid 1px #FFFFFF;
  cursor: pointer;
  }

/* Set display block and position relative so clicks on list items activate links  */  
div.menu a { 
  cursor: pointer;
  padding:.3em .4em;
  margin:0; 
  background-color:transparent; 
  display:block;
  position:relative; 
  text-decoration:none 
  }
  
div.menu a:link{
	font-family: Arial,Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}
div.menu a:active{
	font-family: Arial,Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}
div.menu a:visited{
	font-family: Arial,Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}
div.menu a:hover{
	font-family: Arial,Verdana;
	font-size: 10px;
	font-weight: bold;
	background-color: #DD3A35;
	color:#000000;
	cursor: pointer;
	text-decoration: none;
	}