html{
    background:#DCE1E4;
}
        
body{
    font-family:Helvetica;
    background:#DCE1E4;
    color:#444751;
    padding:1em;
    line-height:1.7;
}

h1{
    padding-bottom:.2em;
    letter-spacing:-3px;
    font-size:40px;
    font-weight:normal;
    color:#D8EB9F;
}

h2{
    padding-bottom:1em;
    margin:1.5em 0;
    border-bottom:1px solid #ddd;
    font-weight:bold;
}

a{
    color:#222;
    font-weight:bold;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

#content{
    background:#fff;
    width:500px;
    padding:5em;
    margin:0 auto;
    border:5px solid #D3D8DB;
}

#header{
    margin-bottom:2em;
    border-bottom:1px solid #BDC1C7;
}

#header p{
    font-size:93%;
    font-family:georgia, serif;
    color:#7B7D7F;
}

#footer{
    font-size:75%;
    line-height: 1.2em;
    border-top:1px solid #ddd;
    color: #ccc;
    margin-top:3em;
    margin-bottom:3em;
    padding-top:1.5em;
}

.member{
    text-align: center;
    color: #333;
    margin: 10px auto 0;
    font-size: 0.8em;
}

.member a{
    color: #c90000;
}


#middle{
    position: relative;
}

#btn{
    position: absolute;
    top: 275px;
    left: 400px;
}

#credits{
    text-align: center;
}

#credits a{
    color: #70A1E0;
}


#credits ul{
    list-style: none outside none;
    padding: 0;
    margin: 0;
}

#credits li{
    float: left;
    padding: 5px 20px 0 0;
}