div#cssmenu {
	position: absolute; /* Firefox will shuffle content around without this. */
	_position: relative; /* With absolute positioning, in IE, the dropdowns apppear several pixels away from the Level 1 links. */
	overflow: visible;
/*	width: 100%; */
/*	margin-top: 10px; */
	z-index: 1000;
}

div#cssmenu ul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style: none;
	overflow: visible;
	z-index: 1000;
}

div#cssmenu ul li {
	position: relative;
	float: left;
	overflow: visible;
	z-index: 1000;
	padding: 0px;
	margin-right: 40px;
	_width: 120px; 	/* Making a horizontal list in IE requires width definition; FX is ok without it. */
	_margin: 0px;		/* You fools. IE is bloat and sucks. */
	_margin-right: 0px; /* Margin-right creates a horiziontal list in FX, but not in IE. */
/*	background-color: #00ff00; */	/* debug only */
}

/* ================= */
/* LEVEL 2 DROPDOWNS */
/* ================= */
div#cssmenu li ul {
	position: absolute;
	left: -1px; /* Set 1px less than menu width */
/*	top: 1px; */
	display: none;
/*	width: 150px; */
/*	padding-right: 10px; */
	width: 8em;
/*	width: 120px; */
/*	_width: 110px; */		/* You fools. IE is bloat and sucks. */
	border-top: 1px solid #ffffff;
	border-left: 1px solid #002E4E;
	border-right: 1px solid #002E4E;
	border-bottom: 1px solid #002E4E;
	background-color: #ffffff;
	z-index: 1000;
}

div#cssmenu li ul li {
	width: 8em;
	margin: 0px;
	z-index: 1000;
/*	background-color: #00ff00; */	/* debug only */
}

/* LEVEL 3 DROPDOWNS */
div#cssmenu li ul li ul {
	position: absolute;
	left: 140px; /* Set 1px less than menu width */
	top: 0px;
	display: none;
	width: 150px;
/*	border: 1px solid #75041C; */
/*	border-top: 1px solid #002E4E; */
	background-color: #ffffff;
	z-index: 1000;
}

/* Styles for Menu Items at All Levels */
div#cssmenu ul li a {
	display: block;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 0px;
	_width: 100%;		/* You fools. IE is bloat and sucks. */
	z-index: 1000;
	color: #996699;
}

/* Fix IE. Hide from IE Mac \*/
* html div#cssmenu ul li { float: left; height: 1%; }
* html div#cssmenu ul li a { height: 1%; }
/* End */

/* Hover Styles */
div#cssmenu ul li a:hover {
	color: #5E0070; /* Level 1 menu text color on hover. */
/*	background-color: #EBB600; */
	text-decoration: underline;
	z-index: 1000;
}

div#cssmenu li ul li a:hover {
	color: #5E0070; /* Level 2 menu text color on hover. */
	background-color: #ffffff; /* Force background color to remain soft gold. */
	z-index: 1000;
}

div#cssmenu li ul li a {
/*	padding: 5px 10px;
	font-size: 90%; 
	font-size: 1em;
	border: 0px; */
	z-index: 1000;


} /* Sub Menu Styles */
		
div#cssmenu li:hover ul { display: block; } /* The magic */
div#cssmenu li.over ul { _display: block; } /* You fools. IE is bloat and sucks. */


div#cssmenu li:hover ul li ul { display: none; } /* level 2 magic */
div#cssmenu li.over ul li ul { _display: none; } /* You fools. IE is bloat and sucks. */


div#cssmenu li ul li:hover ul { display: block; } /* level 3 magic */
div#cssmenu li ul li.over ul { _display: block; } /* You fools. IE is bloat and sucks. */

div#cssmenu li.level1 a {
	_white-space: nowrap;	/* You fools. IE is bloat and sucks. */
}

div#cssmenu li.level2 a {
	_white-space: normal;	/* You fools. IE is bloat and sucks. */
}