/* 
	LEVEL ONE
*/
div#sideMenu ul { 
  position: relative;
  margin-top: 340px; 
  margin-left: -202px;
  float: left;
  height: 70px;
  display: block;
  z-index: 1000;
}

div#sideMenu ul li                      {
	font-weight: normal;
	font-size: 1.2em;
	float: left;
	zoom: 1;
	color: #000000;
	list-style: none;
	background-color: #FEF32F;
	margin: 0 3px 0 3px;
	padding: 0;
}
div#sideMenu ul a:hover		            {
	color: #FEF32F;
	background-color: #000000;
}

div#sideMenu ul li.active a                {
	color: #FEF32F;
	background-color: #000000;
}
div#sideMenu ul li a                    {
	display: block;
	padding: 1px 8px;
	color: #333;
	background-color: #808080;
	text-decoration: none;
}
div#sideMenu ul li:last-child a         { border-right: none; } /* Doesn't work in IE */
div#sideMenu ul li.hover,
              {
	background-color: #FEF32F;
	color: #FF0066;
	position: relative;
}
div#sideMenu ul li.hover a            {
	color: #ffdd00;
}


/* 
	LEVEL TWO
*/
div#sideMenu ul ul 						{ display: none; width: 200px !important; visibility: hidden; position: absolute; top: 100%; left: -25px; padding-top: 5px; z-index: 5000;}
div#sideMenu ul ul li, div#sideMenu ul ul li:hover 					{
	font-weight: normal;
	font-size: 0.9em;
	border-top: 1px #fff solid;
	color: #000;
	float: none;
	z-index: 700;
	background: none !important;
	width: 200px;
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
div#sideMenu ul ul li a					{ 
  border-right: none; 
  background-color: #cccccc;
  width: auto; 
  display: inline-block; 
} 

/* 
	LEVEL THREE
*/
div#sideMenu ul ul ul 					{ left: 100%; top: 0; }
div#sideMenu ul li:hover > ul 			{ visibility: visible; }