:root {
    --bg-page: #002D62;
    --bg-header: white;
    --bg-content-table: white;
    --txt-content-title: white;
    --txt-district-info: #a40707;
    --border-result-table: #888888;
}

body {
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    background-color: var(--bg-page);
}

#header {
    background-image: url('/images/R1_Clean_Logo.png');
    background-repeat: no-repeat;
    background-color: var(--bg-header);
    height: 80px;
    width: 100%;
}

#titleContainer {
    width: 100%;
    padding: 30px 0px 20px 0px;
    text-align: center;
    color: var(--txt-content-title);
    font-weight: 700;
}

#content {
    height: auto;
    width: 50%;
    border-radius: 10px;
    background-color: var(--bg-content-table);
    padding: 10px 0px 15px 0px;
    margin: 30px auto 20px auto;
}

.headTable {
    width: 100%;
    font-weight: bold;
    font-size: 15px;
    margin-top: 5px;
}

    .headTable td {
        text-align: center;
    }

.district-info {
    color: var(--txt-district-info)
}

.resultsTable {
    margin-bottom: 5px;
}

    .resultsTable, .resultsTable td, .resultsTable th {
        border-top: 1px solid var(--border-result-table);
    }

        .resultsTable td, .resultsTable th {
            padding: 5px;
        }

.rborder {
    border-right: 1px solid var(--border-result-table);
}

.adsbygoogle > div,
.adsbygoogle iframe {
    width: 100% !important;
}

@media only screen and (max-width: 768px) {
    #content,
    #dvDistrictStandingsAd {
        width: 90%;
    }
}