/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative;margin-top: 0px;margin-left: 5px;padding-left: 0; }
ul.dropdown li                      { font-weight: bold; float: left; list-style:none;font-family: Tahoma; font-size: 12px;margin-left: 4px; margin-right: 4px;}
ul.dropdown a:hover		            { color: #000000; }
ul.dropdown a:active                { color: #000000; }
ul.dropdown li a                    { display: inline-block; height: 27px; padding: 9px 6px 0px 6px;  color: #ffffff; text-decoration:none; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover                { background: #f1c149 url(/images/menu-hover.png) repeat-x; color: #000000; position: relative; }
ul.dropdown li.hover a              { background: #f1c149 url(/images/menu-hover.png) repeat-x; color: #000000; position: relative; }


/* 
	LEVEL TWO
*/
ul.dropdown ul { 
width: 220px; 
visibility: hidden; 
position: absolute; 
top: 100%; 
left: 0px; 
padding:0px;
margin: 0px;
zoom: 1;
border: 1px solid #f1a625; 
background:#ab0000;
z-index:100;
}
ul.dropdown ul li 					{ font-weight: normal;  color: #000000; 
									  float: none;padding:0px 0; height: 28px;margin:0; border-bottom: 1px solid #f1a625; margin: 0;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ width: 100%; display: inline-block;color:#ffffff;font-weight: bold; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }



#jsddm
{	margin: 0;
	padding: 0;
	position: relative;
	margin-top: 0px;margin-left: 5px;padding-left: 0; 
	z-index: 15;
	}
	
	#jsddm li
	{	float: left;
		list-style: none;
		position: relative;
		font-weight: bold; 
		font-family: Tahoma; 
		font-size: 12px;
		margin-left: 4px; 
		margin-right: 4px;
		}

	#jsddm li a
	{	display: inline-block; height: 27px; padding: 9px 6px 0px 6px;  color: #ffffff; text-decoration:none;
		
		}

	
	#jsddm li.hover, #jsddm li:hover  ,#jsddm li a:hover, #jsddm li ul li a:hover
	{	
	background: #f1c149 url(/images/menu-hover.png) repeat-x; 
	color: #000000;
	}
		
		#jsddm ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			width: 140px; 
			position: absolute; 
			top: 100%; 
			left: 0px; 
			border: 1px solid #f1a625
			background:#ab0000;
			z-index:11;
			}
		
		#jsddm ul li
		{	font-weight: normal;  color: #000000; 
		display: block;
			float: none;padding:0px 0; margin:0; border-bottom: 1px solid #f1a625; margin: 0;}
		
		#jsddm ul li a
		{	
			display: block;
			background:#ab0000;
			font-weight:bold;
			
			width: 100%;			}