/* Make HTML 5 elements display block-level for consistent styling */
header, nav, article, footer, address {
    display: block;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    background-image: url('page-background.gif');
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1em;
}

p {
    font-size: 1em;
}

h1 {
    font-size: 1.5em;
    margin-top: .27em;
    margin-bottom: .2em;
    margin-left: .27em;
    background-color: orange;
}

h2 {
    font-size: 1.3em;
    margin-top: .8em;
    margin-bottom: .6em;
    background-color: #66CCFF;

}

h3 {
    font-size: 1.1em;
    margin-top: .8em;
    margin-bottom: .6em;
}

h4 {
    font-size: 1.0em;
    margin-left: .8em;
    margin-top: .8em;
    margin-bottom: .6em;
}

h5 {
    font-size: .95em;
    margin-left: 1.6em;
    margin-top: .6em;
    margin-bottom: .6em;
}

nav {
    font-size: 1.2em;
    text-align: center;
}

table {
    width: 100%;
    table-layout: fixed;
}

td {
    vertical-align: top;
    width: 50%;
}

form {
    vertical-align: top
}

h2 {
    font-size: 1.3em;
    margin-top: .8em;
    margin-bottom: .6em;
}

.h2-response {
    font-size: 1.3em;
    margin-top: -.2em;
    margin-bottom: .5em;
    background-color: #90EE90;
}

.h2-worksheets {
    font-size: 1.3em;
    margin-top: 1.55em;
    margin-bottom: .5em;
    background-color: orange;
}

.h2-notes {
    font-size: 1.3em;
    margin-top: -.2em;
    margin-bottom: .5em;
    background-color: #66CCFF;
}

.h2-notes-regh2 {
    font-size: 1.3em;
    margin-top: .8em;
    margin-bottom: .6em;
    background-color: #66CCFF;
}

.h2-top {
    font-size: 1.3em;
    margin-top: -.2em;
    margin-bottom: .5em;
}

.h3-notes {
    font-size: 1.1em;
    margin-top: .8em;
    margin-bottom: .6em;
    background-color: #66CCFF;
}

.h4-no-indent {
    font-size: 1.0em;
    margin-left: 0;
    margin-top: .8em;
    margin-bottom: .6em;
}

.h4-no-indent-margin-top-big {
    font-size: 1.0em;
    margin-left: 0;
    margin-top: 1.8em;
    margin-bottom: .6em;
}

ul {
    margin-top: .6em;
    margin-bottom: .4em;
    margin-left: -.8em;
}

.li-big {
    margin-top: .8em;
    margin-bottom: .5em;
}

.audiotext {
    color: blue;
    font-size: 1.4em;
}

.blacklinktext {
    color: black;
    font-size: 1.2em;
}

.blackbodytext {
    color: #000001;
    font-size: 1em;
}

.blackbodytext-smallcaps {
    color: black;
    font-size: 1.1em;
    font-variant: small-caps;
}

.bigbluebodytext {
    color: blue;
    font-size: 1.4em;
}

.bluebodytext {
    color: blue;
}

.bluelinktext {
    color: blue;
    font-size: 1.2em;
}

.bluecenterlinktext {
    color: blue;
    font-size: 1.2em;
    text-align: center;
}

.bluetext {
    color: blue;
}

.brownbodytext {
    color: #A52A2A;
}

.dunnobodytext {
    color: #F76541;
}

.dunnolinktext {
    color: #F76541;
    font-size: 1.2em;
}

.footertext {
    color: #A8A8A8;
    font-size: .8em;
}

.greenbodytext {
    color: green;
}

.greenlinktext {
    color: green;
    font-size: 1.2em;
}

.greylinktext {
    color: #A8A8A8;
    font-size: 1.2em;
}

.greybodytext {
    color: #A8A8A8;
}

.greytext {
    color: #A8A8A8;
}

.purplebodytext {
    color: purple;
}

.purplelinktext {
    color: purple;
    font-size: 1.2em;
}

.redbodytext {
    color: red;
}

.redlinktext {
    color: red;
    font-size: 1.2em;
}

a:link {
    color: #000099;
    text-decoration: underline;
}

a:visited {
    color: #800080;
}

a:hover {
    text-decoration: none;
    background-color: #C0C0C0;
}

a:active {
    text-decoration: none;
}

.MainBody {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

header {
    border-bottom: 1px #000 solid;
    height: auto;
    text-align: left;
    margin: 0;
    padding: 10px;
    width: 100%;
}

.halign-center {
    text-align: center
}

.left {
    width: 96%;
    height: auto;
    padding: 10px;
    float: left;
    text-align: left;
}


.right {
    width: 96%;
    height: auto;
    float: right;
    padding: 10px;
    text-align: left;
}

footer {
    border-top: 1px #000 solid;
    height: auto;
    text-align: left;
    padding: 10px;
    width: 100%;
    float: left;
}