#nav {
		float: left;
		position: relative;
		z-index: 1;
		margin: 0; padding: 4px 0 3px 0;
		width: 690px!important; width: 688px; height: 17px!important; height: 24px;
		list-style: none;
		background: #ec008c;
		}

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

		#nav li a {
				display: block;
				padding: 0 10px;
				color: #fff;
				text-decoration: none;
				border-right: solid 1px #fff;
				}
		
				#nav li a:hover {
						color: #f9b2dc;
						}
				
				#nav li a.last {
						padding: 0; padding-left: 10px;
						border-right: none;
						}

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

				#nav li ul li.last {
						border-bottom: solid 1px #ec008c;
						}				

				#nav li ul li a {
						display: block;
						margin: 0; padding: 2px 5px;
						width: 150px;
						color: #ec008c;
						border: 0;
						}

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

 /* 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;
		}