#menu {
	position: relative;
	margin: 0; padding: 0;
	height: 229px;
	background-color: #fff;
	background-position: left bottom;
	background-repeat: no-repeat;
	}	

	#nav {
		margin: 0; padding: 0;
		height: 10px;
		list-style: none;
		font-family: "Lucida Sans Unicode", Verdana, sans-serif;
		font-size: 12px;	
		}

		#nav li { /* all list items */
			float: left;
			padding: 0;
			}

			#nav li a {
				display: block;
				padding: 11px 15px 2px 15px;
				color: #1e3338;
				text-transform: uppercase;
				}	
		
				#nav li a.active, #nav li a:hover {
					padding-bottom: 10px;
					color: #fff;
					text-decoration: none;
					background: #abda4c;
					}
			
					#nav li a.last {
						background: none;
						}

				#nav li ul.submenu { /* second-level lists */
					position: absolute;
					left: -999em;
					z-index: 999;
					margin: 0 0 0 0; padding: 0;
					width: 260px;
					list-style: none;
					background: url('../Webmasters/Images/trans_white.png');
					}
						
					#nav li ul.submenu li {					
						border-bottom: solid 1px #abda4c;
						}		

						#nav li ul.submenu li a {
							margin: 0; padding: 2px 2px 2px 20px;
							width: 238px!important; width: 260px;
							color: #1e3338;
							background: url('../Webmasters/Images/arrow.png') 3px center no-repeat;
							}

							#nav li ul.submenu li a:hover, #nav li ul.submenu li a.active {
								padding-bottom: 2px;
								color: #1e3338;
								background: #abda4c url('../Webmasters/Images/arrow.png') 3px center no-repeat;
								}	

				/* third-level lists */
						#nav li ul.submenu li ul li a {
							padding-left: 40px;
							background: url('../Webmasters/Images/arrow.png') 20px center no-repeat;
							}

							#nav li ul.submenu li ul li a:hover, #nav li ul.submenu li ul li a.active {
								background: #abda4c url('../Webmasters/Images/arrow.png') 20px center no-repeat;
								}													

 /* using left instead of display to hide menus because display: none isn't read by screen readers */

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	}
	
	#nav li:hover a, #nav li.sfhover a {
		padding-bottom: 10px;
		color: #fff;
		text-decoration: none;
		background: #abda4c;
		}
	
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}