/*All the added css required to make the menu actually work DMH  11/29/2018*/
#page {
    width:100%;
    max-width:1275px;
    margin:0 auto;
    overflow-x: hidden;
}

#container {
    width: 1000px;
    margin-left:275px;
    float:left;
    display: block;
    text-align:center;
    overflow: hidden;
}
#mainContainer {
    padding-top: 66px;
}
#logoHeader {
    /*border-style: solid;*/
    width:100%;
    margin: 0 auto;
}

#main_content ul {
    margin-left:0px;
}



@media only screen and (max-width: 1200px) {
    #container {
        margin: 0 auto;
        padding:10px;
        width:98%;
    }
    #mainContainer {
        padding-top: 0;
    }
    /*Move the ad down when the left nav drops but we aren't down to mobile yet*/
    #logoHeader {
        margin-top: 50px;
    }
}

/*Added for the jquery UI modals www1 uses DMH  01/28/2019*/
.ui-front { z-index: 10000 !important; }
.ui-dialog { z-index: 10001 !important; }

button.modalBtn {
    font-size: 14px;
    font-family: Titillium Web,sans-serif;
    font-weight: 600;
    padding: 4px 5px;
    border: 0;
    border-radius: 3px;
    margin-right: 15px;
    letter-spacing: .3px;
    background: #06c !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
}
/*Set up the media queries so if a user wants to print the page they can*/
@media only print{
    #container {
        margin: 0 auto;
        padding:10px;
        width:98%;
    }
    #mainContainer {
        /*Since it gets hard set at the element level by the menu code, we need the important for it to take effect on print*/
        padding-top: 0px !important;
    }
    /*don't print the ads, nav, or footer links (leave the footer copyright though)*/
    #logoHeader, #leftNavContainer, #drfNavigation, .footerMenu  {
        display: none;
    }
}