/*---------*/
/* Use in place of Asp.Net Menu control style block, set IncludeStyleBlock = false; */
/* Use in place of Asp.Net Menu control Pre_Render event. In descendant, override pre-render to prevent inline styling, see br_menu_Control and descendants */
@media screen and (min-width:769px) {
    /* Menus */
    div.menu_bar /* div around individual menu_bar divs */ {
        /*width: 100%; */
    }
    /*---------*/
    /* Menu Bars at top of page */
    div.menu_bar /* For all links, dynamic and static */ {
        border-collapse: collapse;
        /*width: 100%; */ /* Need to spread to full width, because asp.net adds javascript to float left for skip link support */
    }
    div.menu_bar ul {
        /*border-collapse:collapse;*/
        list-style: none;
        margin:0;
        padding:0;
        width: auto;
        z-index:100;
        }
    div.menu_bar a {
        display:block;
        padding-bottom: .5em;
        padding-left: .5em;
        padding-right: .5em;
        padding-top: .5em;
        text-decoration: none;
        white-space: normal;
        }
    div.menu_bar a.selected, div.menu_bar a[target='_self'], div.menu_bar > ul > li > a.selected:visited, div.menu_bar > ul > li > a:visited[target='_self'] {
        color: yellow;
        }
    div.menu_bar a:hover { /* .level1 */
        text-decoration: underline !important;
        }
    /*---------*/
    /* Level one horizontal menu bar */
    div.menu_bar > ul > li {
        display: inline-block;
        margin-bottom:0;
        }
    div.menu_bar > ul > li > a { 
        font-weight: bold;
        margin-right: 1em;
        }
    /*-------------------------
    Menu Bar drop down menu 
    -------------------------*/
    div.menu_bar ul li:hover > ul {
        display: block;
        }
    div.menu_bar > ul ul { /* Drop down menus */
        background-color: #DDDDDD;
        border: solid 1pt gray; 
        display: none;
        position: absolute;        
            /*
            margin-top: 2px !important;
            padding-bottom: 2pt !important;
            padding-left: 3pt !important;
            padding-right: 5pt !important;
            padding-top: 5pt !important;
            z-index: 1;
                */
            }
    div.menu_bar > ul ul a {
        white-space: nowrap;
        }
    div.menu_bar > ul ul a:hover {
        text-decoration: underline !important;
        }
    div.menu_bar > ul ul a.selected {
        background-color: darkgrey;
        }
    /*---------*/
    /* Pop out from drop down */
    div.menu_bar > ul ul ul {
        top: .5em;
        left: 100%;
        }
    /*-------*/
    /*div.menu_bar a[Title]:after { content:" ►"; } */
    /*-------*/
    img[alt='Skip Navigation Links'] {
        display: none;
    }
    /*-------*/
    /* *** AMW 20140207 Not using images
div.menu_bar img.icon { border-style:none; vertical-align:middle; }
div.menu_bar img.separator { border-style:none;display:block; }
div.menu_bar img.horizontal-separator { border-style:none;vertical-align:middle; }
*/
        /*div.menu_bar a.static { padding-left:0.15em; padding-right:0.15em; }*/
    div.menu_bar a.popout-dynamic {
        /*
        background: url("/WebResource.axd?d=Ea9qTi_z2px2kaKno1NCgo6xES6XAjCjKYkH52wPJNJjf4VkCXKtnKt2zrCMrZxmzfDdNz1EoIdibTGGcKonsggfPwo1&t=635145392180000000") no-repeat right center;
        */
        padding-right: 14px;
        }
    /*-------*/
    #menu_top /* Menu above logo and menu bars */ {
        display: table;
        width: 100%;
        }
    #menu_top div, #menu_top > a {
        display: table-cell;
        }
    #menu_top div.text_end h3 {
        margin: 0;
        vertical-align: middle;
        }
/*-------*/
} /* for @media at top */
/*-------*/
@media screen and (max-width:768px) {
    div#menu_bars { display: none; }
}