/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; z-index:2; margin: 0; padding: 0;}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1;background:url(../images/navi-bg.JPG) repeat-x; list-style: none; line-height:24px}
.sidea             					{ height:30px; width:11px; }
.sideb             					{ height:30px; width:11px; margin-right:5px;}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px 12px 8px; color: #fff; height:14px; font-size:14px; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: #fff; position: relative; }
ul.dropdown li.hover a              { color: #fff; ; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 200px; max-width:220px; visibility: hidden; position: absolute; top: 100%; left: 0;margin: 0; padding: 0;  }
ul.dropdown ul li 					{ font-weight: normal; background: #195385; color: #000;border-bottom: 1px solid #407cb0; float: none; margin-left:-11px; }
ul.dropdown ul li:hover				{ background: #407cb0 ;} 									 
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: block; padding: 4px 8px 12px 8px; height:auto   } 

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


@media (max-width: 1400px) {
ul.dropdown ul li 					{ margin-left:11px; }
ul.dropdown ul li:hover				{ background: #407cb0 ;}
ul.dropdown ul 						{ left:-100%; margin-left:-50%;padding-top:10px;}
ul.dropdown ul ul 					{ left: -50%; top: 0; margin-right:-250%; }
}