body {
    margin: 0 10% 0 10%;
    background-color: #dcd7d3;
    font-family: Helvetica, Verdanana, Arial, sans-serif;
}

div.header {
    float: left;
    width: 100%;
    background-color: #c1bcb8;
}

div.logo {
    margin-left: 5%;
    margin-top: 1%;
}

a.section:hover {
    color: black;
    background-color: #e7140d;
}

a.section {
    float: left;
    width: 16.45%;
    background-color: #46423f;
    margin-left: 2px;
    margin-top: 2%;
    padding: 10px 0 10px 0;
    color: #a09f9d;
    font-size: 14pt;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

div.body {
    float: left;
    width: 100%;
    background-color: #ffffff;
    height: 94%;
}

span.body {
    float: left;
    margin: 2% 2% 2% 2%;
}

div.footer {
    float: left;
    width: 100%;
    height: 6%;
    padding-top: 1%;   
}

span.footer {
    float: left;
    width: 100%;
    font-size: 75%;
    text-align: center;
}