:root {
    --header-footer-colour: aquamarine;
    --header-dropdown-colour: rgb(177, 241, 220);
    --nav-header-hover: rgb(131, 245, 207);
    --nav-link-hover: rgb(145, 240, 208);
    --page-background-colour: rgb(240, 237, 237);
    --non-coloured-links: black;
    --coloured-links: rgb(99, 199, 206);
    --non-blank-link-hover: rgb(28, 125, 170);
    --blank-link-hover: rgb(231, 119, 119);
    --table-cell-left-right-border: 1px solid black;
    --table-cell-bottom-border: 1px solid rgb(153,153,153);
    --table-header-border: 1px solid black;
    --table-header-fill: rgb(229, 228, 230); 
    --table-cell-last-row-bottom-border: 1px solid black;
    --table-green-cell: rgb(217, 234, 211);
    --table-red-cell: rgb(244, 204, 204);
    --table-clear-cell: transparent;
    --homepage-resource-box-colour: rgb(203, 243, 228);
}

@media only print {
    body, .footer-container {
        background-color: transparent !important;
    }

}

#header {
    background-color: var(--header-footer-colour);
}

.nav-header:hover .dropdown {
    background-color: var(--header-dropdown-colour);
}

.nav-header:hover {
    background-color: var(--nav-header-hover);
}

.nav-header .dropdown a:hover {
    background-color: var(--nav-link-hover);
}

.footer-container {
    background-color: var(--header-footer-colour);
}

body:not(.no-colour) {
    background-color: var(--page-background-colour);
}

a {
    color: var(--non-coloured-links);
}

.coloured-links a {
    color: var(--coloured-links);
}

a:not([href="#"],[href="unfinished-page.html"]):hover {
    color: var(--non-blank-link-hover)
}

a[href="#"]:hover , a[href="unfinished-page.html"]:hover {
    color: var(--blank-link-hover);
}

td {
    border-left: var(--table-cell-left-right-border);
    border-right: var(--table-cell-left-right-border);
    border-bottom: var(--table-cell-bottom-border);
}

th {
    border: var(--table-header-border);
    background-color: var(--table-header-fill);
}

.last-row {
    border-bottom: var(--table-cell-last-row-bottom-border)
}

.green-cell {
    background-color: var(--table-green-cell);
}

.red-cell {
    background-color: var(--table-red-cell);
}

.clear-header-cell {
    background-color: var(--table-clear-cell);
}

.homepage-resource-div {
    background-color: var(--homepage-resource-box-colour);
}