/* ------- Menu ------------------------------------------------------------------- */
#menu-container
{
   position: relative;
   float: top;
   width: 200px;
   margin: 0;
   padding: 0;
   background: #ffffff;
   float: left;
   font: 12pt Verdana, sans-serif;
   color: #000000;
   text-decoration: none;
   font-weight: 500;
}
#menu-b
{
	background: #ffffff;
	width : 200px;
	height: 77px;
}
#menu ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;
}
#menu ul li 
{
   margin: 0;
   padding: 0;
   background: #f6d900;
   position: relative;
}
#menu li ul 
{
	position: absolute;
	top: 0;
	width: 100%; 
	left: 100%;
	margin-left: -1px;
	display: none;
}
ul.longer ul
{
	width: 125px;
}
ul.long ul
{
	width: 125px;
}
#menu ul.short ul
{
	width: 125px;
}
#menu ul li span
{
	display: block;
	text-decoration: none;
	color: #0000ff;
	font-size : 12px;
	background: #f6d900; /* IE6 Bug */
	padding: 3px 3px 8px 5px;
	border-top: 1px solid #0099cc;
	border-right: 1px solid #0099cc;
}
#menu ul li a
{
	display: block;
	text-decoration: none;
	color: #0000ff;
	font-size : 12px;
	background: #f6d900; /* IE6 Bug */
	padding: 3px 3px 8px 5px;
	border-top: 1px solid #0099cc;
	border-right: 1px solid #0099cc;
}
#menu ul li span:hover 
{ 
   color: #ffffff;
   background-color: #df2b2c; 
}

#menu ul li a:hover 
{ 
   color: #ffffff;
   background-color: #df2b2c; 
}

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


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


#menu ul ul
{display: none;}

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

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

#menu ul.medium
{
	width: 165px;
}	
#menu ul.long
{
	width: 220px;	
}
#menu ul.longer
{
	width: 270px;
}
#menu ul.longest
{
	width: 345px;
}
/* ------- End-Menu ------------------------------------------------------------------- */