﻿div.imageLinks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 771px;
}

    div.imageLinks > div.image {
        flex-basis: 40%;
    }

    div.imageLinks > div.text {
        flex-basis: 55%;
    }


div.header {
    width: 185px;
    height: 25px;
    background-color: black;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    line-height: 26px;
}

div.headerRule {
    height: 4px;
    width: 100%;
    background-color: #d4232d;
    margin-bottom: 10px;
}

div.links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

span.col1 {
    flex-basis: 32%;
    margin-bottom: 10px;
}

    span.col1 a {
        text-decoration: none;
        color: #0040ff;
    }

span.col2 {
    flex-basis: 68%;
    margin-bottom: 10px;
}

div.rule {
    height: 1px;
    width: 771px;
    background-color: #999;
}

div.categoryGrid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 771px;
}

div.category {
    flex-basis: 25%;
    text-align: center;
    height: 160px;
}

    div.category a.caption {
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
        color: #000;
    }

    div.category:hover a.caption {
        color: #d4232d;
    }
