/* Mobile menu */

#mobilemenubutt {
    display: none;
    background: url(../images/aacb-mmbutt.png) no-repeat 50% 0;
    background-size: 40px 40px;
    color: #e03934;
    float: right;
    font-weight: bold;
    font-size: 14px;
    padding: 42px 0 0;
    margin: 20px 0 0;
}

#mobilemenu {
    position: relative;
    border-top: 1px solid #e5e5e5;
    padding: 0;
    bottom: 1px;
    z-index: 999;
}

#mobilemenu li {
    border-bottom: 1px solid #e5e5e5;
    padding: 0;
    list-style: none;
}

#mobilemenu li a {
    display: block;
    padding: 19px 5%;
    color: #c6332d;
    background: #fff no-repeat;
    background-position: right 5% top 50%;
    text-transform: lowercase;
    font-size: 15px;
}

#mobilemenu li.menuIsParent > a {
    background-image: url(../images/aacb-arrow-r-b.png);
}

#mobilemenu li.menuIsParent.on {
    background-color: #cbe1ef;
    border-left: 5px solid #88cff8;
}

#mobilemenu li.menuIsParent.on > a {
    background-image: url(../images/aacb-arrow-d-r.png);
    background-color: #cbe1ef;
}

#mobilemenu li.on > a {
    font-weight: bold;
    color: #004d9d;
}

#mobilemenu li.menuIsParent.on a span {
    position: relative;
    right: 5px;
}

#mobilemenu li.memlogli a {
    display: block;
    padding: 19px 5%;
    color: #004d9d;
    background: #fff no-repeat;
    background-position: right 5% top 50%;
}

#mobilemenu li li {
    border: 0 !important;
}

#mobilemenu li li a {
    text-transform: none;
    color: #c6332d;
    background-color: #cbe1ef;
    padding: 8px 5%;
}

#mobilemenu li li ul {
    padding: 0 0 8px;
    border-left: 5px solid #88cff8;
    margin-left: 4%;
}

#mobilemenu li li li {
}

.searchli .searchform {
    padding: 19px 5%;
}

.searchli .searchform input {
    border: 0;
    margin: 0;
    padding: 0;
    color: #c6332d;
    font-size: 15px;
    background: transparent;
}

.searchli .searchform button {
    border: 0;
    background: url(../images/aacb-mag.png) no-repeat right 50%;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    float: right;
}

.searchli .searchform button span {
    display: none;
}

.container_12 {
    max-width: 984px;
    width: auto !important;
    width: 100%;
}

@media only screen and (max-width: 1070px) {
    .container_12 {
        margin: 0 4%;
    }

    #bluebar, .nothome #bluebar {
        background-position: -60px 0;
    }
}

@media only screen and (max-width: 984px) {
    #logolink {
        width: 180px;
    }

    #logo {
        margin: 8px 0 0;
    }

    ul#topNav {
        margin: 30px 0 18px;
    }

    ul.ddMenu li {
        margin: 0 0 0 18px;
    }

    ul.ddMenu li a {
        font-size: 14px;
    }

    #footer .grid_9, #footericons {
        width: 100%;
        display: block;
        clear: both;
        float: none;
    }

    #footericons p {
        float: left;
        margin: 20px 10px 20px 0;
    }

    #footer h4 {
        clear: both;
    }
}

@media only screen and (max-width: 830px) {
    #mainBar, #sideBar, .comm2eventdetailleft, .comm2eventdetailright,
    #eventsCalender, #eventsCalendarDiv, .eventsCalendarMonthSelectorTable,
    .publicEventsCalendar, #upcomingEvents, .eventsCategoryList,
    #eventdetailleft, #eventdetailright {
        float: none;
        clear: both;
        width: 100%;
        margin: 0 0 20px;
    }

    ul#innernav {
        margin: 40px 0 0;
        width: 100%;
    }

    #mainBar .padmemore {
        padding: 0;
    }

    .comm2eventdetailright {
        width: 90%;
        text-align: left;
    }
}

@media only screen and (max-width: 768px) {
    #searchDirectory ol {
        padding: 5px 15px 0 15px;
    }

    #searchDirectory ol.lastname-address li:nth-child(odd) {
        display: block;
        width: 100%;
    }

    #searchDirectory ol.lastname-address li:nth-child(even) {
        display: block;
        width: 100%;
    }

    input.input_medium_off {
        max-width: none;
    }
}

@media only screen and (max-width: 760px) {
    #logolink {
        width: 150px;
    }

    #logo {
        margin: 15px 0;
    }

    #topNav, #mainNav, #header1 form, #header1 br {
        display: none;
    }

    #mobilemenubutt {
        display: block;
    }

    ul#banner {
        width: 100%;
    }

    #myAccountSideBar {
        width: 110%;
        float: none;
        right: 5%;
        background: url(../images/aacb-homeloginboxbg2.png) no-repeat 0 0;
        height: auto;
        display: block;
        clear: both;
        margin: 0;
    }

    #myAccountSideBar .padme {
        padding: 0 4%;
        float: left;
        width: 42%;
    }

    #myAccountSideBar input {
        padding: 12px 6px;
    }

    #myAccountSideBar strong {
        font-size: 22px;
        line-height: 30px;
        display: block;
    }

    #myAccountSideBar ul {
        float: left;
        clear: left;
        width: 45%;
        padding: 6px 0 30px 6%;
    }

    #myAccountSideBar ul li {
        float: left;
        width: 49%;
        padding: 3px 0 0 1%;
    }

    #myAccountSideBar .calltoact {
        float: left;
        max-width: 275px;
        width: 38%;
        margin: 43px 4% 0 0;
        padding: 10px 4% 10px 3%;
    }

    #myAccountSideBar .calltoact:last-child {
        margin: 15px 4% 0 0;
    }

    .loggedin #myAccountSideBar .calltoact {
        margin: 0 4% 0 0;
    }

    #footer .grid_9 p span {
        display: block;
    }
}

@media only screen and (max-width: 640px) {
}

@media only screen and (max-width: 580px) {
    #bluebar .grid_4, .listitemleft, .listitemright {
        width: 100%;
        clear: both;
        display: block;
        float: none;
    }

    #bluebar .padmeleft, #bluebar .padmeright {
        padding: 20px 0;
    }

    #comm2timeline, .rhcol, .grid_2.rhcol {
        float: none !important;
        width: 97% !important;
        display: block;
        padding: 0 2.7% 20px 0;
    }
}

@media only screen and (max-width: 542px) {
    h2#branchtitle {
        left: 0;
        top: 256px;
    }
}

@media only screen and (max-width: 400px) {
    #myAccountSideBar {
        background: url(../images/aacb-homeloginboxbg3.png) no-repeat 0 0;
        background-size: cover;
        padding: 10px 0;
    }

    #myAccountSideBar ul {
        float: none;
        width: 88%;
        padding: 6px 0 10px 9%;
    }

    #myAccountSideBar ul li {
        float: none;
        width: auto;
    }

    #myAccountSideBar .padme {
        padding: 0 5%;
        float: left;
        width: 90%;
    }

    #myAccountSideBar .calltoact {
        width: 82%;
        float: none;
        clear: both;
        margin: 15px 5% 15px !important;
    }
}

@media only screen and (max-width: 300px) {
}