#menu-wrap {
    width: 100%;
    height: 30px;
    position: relative;
    z-index: 100;
    /* remove all the bullets, borders and padding from the default list styling */
    /* style the table so that it takes no ppart in the layout - required for IE to work */
}

    #menu-wrap ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
        /* style the links for the top level */
        /* make the second level visible when hover on first level list OR link */
    }

        #menu-wrap ul li {
            float: left;
            position: relative;
        }

        #menu-wrap ul a,
        #menu-wrap ul a:visited {
            display: block;
            line-height: 30px;
            padding-left: 10px;
            padding-right: 20px;
        }

        #menu-wrap ul ul {
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            visibility: hidden;
            position: absolute;
            height: 0;
            top: 30px;
            left: 0;
            width: 149px;
            /* style the second level links */
        }

            #menu-wrap ul ul li {
                width: 100%;
            }

            #menu-wrap ul ul a,
            #menu-wrap ul ul a:visited {
                border: 0;
                height: auto;
                line-height: 15px;
                padding: 5px 10px;
                width: 150px;
            }

        #menu-wrap ul li:hover ul,
        #menu-wrap ul a:hover ul {
            visibility: visible;
        }

    #menu-wrap li,
    #menu-wrap a,
    #menu-wrap div {
        padding: 0;
        margin: 0;
    }

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

        #menu-wrap li.selected_page {
            line-height: 20px;
        }

        #menu-wrap li.selected_subpage {
            line-height: 25px;
            padding-left: 10px;
            padding-right: 11px;
        }

            #menu-wrap li.selected_subpage a,
            #menu-wrap li.selected_subpage a:visited {
                padding-right: 0;
                padding-left: 0;
            }

    #menu-wrap table {
        position: absolute;
        top: 0;
        left: 0;
        border-collapse: collapse;
    }

/* hack to correct IE5.5 faulty box model */
* html #menu-wrap {
    width: 100%;
    w\idth: 100%;
}

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

    /* another hack for IE5.5 */
    * html #menu-wrap ul ul {
        top: 30px;
        t\op: 30px;
    }

        /* yet another hack for IE5.5 */
        * html #menu-wrap ul ul a, * html #menu-wrap ul ul a:visited {
            width: 150px;
            w\idth: 128px;
        }

.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 {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .cms-nav-sidebar ul ul,
    .cms-nav-sidebar ul li,
    .cms-nav-sidebar ul a, .cms-nav-sidebar li ul,
    .cms-nav-sidebar li li,
    .cms-nav-sidebar li a, .cms-nav-sidebar a ul,
    .cms-nav-sidebar a li,
    .cms-nav-sidebar a a {
        padding: 0;
        margin: 0;
    }

    .cms-nav-sidebar ul li, .cms-nav-sidebar li li, .cms-nav-sidebar a li {
        position: relative;
        margin: 4px 8px 2px 8px;
    }
