h1 {
    font-family: OPTIJak, sans-serif;
    font-size: 28px;
    color: #999;
    background-color: #ebebe9;
}
h1 a {
    font-family: OPTIJak, sans-serif;
    font-size: 28px;
    color: #999;
    background-color: #ebebe9;
}
h1 a:hover {
    text-decoration: underline;
}
h3 {
    font-family: OPTIJak, sans-serif;
    font-size: 28px;
    color: #999;
    background-color: #ebebe9;
}
h3 a {
    font-family: OPTIJak, sans-serif;
    font-size: 28px;
    color: #999;
    background-color: #ebebe9;
}
h3 a:hover {
    text-decoration: underline;
}

/* Generally you don't need to change anything below */
.dtr {
    overflow: hidden;
    margin :0;
    width: 100%;
}
.dtr a {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer
}
.dtr a:hover span {
    background-position: left bottom;
}
.dtr span {
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -1000px;
    background-repeat: no-repeat;
    background-position: left top;
}

@media print{
    .dtr span{
        background-image: none;
        display: inline;
        float: none
    }
}