body {
    margin: 0;
    padding: 0;
    text-align: left;
}

.button a {
    color: #ffffff;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    text-decoration: none;
    vertical-align: top;
}
.clear {
    clear: both;
}
.row {
    clear: both;
    width: 100%;
}

#wrapContentArea {
    width: 1024px;
    margin: 0 auto;
    text-align: left;
    vertical-align: top;
    top: 0px;
    padding-top: 0px;
}

#wrapNav {
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    text-align: center;
    padding: 10px;
    float: center;
    width: 100%;
    background-color:#000000;
    layer-background-color:#000000;
    visibility: visible;
}
#wrapNav ul li {
    list-style-type: none;
    float: left;
    padding: 10px;
}
#wrapNav ul li a {
    color: #713d25;
    font-weight: bold;
    padding-left: 80px;
    text-decoration: none;
}

#wrapMasthead h1 {
    color: #ff0000;
    font-size: 72px;
    text-align: center;
    float: left;
    width: 100%;
}

#wrapContentLeft {
    float: left;
    width: 300px;
    text-align: center;
    vertical-align: top;
    float: left;
    background-color:#000000;
    layer-background-color:#000000;
    visibility: visible;
}
#wrapContentLeft h1 {
    font-size: 24px;
    color: #0000ff;
    text-align: center;
    vertical-align: top;
}

#ContentPane {
    text-align:justify;
    overflow: scroll;
    width: 710px;
    height: 550px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    vertical-align: top;
    float: right;
    background-color:#000000;
    layer-background-color:#000000;
    visibility: visible;
}
#ContentPane p {
    padding-top: 20px;
}
#ContentPane h1 {
    font-size: 48px;
    text-align: left;
    vertical-align: top;
    padding-top: 0px;
}
#ContentPane h2 {
    font-size: 24px;
    text-align: left;
    vertical-align: top;
    padding-top: 0px;
}
#ContentPane b {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #00ff00;
}
