@media only screen and (min-width: 768px) {
    #navigation {
        background: url(/_design/images/dev/mainNavBg.gif);
    }

        #navigation ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            text-transform: uppercase;
            width: 100%;
        }

        #navigation li {
            float: left;
            display: inline;
            position: relative;
            z-index: 1000;
            background: url(/_design/images/dev/mainNavBg.gif);
        }

            #navigation li a {
                font-family: Baskerville Old Face;
                font-size: 13px;
                margin: 0 11px;
                color: #fff !important;
                line-height: 12px;
                padding: 1em 0;
                display: block;
            }

            #navigation li.subnav > ul.subnav {
                display: none;
                position: absolute;
                top: 100%;
            }

            #navigation li.subnav:hover > ul.subnav {
                display: inherit;
            }

            #navigation li.subnav > ul.subnav li {
                width: 200px;
                float: none;
                display: list-item;
                position: relative;
                background: #7c99b7;
                border-bottom: 1px solid #fff;
            }

                #navigation li.subnav > ul.subnav li:hover {
                    background: #42709c;
                }

                #navigation li.subnav > ul.subnav li a {
                    max-width: 176px;
                    height: 100%;
                    width: 100%;
                    display: block;
                    padding: 0.5em 0;
                }

    #leftColumn #subNavigation > ul > li > a {
        padding-left: 20px;
        
        color: #fff !important;
        height: 33px;
        line-height: 33px;
        font-family: Baskerville Old Face;
        font-size: 13px;
        text-transform: uppercase;
    }

    #leftColumn #subNavigation li {
        background: url(../images/dev/subNavLeftBg.gif) repeat-x 0 0;
        overflow: hidden;
        border-bottom: 2px solid #fff;
        height: 33px;
    }

    .slicknav_menu {display: none;}
}

/* Phones and Tablets*/
@media only screen and (max-width: 768px)
{
    #navigation {display: none;}
    #subNavigation {display: none;}
}