#menu-container
{
   position: absolute;
   left: 0;
   top: 138px;
   padding-top: 11px;
}
#menu
{
	/* Global Width Change - Was 40px bottom padding*/
   padding-bottom: 25px;
   padding-left: 11px;
}
#menu ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 122px;
	border-bottom: 1px solid #000;
}
#menu ul li 
{
	position: relative;
}
#menu li ul 
{
	position: absolute;
	top: 0;
	width: 100%; 
	left: 100%;
	margin-left: -1px;
	display: none;
}
#menu ul.short ul, ul.long ul, ul.longer ul
{
	width: 122px;
}
#menu ul li a, #menu ul li span
{
	display: block;
	text-decoration: none;
	color: #000;
	font: normal 12px arial, sans-serif;
	background: #DDD; /* IE6 Bug */
	padding: 3px 3px 3px 3px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
#menu li a.sub, #menu li span.sub
{
	color: #000;
   background: #DDD url(/css-img/menu-arrow.gif) no-repeat right center;
}
#menu ul li a:hover 
{ 
	color: #000;
   background-color: #F5C519; 
	text-decoration: underline;
}
#menu ul li span:hover 
{ 
	color: #000;
   background-color: #BBB; 
	text-decoration: none;
}

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


#menu ul ul,
#menu ul li:hover ul ul
{display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul
{display: block;}

#menu ul.short
{
	width: 100px;
}
#menu ul.long
{
	width: 160px;
}
#menu ul.longer
{
	width: 200px;
}
#menu ul.exLong
{
	width: 200px;
}