/*
        LEVEL ONE
*/
ul.dropdown                         { z-index:99; position: relative; list-style: none; padding-left: 0px; }

ul.dropdown li                      {
    /*font-weight: bold;*/
    float: left; zoom: 1;
    margin-right: 20px;}
ul.dropdown a:hover		            { }
ul.dropdown a:active                { /*color: #ffa500;*/}
ul.dropdown li a                    {
    list-style: none;
    display: block; padding: 4px 0px;
    /*border-right: 1px solid #333;*/
    /*color: #222;*/ }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative;}
ul.dropdown li.hover a              { }

/*
        LEVEL TWO
*/
ul.dropdown ul 		{
    padding-top: 3px;
    padding-left: 0px;
    list-style: none;

    width: 240px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 	{ font-weight: normal; background: #f8f8f8; color: #666;
                     float: none; border-bottom: 1px #ddd solid; }

.sub_menu a{
    border-bottom: none;
}

.sub_menu li:hover {
    background: #eee;
}
ul.sub_menu:hover {margin-top:-0px;}
.sub_menu a:hover {
    border-bottom: none;
    padding: 4px 0;
    text-shadow: none;
}

.sub_menu {
    font-size:80%;
}

.sub_menu li {
    padding: 4px;
}

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

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