body {
    margin: 20px;
}

.page, .pageHeader, .pageContent, .pageLeftPanel, .pageRightPanel, .pageFooter {
    width: 100%;
}

.pageContent, .pageLeftPanel, .pageRightPanel {
    min-height: 100px;
}

img {
    max-width: 100%;
}

p {
    font-size: 10pt;
    font-family: sans-serif;
    color: black;
    background: none;
    line-height: 10pt;
    margin-left: 0;
    margin-right: 0;
}

h1 {
    font: bold 18pt helvetica;
    line-height: 30pt;
}

h2 {
    font: bold 16pt courier;
    line-height: 20pt;
}

h3 {
    font: bold 14pt "Comic Sans MS";
    line-height: 15pt;
}

.table {
    font-size: 10pt;
    font-family: sans-serif;
    color: black;
    background: none;
    line-height: 10pt;
    margin-left: 10pt;
    margin-right: 10pt;
}

/* Link style groups */

a.link1:link { color: #0000FF; }
a.link1:visited { color: #9999FF; }
a.link1:hover { font-size: 150%; }

a.link2:link { color: #0000FF; }
a.link2:visited { color: #9999FF; }
a.link2:hover { background: #CCCCCC; }

a.link3:link { color: #FFFFFF; }
a.link3:visited { color: #CCCCCC; }
a.link3:hover { font-size: 120%; }

/* Responsive styles */
@media screen and (max-width: 1040px) {
    body {
        margin: 20px 20px 20px 20px;
    }

    .page, .pageHeader, .pageContent, .pageLeftPanel, .pageRightPanel, .pageFooter {
        width: 100%;
    }

    .pageContent, .pageLeftPanel, .pageRightPanel {
        min-height: auto;
    }

    img {
        max-width: 100%;
    }
}