.different { 
  background-color: #000000;      
  padding-left: 0px;
  cursor: default;
  margin-left: 0px;
}

/* these next two items are only needed in IE, doesn't seem to hurt
anything to have them here if it's firefox, if an issue comes up delete from here 
and add this line to each aspx page
<!--[if gte IE 5]><LINK 
href="include/IEmenu.css" type=text/css rel=stylesheet><![endif]-->
huzzah
*/

UL.waveMenu LI {
	BEHAVIOR: url( Assets/styles/IEmenu.htc )
}

UL.waveMenu UL {
	DISPLAY: none; LEFT: 78px; POSITION: absolute; TOP: 2px
}

/* The Main list style
	==						
    (width) Sets the size of the menu blocks		
    (background-color) Must have for IE to work	
    (margin-left) Stops the usual indent from ul	
    (z-index) So IE properly displays child items
  			  in front of parents					
*/

ul.waveMenu, ul.waveMenu ul 
{
	cursor: default;
    width: 200px;		      
	background-color: #d4e7b0; 
	padding-left: 0px;                
	margin-left: 10px;
	list-style-type: none;
	z-index:9;    
	                    
}

/* 
	This is the main list item style (e.g. standard entries in the top level of the list
	==
	  (position)  makes the menu blocks be positioned relative to their parent menu item
                  the lack of offset makes these appear normal, but it will make a difference
                  to the absolutely positioned child blocks
*/
ul.waveMenu li {
	list-style-type: none;       
	margin: 0px;                 
	position: relative;          /*  */
	color: #426E38;
	font-size: 12pt;
	font-weight:500;
	/*height: 30px; */
	border-color:black;
	border-width:1px;
	border-color:#275924; 
	border-style:solid;
	text-align:center;   
	vertical-align:middle;
	line-height:22px    
}

/* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
ul.waveMenu li > ul {          
  display: none;  /* hides child menu blocks - one of the most important declarations */
	              /* make child blocks hover without leaving space for them */
  position: absolute;          
  top: 0px;                    
  left: 90px;   
  font-size: 12pt;               
}
ul.waveMenu li:hover, ul.waveMenu li.CSStoHighlight 
{
	color:#426E38;
	z-index:10;
	font-size:12pt;
	vertical-align:middle;   
		 
}

ul.waveMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
  position: absolute;          
  top: 0px;                    
  left: 90px;    
}
ul.waveMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
  z-index:10;	 
  position: absolute;        
  top: 0px;                    
  left: 90px;  
  font-size:12pt;    
}

/* and some link styles */
ul.waveMenu li a 
{
	text-decoration:none;
	color:#426E38;
	font-weight:600;
	width:100%;
	z-index:10;	 	
	vertical-align:middle; 
}
ul.waveMenu li a:hover, ul.waveMenu li a.CSStoHighLink 
{	
	background-color:#d4e7b0;
	color:#426E38; 
	z-index:10;
	font-size:12pt;
	height: 30px;	 
	
}

ul.waveMenu li:hover > a 
{
	background-color:#d4e7b0;
}