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

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

		#nav li a {
				display: block;
				padding: 8px 8px;
				color: #fff;
				text-decoration: none;
				cursor: pointer;
				border-right: solid 1px #903;
				}
		
				#nav li a:hover {
						color: #f99;
						}
		
				#nav li a.last {
						border-right: none;
						}

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

				#nav li ul li a {
						margin: 0; padding: 0 2px 0 4px;
						width: 165px;
						line-height: 20px;
						color: #903;
						border-right: none;
						}

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

#nav li ul li ul { /* third-level lists */
		position: absolute;
		left: -999em;
		z-index: 999;
		margin: -26px 0 0 161px; padding: 5px 2px 0 4px;
		width: 160px;
		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.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;
		}