#heading {
    display: block;
    color: #5b6770;
    text-decoration: none;
    margin-top:2px;
    padding: 15px 0 12px 8px;
    border-left-width: 10px;
    border-left-style: solid;
    border-left-color: #7c1645;
    /*	border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC; */
    font-family: lft_eticalight;
    font-weight:bold;
    font-size:1.4em;

}
#heading img{
    vertical-align: text-bottom;
    padding-right:5px;
    top:-2px;
    position:relative;
    float:left;

}

#heading > a {
    color:#5b6770;
}

#classroom {
    display: block;
    color: #333333;
    text-decoration: none;
    padding-left: 8px;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #EE600B;
    font-weight: bold;
}
#disclaimer {
    font-size:12px;
    display: block;
    color:#FFF;
    background-color:#8D9462;
    text-decoration:none;
    padding: 10px;
    border-bottom-width:5px;
    border-bottom-style:solid;
    border-bottom-color:#FFF;
}
#disclaimer strong {
    font-size:12px;
    color:#FFF;
    text-decoration: none;
}
#disclaimer a {
    text-decoration: none;
    color:#FFF;
}
.tableborder {
    border:thin solid #A3BD08;
}

.tdhead {
    background-color:#EAEAEA;
    color:#333333;
    font-weight:bold;
}

.tdborder {
    border-right:thin solid #CCCCCC;
}
.tdborder2 {
    border-right:thin solid #CCCCCC;
    border-bottom:thin solid #CCCCCC;
}
.pageheader, .pageheader-long {
    font-family: lft_eticalight, -serif;
    font-size: 1.5em;
    font-weight: bold;
    color: #041e42;
}


/* so this will only apply to mobile, if I use it */
@media screen and (max-width: 42em ) {
    .pageheader-long {
        font-size:1.3em;
        padding-right:5%;
    }
    #heading {
        font-size:1.2em;

    }

}