#nav { z-index: 10; padding:0 10px; clear: both; font: normal 1.1em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left; }
#nav li.active a { color:#fff; text-decoration: underline; }
#nav li.active ul li a { text-decoration: none; }
#nav a { 
    float:left; 
    padding: 8px 18px 8px 15px; 
    color:#fff; 
    font-weight:bold; 
    background: url(images/menu-div.gif) no-repeat right top;
}
#nav li.over a,
#nav a:hover { color:#fff; }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { 
    float:none; 
    margin:0; 
    padding-bottom:1px; 
    background:#ecf3f6 url(images/nav_divider.gif) repeat-x 0 100%; 
}
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #899ba5; }

/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { background:#ecf3f6; }
#nav ul li a:hover { background:#d5e4eb; }
#nav ul li a,
#nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }

/**
 * Nav box
 */
#nav-box {
    
}
#nav-box ul {
}
/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav-box li { 
    position:relative; 
    text-align:left; 
    margin: 0px; 
    padding: 0px;
    vertical-align:top;
    width: 15em;
}
#nav-box li.over { z-index:999; }
#nav-box a,
#nav-box a:hover { display:block; width: 100%; text-decoration:none; }
#nav-box span { display:block; cursor:pointer; white-space:nowrap; }
#nav-box li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav-box li {  }
#nav-box li.active a { color:#2e2e2e; text-decoration: underline; }
#nav-box li.active ul li a { text-decoration: none; }
#nav-box a { 
    padding: 3px 18px 3px 15px; 
    color:#2e2e2e; 
    font-weight:bold; 
}
#nav-box li.over a,
#nav-box a:hover { color:#2e2e2e; }

/************ 1ST LEVEL ************/
#nav-box ul li,
#nav-box ul li.active { 
    float:none; 
    margin:0; 
    padding-bottom:1px; 
    background: #ecf3f6 url(images/nav_divider.gif) repeat-x 0 100%; 
}
/*#nav-box ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav-box ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav-box ul a,
#nav-box ul a:hover { float:none; padding:0; background:none; }
#nav-box ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav-box ul { position:absolute; width:15em; top:2px; left:-10000px; border:1px solid #899ba5; }

/* Show menu */
#nav-box li.over > ul { left: 50px; }
#nav-box li.over > ul li.over > ul { left:100px; }
#nav-box li.over ul ul { left:-10000px; }

#nav-box ul li a { background:#ecf3f6; }
#nav-box ul li a:hover { background:#d5e4eb; }
#nav-box ul li a,
#nav-box ul li a:hover { color:#2f2f2f !important; }
#nav-box ul span, #nav-box ul li.last li span { padding:3px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/
#nav-box ul ul { top:5px; }