#nav {
	z-index: 999;
	margin: 0; padding: 0;
	list-style: none;		
	}

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

		#nav li a {
			display: block;
			padding: 6px 8px;
			cursor: pointer;
			color: #fff;
			font-weight: normal;
			text-decoration: none;
			border-right: solid 1px #0271b9;
			}
	
			#nav li a:hover {
				color: #0271b9;
				background: #fff;
				}

		#nav li ul { /* second-level lists */
			position: absolute;
			left: -999em;
			z-index: 999;
			margin: 0; padding: 0;
			width: 167px;
			list-style: none;
			text-align: left;
			border-bottom: solid 1px #0271b9;
			}
				
			#nav li ul li {
				padding: 0;						
				}

				#nav li ul li a {
					margin: 0; padding: 0 2px 0 4px;
					width: 161px!important; width: 167px;
					line-height: 20px;
					color: #0271b9;
					border: solid 1px #0271b9;
					border-bottom: none;
					background: #fff;
					}

					#nav li ul li a:hover {
						color: #fff;						
						background: #77A5D4;
						}

			#nav li ul li ul { /* third-level lists */
				position: absolute;
				left: -999em;
				z-index: 999;
				margin: -21px 0 0 166px; padding: 0;
				width: 167px;
				list-style: none;
				text-align: left;				
				}

#nav li ul li ul li ul { /* fourth-level lists */
	position: absolute;
	left: -999em;
	z-index: 999;
	margin: -26px 0 0 166px; padding: 0;
	width: 167px;
	list-style: none;
	text-align: left;
	}										

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

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
	}

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