body{
        font-family: 'Arimo', sans-serif;
        font-size:16px;
        /* font-family: 'Open Sans Condensed', sans-serif;         */
    }

    #headerLogo{
/*        padding-top: 32px;*/
        padding-top: 0;
    }
    .sIcons1{
        display: inline-block;
        padding-right:15px;
        padding-bottom: 5px;
        color:rgba(175,0,0,1.00);
        font-weight:bold;
        font-size:1.5rem; 
    }
    .sIcons{
        display: inline-block;
        padding-right:8px;
        padding-bottom: 7px;
    }

    .footerColumn{
        color: #E9F1E0;
        padding:30px;
        font-size:1rem;
    }
    
    .responsive{
            width: 100%;
            height: auto;}
        a img:hover{opacity: .7}
    .menu > li > a {
        padding: .2em !important;
        margin: .3em !important
    }
    .menu > li.more-pad > a {
        padding-right: .8em !important;
    }
    .hoverimage:hover {
        opacity: .8;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }
    .wrapper-outer-grey {
        background-color:rgba(235,245,245,1.00);
        width:100%;
        padding:0;
        margin:10px 0;
    }
    #wrapper-outer-brown-page2{
        width:100%;
        background: url("img/bk-pg2.gif") repeat-x top;
        min-height: 220px;
        border-top:1px solid #555;    
       


    }    
    #wrapperNav{
        background-image: url("img/bk-nav.gif");
        background-repeat: repeat-x;
        background-color:#F7F8FA;
    /*    border-bottom:1px solid #C5C4C4;*/
    /*    height: 48px;*/
        margin-bottom: 1px;
    }
    #topRow{
        margin-top: 12px;
        margin-bottom:10px;
    }
    #header-rightColumn{
        text-align: right;
        padding-right: 10px;
        font-style: italic;
        font-size:1.1rem;
        line-height: 1.3;
        color:rgba(153,153,153,1.00);
    }
    ul li.navHighlight a{
        background:#A70000 !important;
        border-radius: 10px;
        line-height: 2rem !important;
        margin-top:6px;
        color:white;
        margin-left:40px;
        text-align: center;
    }
        ul li.navHighlight a:hover{
             background:#E33838 !important;
        }
    .hoverimage:hover {
        opacity: .8;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }

    #wrapper-outer-footer{
        margin:20px 0;
        background:#0F260A;
        width:100%;
    }
    a{
        color:blue;
        text-decoration: underline;
    }
    button, .button{
        border-radius: 10px; 
        margin:0;
    }
    #SBD{
        text-align: right;
        font-size: .6rem;
        padding-top:5px;
        color:rgba(206,230,255,1.00)    
    }
    #leftContent{
        padding:15px 40px 40px 50px;
    }
     
    #SBD a{color:rgba(206,230,255,1.00) }
    #thisTable td.viewCourses{
    padding:0 0 10px 0;
    }
    .newSup{
        color:red !important;
        text-decoration: none;
    }

/* end of tavern styles */
    
@media only screen and (min-width: 40.0625em){
    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #666;
        background: #666;
    }
}    
    
@media screen and (max-width: 39.9375em) {
    #headerLogo{
        padding-top: 15px;
    }
    #topRow > div{
        text-align:center;
    }
    #topRow > div:nth-child(2){
        margin-top:10px;
    }

    ul li.navHighlight a{
        margin:auto;
        width:70%;
        padding:8px;
        font-size:1rem;
    }
}