/* 
	LEVEL ONE
*/
ul.menu li{
    /*APPEND*/
    padding: 0px;
    margin: 0px;
}

ul.menu                         
{ 
    position: relative;
    padding-left:0px; 
}

ul.menu li                      
{ 
    float: left; 
    /*APPEND*/
    list-style-type: none;
    color: #828282;
    display: block;
    font: arial,sans-serif;
    min-height: 20px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
}

.top_li.active	a	            
{ 

color: #fff;
text-decoration: none!important;

}

/*ADD-ON*/
ul.menu li.top_li{
    padding: 15px 12px 15px 12px;
}
ul.menu li ul.sub_menu li{
    padding: 3px 10px 3px;
}

ul.menu li ul.sub_menu li a{
	color:#7e7e7e;
}

ul.menu li ul.sub_menu a:hover{ color: #fff;

}

ul.menu a:hover		            { color: #fff;

}

ul.menu li a                    { 
	 								  color: #828282;
                                       
}
ul.menu li:last-child a         { border-right: none; 

} 

/* Doesn't work in IE */
ul.menu li.hover,
ul.menu li:hover,
ul.menu li.active,                
ul.menu li:active
{ 

    position: relative; 
    color:#fff;
    background-color: #00ace4;
}


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

}
ul.menu ul li 					{ font-weight: normal; background: #5ed7ff; color: #000; 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;
}