/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; list-style: none; text-align: left; margin: 0 0 0 10px; padding: 0; z-index: 5;}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; }
ul.dropdown a:hover		            { color: #fff; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 0 6px; line-height: 30px;
	 								  color: #fff; text-decoration: none; text-transform:uppercase; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: url(/assets/images/nav/navOnBG.png) repeat-x; color: fff; position: relative; }
ul.dropdown li.hover a              { color: fff; text-decoration: none; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style: none; margin: 0; padding: 0;}
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
									  
									  
									  
ul.dropdown ul li.hover,
ul.dropdown ul li:hover                { background: #d3d3d3; color: 333; position: relative; }
ul.dropdown ul li.hover a              { color: 333; text-decoration: none; }

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color: #000;} 
ul.dropdown ul li a:hover		    { color: #333; }
ul.dropdown ul li a:active          { color: #333; }

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