body { font-family: Verdana, arial, sans-serif; margin: 0px; padding: 0px; background-color: #F4EDD3; }
a {
    color: #A92A31;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: underline;
}
pre {
    border: 1px solid #000;
    background-color: #fff;
    padding: 10px;
}
div#header {
    margin: 0px; padding: 0px; width: 100%; height: 70px; border-bottom: 2px solid #000; background-color: #2C2C2C; color: #f4f4f4;
}
div#header h1 {
    margin: 0px;
    padding: 15px;
    margin-left: auto; margin-right: auto;
    width: 950px;
}
div#content {
    margin-left: auto; margin-right: auto;
    width: 950px;
}
.box {
    float: left;
    width: 450px;
    margin: 10px;
}
.boxwide {
    float: left;
    width: 924px;
    margin: 10px;
}
div#content .box, div#content .boxwide {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid #B9AE80;
    background-color: #EFEFEF;
}

div#content .box h2, div#content .boxwide h2 {
    border: 2px solid #B9AE80;
    background-color: #B9AE80;
    color: #f4f4f4;                
    margin: 0px;
    font-size: 14pt;
    padding-left: 7px;
}
.box .content, .boxwide .content {
    padding: 10px;
}
.content h3 {
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
}
ul {
    margin-top: 0px;
    padding-left: 25px;
}
.part {
    float: left;
}
div#footer {
    margin-top: 10px;
    width: 100%;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    background-color: #3F3F3F;
    color: #fff;
}
div#footer .wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    font-size: 8pt;
}
span.mark {
    color: #592FFF;
}
