:root {
    --blue: #66CCFF;
    --blue_light: #DFF4FF;
    --red: #FF8C8C;
    --red_light: #FFE1E1;
    --mauve: #D966B4;
    --mauve_light: #EDB8DC;
    --green: #00CC99;
    --green_light: #C4FFF0;
    --yellow: #FFFF00;
    --yellow_light: #FFFFCC;
    --grey: #999999;
    --grey_light: #CCCCCC;
}

body {
    background-color: whitesmoke;
}

.column1 {
    max-width: 200px;
    text-align: center
}

.column2 {
    max-width: 600px;
    text-align: left;
    font-style: italic;
}

.titles {
    font-size: 18px;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
}

a:link {
    color: black;
}

/* unvisited link */

a:visited {
    color: #666666;
}

/* visited link */

a:hover {
    color: whitesmoke;
}

/* mouse over link */

a:active {
    color: white;
}

/* selected link */

#title {
    margin: auto;
    width: 80%;
    max-width: 750px;
    overflow: hidden;
}

#fsf {
    position: absolute;
    right: 0px;
    width: 260px;
}

@media (max-width: 1399px) { /*Hide FSF ad if viewport width < 1400px */
    #fsf {
        display: none;
    }
}

table {
    margin: auto;
    border-spacing: 1px;
    border-collapse: collapse;
}

/* tr */

.withBorderBottom {
    border-bottom: 10px solid whitesmoke;
}

td {
    padding: 15px;
    vertical-align: middle;
}

h1 {
    float: left;
}

h2 {
    float: right;
    font-size: 18px;
    margin-top: 1.8em;
}