#nav {
		margin: 0; padding: 3px 0;
		height: 5px;
		list-style: none;
		}

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

	#nav li a {
		display: block;
		padding: 0 10px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		}
		
		#nav li a:hover {
				color: #1f3877;
				}
		
		#nav li a.last {
				border-right: none;
				}

		#nav li ul { /* second-level lists */
				position: absolute;
				left: -999em;
				margin: 0 0 0 0; padding: 3px 0 0 5px;
				width: 135px;
				list-style: none;
				text-align: left;
				}
				
			#nav li ul li {
				border: solid 1px #fff; border-top: 0;
				background: #4c6092;
				}

				#nav li ul li a {
						display: block;
						margin: 0; padding: 2px 5px;
						width: 140px;
						font-weight: normal;
						}

						#nav li ul li a:hover {
								color: #fff;
								background: #39b54a;
								}

 /* 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 ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		}