html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    background: url(../images/body.png) 0 100px repeat-x;
}

a {
    color: #2966B8;
}

#hd, #bd, #hd h1 {
    margin: 0;
}

#hd {
    height: 100px;
    background: url(../images/header.png) repeat-x;
    border-bottom: 1px solid #999;
}

#hd img {
    margin: 25px 20px;
}

#hd #logo {
    float: right;
    margin: 20px 20px;
}

#hd h1 {
    text-shadow: 0px 1px 1px #FFF;
    color: #6755E3;
    font-family: "Helvetica", "Georgia";
    font-size: 180%;
    padding: 0.6em;
}

#bd {
    width: 750px;
    margin: 0 auto;
    padding-top: 4em;
    font-family: "Georgia", serif;
}

#bd p {
    margin-bottom: 1em;
}

#content {
    width: 479px;
    float: left;
    line-height: 1.6em;
    font-size: 110%;
    padding-right: 20px;
    text-align: justify;
    border-right: 1px solid #aaa;
}

#content h1 {
    margin-top: 0;
    font-size: 220%;
    font-weight: bold;
    color: #ff0074;
    text-shadow: 0px 1px 1px #ccc;
    margin-bottom: 0.5em;
}
#content h2 {
    margin-top: 1em;
    font-size: 120%;
    font-weight: bold;
    color: #ff0074;
    text-shadow: 0px 1px 1px #ccc;
    margin-bottom: 0.5em;
}

#bd #sidebar {
    width: 230px;
    padding-left: 20px;
    float: right;
    line-height: 1.4em;
}

#sidebar h3 {
    margin-top: 0;
    font-size: 120%;
    font-weight: bold;
    color: #ff0074;
    text-shadow: 0px 1px 1px #ccc;
    margin-bottom: 0.5em;
}