main
{
    line-height: 1.5;
    margin: 0;
    padding: 0 1rem 1rem 1rem;
}

main a { color: teal; }
main a:hover { color: lightseagreen; }

main h2 { color: #007D8C; }

main p { color: #444; }

main p a.red { color: #cc0000; }
main p.red { color: red; }

/* Images */

.bleft {
    border: 1px solid #333;
    float: left;
    margin: 0 10px 10px 0;
    padding: 1px;
    max-width: 400px;
    width: 100%;
}

.bright {
    border: 1px solid #333;
    float: right;
    margin: 0 0 10px 10px;
    padding: 1px;
    max-height: 300px;
}

.center {
    margin: 20px 10px;
    text-align: center;
}

/* Gallery */

.gallery { clear: both; float: left; width: 100%; }
.gallery dt { font-size: 1.1em; font-weight: bold; padding: 4px; }
.gallery dd { border: 1px solid #ccc; float: left; height: 100px; overflow: hidden; margin: 0 2px 2px 0; width: 125px; }
.gallery img { border: none; height: 100px; width: 125px; }

/* Simple table */

table.simple {
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
    width: 100%;
}

table.simple caption {
    background: #76A300;
    color: white;
    font-weight: bold;
    padding: 4px;
    text-align: left;
}

table.simple tr.odd { background: #F0F0F0; }

table.simple tr th {
    background: #005028;
    color: white;
    padding: 4px;
    text-align: left;
}

table.simple tr td {
    border: 1px solid #e1e1e1;
    padding: 4px;
}

table.simple tr td a { color: #005028; font-weight: bold; }

/* Cool table */

table.cool { border-collapse: collapse; margin: 25px 0; min-width: 100%; }
table.cool tr { border-left: 1px solid #888; border-top: 1px solid #888; }
table.cool tr:nth-child(odd) { background: #f1f1f1; }
table.cool td, table.cool th { border-bottom: 1px solid #888; border-right: 1px solid #888; padding: 7px; text-align: center; }
table.cool th { background: #007D8C; color: white; }
table.cool th.first { text-align: left !important; width: 250px; }
table.cool td.first { text-align: left !important; width: 250px; }
table.cool td a { color: #007D8C; font-weight: bold; transition-duration: 0.5s; }
table.cool td img.star { display: inline-block; width: 10px; }
table.cool td a:hover { color: black; }
table.cool.left th, table.cool.left td { text-align: left !important; }

a.cool__weeks { background: #007D8C; color: white !important; display: inline-block; margin-right: 4px; padding: 5px 7px; text-decoration: none; }
a.cool__weeks:hover, a.cool__weeks.on { background: black; }

/* File lists */

.files { list-style: none; padding: 0; }
.files li { background: url('/images/page_word.png') 0 0 no-repeat; padding: 4px 20px; }