/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; margin:0; padding:0; list-style:none;}
ul.dropdown li                      {  margin:0; padding:0; font-weight: bold; zoom: 1; height: 28px; background: url(/images/off.jpg) no-repeat top; }
ul.dropdown a:hover		            { color: #333; }
ul.dropdown a:active                { color: #000; }
ul.dropdown li a                    { margin: 1px 0; border-left: 1px solid #fff;border-right: 1px solid #D8CCA8; display: block; padding: 4px 0 4px 10px;color: #222; line-height: 20px;}
ul.dropdown li:first-child a         { border-left: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: url(/images/on.jpg) no-repeat top; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 0; left: 178px; }
ul.dropdown ul li 					{ background: transparent url(/images/transparent.png) repeat;
									  border-bottom: 1px solid #fff; float: none; }

ul.dropdown ul li 					{ background: transparent url(/images/transparent.png) repeat;
									  border-bottom: 1px solid #999999; float: none; line-height: 28px; padding:0 0 0 5px; border-left: 3px solid #5e6a9b;}
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border: none; width: 100%; display: inline-block;  line-height: 20px;padding: 4px 0 4px 0;} 
ul.dropdown ul li.hover,
ul.dropdown ul li:hover             { background: transparent url(/images/transparent.png) repeat; border-left: 3px solid #7b0000;}

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