/* DROPDOWN CSS BEGIN */


/* 
	LEVEL ONE
*/
ul.dropdown                         { width: 960px; margin: 1px auto 0 auto }
ul.dropdown li                      {float: left; zoom: 1; margin: 0 10px 0 0}
ul.dropdown li.last  				{float: right}
ul.dropdown a:hover		            { color: rgb(118, 111, 101) }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; color: #222; font-family: 'LeagueGothicRegular',  Impact, Charcoal, sans-serif; color: white; font-size: 30px }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background-image:url(../imgs/backgrounds/upper-background.jpg); position: relative;-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-										topleft: 5px; -moz-border-radius-topright: 5px;border-top-left-radius: 5px; border-top-right-radius: 5px}
ul.dropdown li.hover a              { text-decoration: none }
ul.dropdown li a.main-active		{color: rgb(168, 201, 76)}
ul.dropdown li a.main-active:hover	{color: white}


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0;  background-image:url(../imgs/backgrounds/upper-background.jpg);
									border-bottom-right-radius: 5px;
									border-bottom-left-radius: 5px;
									-webkit-border-bottom-right-radius: 5px;
									-webkit-border-bottom-left-radius: 5px;
									-moz-border-radius-bottomright: 5px;
									-moz-border-radius-bottomleft: 5px;
									z-index: 9999}
									
ul.dropdown ul li 					{ font-weight: normal; background: none; color: #000; float: none; padding: 5px 0 5px 0 }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color:rgb(76, 76, 74); font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 16px; text-decoration: none } 
ul.dropdown ul li a:hover	        {text-decoration: underline; color:rgb(77, 132, 195);}
ul.dropdown ul li a.active			{color:#4D84C3; text-decoration: none; cursor: text}

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

/* DROPDOWN CSS END */