/**
* Menu
*/

#menu{
	background: url("../image/menu.png") repeat-x scroll 0 0 #29415D;
    height: 72px;
    padding: 0;
    width: 877px;
}

#menu ul{
	margin-left: 0px; 
	padding-left: 0px; 
	margin-bottom: 0px; margin-top: 0px;
}

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

ul.menu                         
{ 
    position: relative; 
}

ul.menu li                      
{ 
    font-weight: bold; 
    float: left; 
    zoom: 1;
    /*APPEND*/
    list-style-type: none;
    color: #FFFFFF;
    display: block;
    float: left;
    font: 100% 'lucida sans unicode',arial,sans-serif;
    min-height: 37px;
    letter-spacing: 0.1em;
    /*padding: 29px 26px 6px;*/
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.top_li.active	a	            
{ 

color: #000000 !important;
font-weight:bold;

}

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

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

}

ul.menu li a                    { /*display: block; padding: 4px 8px; border-right: 1px solid #333;*/
	 								  color: #FFFFFF;
                                       
}
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
{ 
    /*background: #F3D673; color: black;*/ 
    position: relative; 
}


/* 
	LEVEL TWO
*/
ul.menu ul 						{ min-width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; 

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