/* Menu */
/* style the menu navigation wrap  */
#menu-wrap {position:relative; z-index:100;margin:0 auto;width:820px;}

/* 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%}

/* style the links for the top level */
#menu-wrap ul a, #menu-wrap ul a:visited {
    display:block;
    height:34px;
}


#menu-wrap li.section{
    padding-left:10px; 
    padding-right: 11px;    
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu-wrap ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:5px; width:199px;padding-bottom:15px;background:#fff;}

/* 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 li {

    width:200px;
    background:#fff;
    margin:0;
    height:auto;
}



#menu-wrap ul ul li a:hover {
    text-decoration:underline;
}

#menu-wrap ul li ul li a, #menu-wrap ul li ul li a:visited {
    background:#fff;
    color: #ac1420;

}

#menu-wrap ul ul {
    background:#fff;

}
                                  
/* 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; }




.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;
}



#menu-wrap li {
    margin-left:5px;
    background: url('../img/left.jpg') top left no-repeat;
}

#menu-wrap li a {
    padding: 12px 13px 0px 13px;
    background: url('../img/right.jpg') top right no-repeat;
}



/* style the links for the top level */
#menu-wrap ul a, #menu-wrap ul a:visited {
    text-decoration:none; 
    color:#000; 
    font-weight:bold;
}

/* style the top level hover */
#menu-wrap li a:hover, #menu-wrap ul ul a:hover{
    color:#CC0000;
}


/* menu sections with children */
#menu-wrap a.trigger, #menu-wrap a.trigger:hover, #menu-wrap a.trigger:visited {
    padding-right:25px;
    background: url('../img/right2.jpg') top right no-repeat;
}
#menu-wrap li.selected_subpage {
    padding: 12px 0px 0px 13px;
    background: #fff;
    width:187px;
}