#menu {
	background-color: #932e8a;
	padding: 5px;
	font-size: 95%;
}

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

#resource-nav a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	width: 125px;
	padding: 2px;
}

#resource-nav li { /* all list items */
	float: left;
	width: 125px; /* width needed or else Opera goes nuts */
}

#resource-nav li ul { /* second-level lists */
	position: absolute;
	background: #932e8a;
	text-align: left;
	padding: 4px;
	width: 165px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#resource-nav li ul li {
	padding: 6px;
}

#resource-nav li ul.issues {
    width:130px;
    padding: 0;
    text-align: left;
    margin: 0;
}

#resource-nav li ul.issues a {
    width:125px;
    padding: 0;
}

#resource-nav li ul.issues li {
    width:130px;
    padding: 5px;
}

#resource-nav li ul li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	width: 165px;
}

#resource-nav li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 125px;
	width: 165px;
}

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

#resource-nav li:hover ul, #resource-nav li li:hover ul, #resource-nav li li li:hover ul, #resource-nav li.sfhover ul, #resource-nav li li.sfhover ul, #resource-nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#resource-nav a:hover {
	text-decoration: underline;
}


/*#resource-nav, #resource-nav ul {
    background-color: #932e8a; 
    padding: 0;
    margin: 0;
    height: 30px;
    width: 950px;
	list-style: none;
	line-height: 1.0;
}

#resource-nav a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	width: 135px;
	height:30px;
}

#resource-nav li { 
	float: left;
	text-align: center;
	width: 135px;
}

#resource-nav li ul { 
	position: absolute;
	text-align: left;
	background: #932e8a;
	width: 200px;
	left: -999em;  
}

#resource-nav li ul ul { 
	margin: -27px 0 0 200px;
}

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

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

#resource-nav li:hover, #resource-nav li a:hover, #resource-nav li.sfhover a {
	color: #932e8a;
	background: #FFFFFF;
}

*/

/*
ul#resource-nav,
ul#resource-nav ul {
	margin: 0;
	padding: 0;
	font-size: 80%;
	list-style: none;
	}

ul#resource-nav li {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	width: 100px;
	float: left;
	}

ul#resource-nav li a {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 100px;
	color: #fff;
	font-size: 1.1em;
	font-weight:bold;
	padding: 4px;
	border-bottom: 0;
	}

Fix IE. Hide from IE Mac 
* html ul#resource-nav li { float: left; height: 1%; }
* html ul#resource-nav li a { height: 1%; }
End 

ul#resource-nav ul {
	position: absolute;
	display: none;
	left: 0; 
	top: 25px;
}

ul#resource-nav ul li {
   text-align: center;
}

ul#resource-nav li ul li a { padding: 5px 5px; }

ul#resource-nav li:hover ul ul,
ul#resource-nav li:hover ul ul ul,
ul#resource-nav li.over ul ul,
ul#resource-nav li.over ul ul ul { display: none; } 

ul#resource-nav li:hover ul,
ul#resource-nav li li:hover ul,
ul#resource-nav li li li:hover ul,
ul#resource-nav li.over ul,
ul#resource-nav li li.over ul,
ul#resource-nav li li li.over ul { display: block;} 

ul#resource-nav li.menuparent { background: transparent url(ws_resource/images/flyuparrow.gif) right center no-repeat; }

ul#resource-nav li.menuparent:hover,
ul#resource-nav li.over { background-color: #FFFFFF; }

ul#resource-nav li a:hover { color: #932e8a;font-weight:bold; background-color: #FFFFFF; }
*/