html,body {
    margin-left:0px;
    margin-top:0px;
    
    /* 
       extend the height and widht 100%, this allows us
       to extend the height of the content to the bottom
       and the width of the header to the right
    */
    height:100%;
    width: 100%;
    background: #e6e3cf;
}


div.header {
    color: #494980;
    background: #d2d2e6;
    width: 740px;
    height: 100px;
}

div.title {
    font-family: Verdana, sans-serif;    
    font-size: 16pt;
    
    position: absolute;
    left: 20px;
    top: 10px;
    width: 500px;
}

div.subtitle {
    font-family: Verdana, sans-serif;
    font-size: 14pt;
    
    position: absolute;    
    top: 40px; 
    left: 25px;
    width: 500px;
}

div.subtitle-information {
    font-family: Verdana, sans-serif;
    font-size: 12pt; 

    position: absolute;
    top: 70px;
    left: 30px;
    width: 500px;
}

.content {
    font-family: Palatino Linotype, Palatino, serif;
    font-size: 10pt;
    color: #805d40;    
}

div.content {
    padding-left: 15px;
    padding-right: 170px;
    padding-bottom: 30px;
    width: 505px;
}

div.column{
    float: left;
    width: 230px;
    margin-right: 20px;
}

p {
    margin-top: 20px;
}

div.emph {
    margin-top:15px;
    font-weight:bold;
}


dt{
    font-weight: bold;
    margin-top: 20px;
}
dd{
    margin-left: 10px;
    margin-top: 10px;
}
dd.close {
    margin-top: 0px;
}


ul {
    line-height: 1.7em;
    list-style-type: square;
}

div.center {
    margin-top: 10%;
    position: relative;
}

img.center {
    position: relative;
    top: 50px;
}

a:link {
    color: #4444bf;
}

a:visited {
    color: #8560a8;
}

div.cb {
    clear: both;
    margin: 0;
    padding: 0;
    width: auto;
}