/* menu popup */
/**************/
/* popup_l_menu: left vertical menu */
/* popup_r_menu: right vertical menu */
/* popup_t_menu: top horizontal menu */
/* popup_b_menu: bottom horizontal menu */

/* mechanics */
/* ********* */
div.popup_l_menu,
div.popup_r_menu{
margin-top:2px;
width:100%;
}
div.popup_t_menu,
div.popup_b_menu{
height:100%;
float: left;
margin: 0;
padding: 0;
width:100%;
}
div.popup_l_menu ul,
div.popup_r_menu ul,
div.popup_t_menu ul,
div.popup_b_menu ul{
list-style:none;
margin:0;
padding:0;
}
div.popup_l_menu ul,
div.popup_r_menu ul{
width:100%;
}
div.popup_t_menu ul,
div.popup_b_menu ul{
float: left;
height:100%;
}
div.popup_l_menu ul li,
div.popup_r_menu ul li,
div.popup_t_menu ul li,
div.popup_b_menu ul li{
list-style:none;
margin:0;
padding:0;
width:100%;
position: relative;
}
div.popup_l_menu ul li ul,
div.popup_r_menu ul li ul,
div.popup_t_menu ul li ul,
div.popup_b_menu ul li ul{
position:absolute;
display:block;
}
div.popup_l_menu ul li ul,
div.popup_t_menu ul li ul li ul {
top:0;
left:100.1%;
visibility:hidden;
}
div.popup_r_menu ul li ul{
top:0;
right:100.1%;
visibility:hidden;
}
div.popup_l_menu a,
div.popup_r_menu a,
div.popup_t_menu a,
div.popup_b_menu a{
margin:0;
display:block;
padding:1px 3px ;
width:100%;
}

/* decoration */
/* ********** */
div.popup_t_menu ul,
div.popup_b_menu ul{
width: 15em;
}
div.popup_l_menu a,
div.popup_r_menu a{
font-weight:bold;
border-top:1px solid white;
border-bottom:1px solid white;
}
div.popup_t_menu a,
div.popup_b_menu a{
font-weight:bold;
}
div.popup_t_menu ul ul a,
div.popup_b_menu ul ul a{
font-weight:bold;
}
div.popup_l_menu a,
div.popup_r_menu a,
div.popup_t_menu a,
div.popup_b_menu a{
text-decoration:none;
}


#menu_2_root a { text-align:center;height:20px; background: black; color:white;margin:0;padding:5px 0 0 5px;}
#menu_2_root a:hover { background: #C27953; }
#menu_2_root ul li a {text-align:left;width:15em;background: #C27953;height:25px;}
#menu_2_root ul li a:hover {background: #CA9072;}

#menu_3_root a {  text-align:center;height:20px;background: black; color:white;margin:0;padding:5px 0 0 5px;}
#menu_3_root a:hover { background: #8C98B0; }
#menu_3_root ul li a {text-align:left;background: #8C98B0;height:25px;}
#menu_3_root ul li a:hover {background: #B7B3BE;}

#menu_4_root a:hover { background: #3D7BBA; }
#menu_4_root a {  text-align:center;height:20px;background: black; color:white;padding:5px 0 0 5px;}
#menu_4_root ul li a {text-align:left;background: #3D7BBA;height:25px;}
#menu_4_root ul li a:hover {background: #6D9BCA;}