#menu {
	top: 190px;
	left: 0px;
	z-index:2;
	width: 100px;
	position:absolute;
	padding-bottom: 12em; /* To allow room for bottom dropdown */
}

#menu A {
	margin: 0px;
	color: #FFFFFF;
	display: block;
	font-size: 10px;
	white-space: nowrap;
	text-decoration: none;
	padding: 1px 2px 1px 17px;
}

#menu A:hover {
	color:#FFFFFF;
	background:#640000;
}

#menu A:active {
	color: #999999;
	background: #640000;
}
#menu A:visited {
	color: #C0C0C0;
}

#menu UL {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 1px;
}
#menu UL LI {
	width: 100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu  LI, div#menu  LI:hover {
	margin-top: 0px;
	position: relative;
	background: #B28080;
	border: 1px solid #CCCCCC;
}

div#menu  LI UL {
	top: -1px;
	left: 100.1%;
	display: none;
	position: absolute;
}

div#menu UL UL,
div#menu UL UL UL,
div#menu UL LI:hover UL UL,
div#menu UL LI:hover UL UL UL,
div#menu UL LI:hover UL UL UL UL {
	display:none;
}

div#menu UL LI:hover UL,
div#menu UL UL LI:hover UL,
div#menu UL UL UL LI:hover UL,
div#menu UL UL UL UL LI:hover UL {
	display:block;
}
