@font-face {
    font-family: "baskerville";
    src: url("/wb/assets/Baskerville.eot");
    src: url("/wb/assets/Baskerville.ttf") format("woff");
}

body {
    BACKGROUND-COLOR: #ffffff;
    COLOR: #000000;
    FONT-FAMILY: baskerville, futura, helvetica, arial, sans serif;
    FONT-SIZE: 10pt;
}

    body
    .footer {
        font-family: baskerville, futura, helvetica, arial, sans serif;
        font-size: 7pt
    }

.xsmall {
    font-family: baskerville, futura, helvetica, arial, sans serif;
    font-size: 7pt
}

.small {
    font-family: baskerville, futura, helvetica, arial, sans serif;
    font-size: 8pt
}

.normal {
    font-family: baskerville, futura, helvetica, arial, sans serif;
    font-size: 10pt
}

.bigmed {
    font-family: baskerville, futura, helvetica, arial, sans serif;
    font-size: 12pt
}

.big {
    font-family: baskerville, futura, helvetica, arial, sans serif;
    font-size: 16pt
}

table {
    font-family: baskerville, futura, helvetica, arial, sans serif;
    font-size: 10pt
}

td {
    font-family: baskerville, futura, helvetica, arial, sans serif;
    font-size: 10pt
}

input {
    font-family: baskerville, futura, helvetica, arial, sans serif;
    font-size: 10pt
}

select {
    font-family: baskerville, futura, helvetica, arial, sans serif;
    font-size: 10pt
}

a:link {
    text-decoration: none;
    font-family: baskerville, futura, helvetica, arial, sans serif;
    font-size: 10pt;
    color: '#003366';
}

a:visited {
    text-decoration: none;
    font-family: baskerville, futura, helvetica, arial, sans serif;
    color: '#663366';
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

.PageHeader {
    COLOR: #000000;
    FONT-FAMILY: baskerville, futura, helvetica, arial, sans serif;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold
}

.BigText {
    FONT-FAMILY: baskerville, futura, helvetica, arial, sans serif;
    FONT-SIZE: 12pt;
}

A.BigText {
    FONT-FAMILY: baskerville, futura, helvetica, arial, sans serif;
    FONT-SIZE: 12pt;
}

.Alert {
    COLOR: RED;
    FONT-FAMILY: baskerville, futura, helvetica, arial, sans serif;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}

.threeSpread {
    width: 100%;
    margin: 0 40px 40px 40px;
    COLOR: #000000;
    FONT-FAMILY: baskerville, futura, helvetica, arial, sans serif;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold
}

div.inner, div.outer {
    max-width: 30%;
    COLOR: #000000;
    FONT-FAMILY: baskerville, futura, helvetica, arial, sans serif;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold
}

a.folderLink {
    FONT-FAMILY: baskerville, futura, helvetica, arial, sans serif;
    FONT-SIZE: 12pt;
    color: #373ebe;
}
* {
    box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.projectColumn {
    float: left;
}

    .projectColumn a {
        FONT-FAMILY: baskerville, futura, helvetica, arial, sans serif;
        FONT-SIZE: 14pt;
        FONT-WEIGHT: bold;
        color: #000000;
    }

    .projectColumn:after {
        content: "";
        display: table;
        clear: both;
    }

.categoryColumn {
    float: left;
}

    .categoryColumn a {
        FONT-FAMILY: baskerville, futura, helvetica, arial, sans serif;
        FONT-SIZE: 14pt;
        FONT-WEIGHT: bold;
        color: #000000;
    }

    .categoryColumn:after {
        content: "";
        display: table;
        clear: both;
    }

.locationColumn {
    float: left;
}

.columnSpacer {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
img.titleImage {
    width: 300px;
    height: 50px;
}
.tileImage {
    float: left;
    padding: 15px;
}