body {
    background:  #e7e7e7;
    margin: 0;
    font-family:  'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

.header {
    background:  url('header.jpg') no-repeat bottom center;
    padding:  0;
    margin:  0 auto;
    color:  #fff;
    width:  760px;
    height:  220px;
    text-align:  center;
    }

.header .title {
    padding-top:  90px;
    font-size:  36pt;
    font-weight:  bold;
    }

.header .description {
    font-size:  10pt;
    }

.content {
    background:  url('sides.jpg') repeat-y center;
    padding-top:  20px;
    margin:  0 auto;
    width:  760px;
    font-size:  10pt;
    text-align:  justify;
    }

.content .h1 {
    font-family:  Verdana, Arial, Sans-Serif;
    font-size:  14pt;
    font-weight:  bold;
    padding:  10px 40px 20px 40px;
    }

.content .h2 {
    font-family:  Verdana, Arial, Sans-Serif;
    font-size:  10pt;
    font-weight:  bold;
    padding-left:  60px;
}

.content .p {
    padding:  0px 60px 10px 60px;
    color:  #333;
    }

.content .code {
    padding:  0px 60px 10px 60px;
    color:  #333;
    font-family:  'Courier New', Courier, Serif;
    }

.content a, .content a:active, .content a:visited {
    color:  #00a;
    text-decoration:  none;
    }

.content a:hover {
    text-decoration:  underline;
    }

.footer {
    background:  url('footer.jpg') no-repeat top center;
    padding-top:  40px;
    margin:  0 auto;
    width:  760px;
    height:  100px;
    font-size:  8pt;
    text-align:  center;
    font-family:  Arial, Sans-Serif;
    }