/* ------- Menu ------------------------------------------------------------------- */
#menu-container
{
   position: relative;
   float: top;
   width: 200px;
   margin: 0;
   padding: 0;
   background: images/330-20B.jpg;
   float: left;
   font: 12pt Verdana, sans-serif;
   color: #000000;
   text-decoration: none;
   font-weight: 500;
}
#menu-b
{
	background: #b5deb5;
	width : 200px;
	height: 77px;
}
#menu ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;
}
#menu ul li
{
   margin: 0;
   padding: 0;
   position: relative;
}
#menu li ul 
{
	position: absolute;
	background: #b5deb5;
	top: 0;
	width: 100%; 
	left: 100%;
	margin-left: 0px;
	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: #b5deb5;
	font-size : 12px;
	background: #e7efd6; /* IE6 Bug */
	padding: 3px 3px 8px 5px;
	border-top: 1px solid #b5deb5;
	border-left: 1px solid #b5deb5;
}
#menu ul li a
{
	display: block;
	text-decoration: none;
	color: #000000;
	font-size : 12px;
	background: images/330-20B.jpg; /* IE6 Bug */
	padding: 3px 3px 8px 5px;
	border-top: 1px solid #b5deb5;
	border-left: 1px solid #b5deb5;
}
#menu ul li span:hover 
{ 
   color: #000000;
   background-color: #b5deb5; 
}

#menu ul li a:hover 
{ 
   color: #000000;
   background-color: #e7efd6; 
}

/* 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.shortest
{
	width: 80px;
}

#menu ul.shorter
{
	width: 100px;
}

#menu ul.short
{
	width: 170px;
}

#menu ul.long
{
	width: 240px;
}
#menu ul.longer
{
	width: 260px;
}
#menu ul.longest
{
	width: 280px;
}
/* ------- End-Menu ------------------------------------------------------------------- */