/****W3C CSS Validated: "This document validates as CSS level 3.0 !", 13-10-09 (LH)...****/

		/** top right bottom left **/

#menurow {
	border-top: solid #003300 2.5px; /** dark green **/  
	border-bottom: solid #003300 3px !important;
  border-bottom: solid #003300 2.5px;
	border-right: 0;
	height: 20px !important;
} 

#nav, #nav ul {
	width: 805px; /**NEED THIS.. **/
	  /**float: left;left  does not work when float on..**/
	list-style: none;
/**	line-height: 1;**/
	background: #E7ECEA; /*light yellow */
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 90%;
}

#nav a {
	display: block;
	width: 11.5em !important; /** the 'click' container - just for FF 11.714em**/
 	color: #003300; /* dark green */
	text-decoration: none;
	padding: 0.25em 1em; 
}

/** 1st level menu - i.e. horizontal bar**/
 #nav li {
   float: left;
	 padding: 0;
   width: 11.5em !important; /**13.714em**/ 
	 width: 11.5em; /**13.7em**/
	 background: #E7ECEA url(../images/menu-bg-fade.gif); /**light yellow**/	
}

#nav li ul { /*2nd level list (i think!).*/
 position: absolute;
 left: -999em;
 height: auto;
 width: 17.69em !important; /**13xx 18 14.4em**/
 width: 17.3em; /**13xxxx 18 13.9em**/
 font-weight: normal;
 margin: 0;
}


#nav li.lev2, li.lev3 { /*2nd and 3rd level lists.*/
  white-space: nowrap;
  background-color: #E7ECEA; /* light yellow*/
 	border: 1px solid #003300; /* dark green*/
}

#nav li.lev3 { /*3rd level list.*/
  font-size: 115%;
	width: 9.6em !important;
	width: 10.5em;	
}

#nav li.lev2 { /*2nd level list.*/
  width: 16.5em !important; 
	width: 18em; 
}

#nav li.lev2 a { /** 2nd level click container - just for FF!**/
  width: 15.6em !important; 
}

/** drop down level 2 (container)**/
#nav li li {
	padding-right: 1em;
}

#navlist ul {
  border: .1em solid;
}

#nav li.lev3 a { /** 3rd level click container - just for ff **/
  width: 8.61em !important; 
}

/** level 3 outer container**/	
 #nav li ul ul {
	margin-left: 19.5em !important;
	margin: -1.7em 0 0 19.9em;
	width: 12.3em !important;
	width: 10.5em;	
}

/** level 3 **/
 #nav li ul a {
	width: 9.5em !important;
	width: 9.5em;	
}  

/** level 3 the following displays level 3 menu on hover and hides when mouse moved away**/
 #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
} 

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

/** flicker problem in IE6 - when hover takes a long time. 
http://dean.edwards.name/my/flicker.html**/

 #nav li:hover, #nav li.sfhover {
	background: #E7ECEA url(../images/menuhover-bg-fade.gif); /**fixed repeat-x**/
	font-weight: bold;
}