/* 
	LEVEL ONE
*/
ul.menu {
    position: relative;
    margin: 0;
    pading: 0;
}
ul.menu li {
    font-weight: bold;
    float: left;
    zoom: 1;
    margin: 0;
    background: #ccc;
    display: block;    
}
ul.menu a:hover		            { color: #000; }
ul.menu a:active                { color: #ffa500; }
ul.menu li a                    {
    display: block;
    padding: 2px 8px;
    color: #222;
}
ul.menu li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.menu li.hover,
ul.menu li:hover                { background: #F3D673; color: black; position: relative; }
ul.menu li.hover a              { color: black; }

/* 
	LEVEL TWO
*/
ul.menu ul
{
    width: 220px;
    visibility: hidden;
    position: absolute;
    top: 100%; left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    
}
ul.menu ul li
{
    position: relative;

    font-weight: normal; background: #f6f6f6; color: #000;
    border-bottom: 1px solid #ccc; float: none;
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.menu ul li a					{ border-right: none; width: 100%; display: inline-block; }

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