#archnavbar * {
    line-height: 1;
    margin: 0 !important;
    padding: 0 !important;
}

#archnavbaropenmenu {
    display: none !important;
}

#archnavbarlist li a {
    text-align: center !important;
}

/* highlight current website in the navbar */
#archnavbar ul li.anb-selected a {
    color: white !important;
}

@media only screen and (min-width: 830px) and (max-width: 930px) {
    #archnavbarlist li a {
        font-weight: normal !important;
        font-size: 12px !important;
    }
}

@media only screen and (min-width: 680px) and (max-width: 829px) {
    #archnavbarlogo , #archnavbarlogo a {
        width: 50px !important;
    }

    #archnavbarlist li a {
        font-weight: normal !important;
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 679px) {
    #archnavbarmenu {
        position: relative !important;
    }

    #archnavbaropenmenu {
        background: white center repeat url('images/but-nav-bar.png') !important;
        width: 35px !important;
        height: 31px !important;
        cursor: pointer !important;
        display: inline-block !important;
        position: absolute !important;
        top: 8px !important;
        right: 42px !important;
    }

    #archnavbarlist {
        float: none !important;
        position: absolute !important;
        top: 35px !important;
        right: -10px !important;
        display: none !important;
        padding-top: 20px !important;
        background: none repeat scroll 0% 0% transparent !important;
        z-index: 999 !important;
    }

    #archnavbaropenmenu:hover + #archnavbarlist, #archnavbarlist:hover {
        display: inline-block !important;
    }

    #archnavbaropenmenu:hover {
        background-color: #08c !important;
    }

    #archnavbarlist li {
        background: none repeat scroll 0% 0% #333 !important;
        float: none !important;
        line-height: 35px !important;
        border-bottom: 1px solid #08c !important;
        padding: 0px 5px !important;
    }

    #archnavbarlist li a {
        min-width: 130px !important;
        height: 27px !important;
        padding-top: 8px !important;
        display: inline-block !important;
    }
}

@media only screen and (max-width: 319px) {
    #archnavbarlogo , #archnavbarlogo a {
        width: 50px !important;
    }
}

@media print {
    #archnavbar {
        display:none !important;
    }
}