/* 
	LEVEL ONE
*/
ul.dropdown{
position: relative;
width:900px;
margin: 0px auto;
z-index:2;
}

ul.dropdown li{
font-weight: bold;
float: left;
zoom: 1;
height:29px; }

ul.dropdown a:hover{
color: #fff;
text-decoration:none; }

ul.dropdown a:active{
color: #fff; }

ul.dropdown li a{
display: block;
padding:0px;
color: #222; }

ul.dropdown li:last-child a{
border-right: none; } /* Doesn't work in IE */

ul.dropdown li.hover,
ul.dropdown li:hover{
background:url(../images/drop_on.png) no-repeat;
color: #fff;
position: relative;}

ul.dropdown li.hover a{
color: #fff; }


/* 
	LEVEL TWO
*/
ul.dropdown ul{
width: 210px;
visibility: hidden;
position: absolute;
top: 50px;
left: 0;
z-index:2; }

ul.dropdown ul li{
font-weight: normal;
background:url(../images/drop_off.png) no-repeat;
color: #fff; 
float: none;}
									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{ border-right: none; width: 100%; display: inline-block; color: #fff; padding:7px 0px 0px 20px; } 

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