#menu-wrap {width:100%; height:37px; position:relative; z-index:100;}
#menu-wrap ul a{font-size: 16px; font-weight: 600;}
#menu-wrap ul ul a, #menu-wrap ul ul ul a{font-size: 12px;}
/* hack to correct IE5.5 faulty box model */
* html #menu-wrap {width:100%; w\idth:100%}
/* remove all the bullets, borders and padding from the default list styling */
#menu-wrap ul {padding:0;margin:0;list-style-type:none;}
#menu-wrap li, #menu-wrap a, #menu-wrap div {padding:0;margin:0;}
#menu-wrap ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu-wrap ul li {float:left;position:relative;}
#menu-wrap ul ul li {width:100%; background-color: #1D427C;background: url(../img/bg-second-level.png) repeat-x left bottom!important; padding: 8px 0;}
.footer-inner #menu-wrap ul ul *:hover > a {background: url(../img/bg-second-level.png) repeat-x left bottom!important;}
.footer-inner #menu-wrap ul ul a:hover{ background: url(../img/bg-second-level.png) repeat-x left bottom!important;}
.footer-inner #menu-wrap ul ul :hover > a {   background: url(../img/bg-second-level.png) repeat-x left bottom!important;}
.footer-inner #menu-wrap ul li:hover a{ background:none!important;} 
.footer-inner #menu-wrap a:hover{ background:none!important;}
#menu-wrap ul ul a:hover{ background: none!important;}
.footer-inner #menu-wrap :hover > a{ background:none!important;}
#menu-wrap ul ul :hover > a { background:none!important;}
#menu-wrap ul li:first-child a, #menu-wrap ul li.selected_page:first-child{background-image: none;}
#menu-wrap ul li.navOver a{background-image: none!important;}
#menu-wrap ul li.selected_page.navOver {background-image: none!important;}

/* style the links for the top level */
#menu-wrap ul a, #menu-wrap ul a:visited {
    display:block;
    line-height:37px;
    padding-left:13px; 
    padding-right: 13px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu-wrap a, * html #menu-wrap a:visited {width:10px; w\idth:10px;padding-right:20px;white-space:nowrap}

/* style the second level background */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
    border: 0px;
}

#menu-wrap li.section{
    line-height:25px;
    padding-left:13px; 
    padding-right: 13px;    
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu-wrap ul ul {position:absolute;min-height: 0;top:37px;left:0; width:149px; padding: 15px 0 5px;visibility:hidden;}
/* another hack for IE5.5 */
* html #menu-wrap ul ul {top:37px;t\op:37px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu-wrap table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
    height:auto; line-height:15px; padding:5px 10px; 
/*    width:150px;*/
}
/* yet another hack for IE5.5 */
* html #menu-wrap ul ul a, * html #menu-wrap ul ul a:visited {width:150px;w\idth:128px;}
                                  
/* make the second level visible when hover on first level list OR link */
#menu-wrap ul li:hover ul,
#menu-wrap ul a:hover ul{visibility:visible; }


#menu-wrap li.selected_page{    
    line-height:20px;
}
#menu-wrap li.selected_subpage{    
    line-height:25px;
    padding-left:13px; 
    padding-right: 13px;    
}
#menu-wrap li.selected_subpage a, #menu-wrap li.selected_subpage a:visited{
    padding-right:0; 
    padding-left:0; 
}

.cms-nav-clearit {
    clear: both;
    height: 0;
    line-height: 0.0;
    font-size: 0;
}
.cms-nav-sub-section{    
    font-weight:bold;
    font-size: 110%;
    list-style-type: none;
}
ul li.cms-nav-sub-section:before{
    content: '' !important;
}

.cms-nav-sidebar ul, .cms-nav-sidebar li, .cms-nav-sidebar a{
    padding:0;
    margin:0;    
}
.cms-nav-sidebar{
    list-style: none;
    padding:0;
    margin:0;
}
.cms-nav-sidebar li{
    position: relative;
    margin:4px 8px 2px 8px;
}
.cms-nav-sidebar li.selected_page_side{
    
}