#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	position: relative;
}

#nav li ul { /* second-level lists */
	position: absolute; 
	top: 27px;
	left: 0; 
	width: 16em;
	padding: 10px 5px 5px;
	margin: 0;
	border: 3px #b6d9f7 solid;
	background: #dbedfb;
	left: -999em; 
	text-align: left;
}

#nav li ul li a:hover, 
#nav li ul li a.sfhover {
	color: #a33995;
} 

#nav li ul li {
	padding-bottom: 10px;
	padding-left: 10px;
	color: #505050;
}

#nav li ul li.expand {
	background: transparent url('http://www.ywlt.org/images/layout/nav_arrow.gif') no-repeat 0 0;
}

#nav li ul li a {
	text-decoration:none;
	color: #505050;
	font-weight:bold;
	font-size: 11px;
	width:140px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: 0 0 0 10em;
	position: absolute;
	top: -2px;
	background-color: #E6F0FC;
	border-width: 2px;
	width: 175px;
}

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

/* lists nested under hovered list items */
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul 
	{left: 0px; float: right}
		
#nav li li a, #nav li li li a	{text-align: left;}
#nav li li						{padding: 0; height: 12px;}
#nav li li a					{padding: 0;}
#nav li li a, 
#nav li li a:hover, 
#nav li li li a, 
#nav li li li a:hover			{background: none;}