html{
    background: #8B8E88 url(img/masthead.png) top left no-repeat;   
    color: #fff;
}

img{
    border:0;
}

body{
    margin-top:290px;
}

#deck{
    position:absolute;
    top:290px;
    left:45px;
    background: #8B8E88 url(img/deck.png) top left no-repeat;
    width: 233px;
    height:274px;
    text-indent:-9999999px;
}

#masthead{
    position: absolute;
    top:10px;
    text-indent:-9999999px;
}

#container{
    margin-left:290px;
    float:left;
    width: 650px;
/*    background-color:#bbb;*/
}

.screen{
    clear:left;
    float:left;
    margin-bottom:40px;
    font: 10px Verdana, sans-serif;
    color: #ecebea;
}



.screen a{
    float:none;
    color: #ecebea;
    text-decoration:none;
    padding:0px 5px;
}

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

.screen img{
    margin-left:-3px;
}

.caption{
    float:left;
    width:260px;
    font: 10px/15px Verdana, sans-serif;
    margin-bottom:30px;
    color:#e7e7e7;
}

.caption a{
    font: 10px/15px Verdana, sans-serif;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}

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

.caption p{
    padding-left:16px;
    
}

.caption h3{
    width:322px;
    height:22px;
    margin-top:-1px;
    margin-bottom:-8px;
    text-indent:-999999px;
}

#title-pagetree{
    background: #8B8E88 url(img/title-pagetree.png) top left no-repeat;
}

#title-botany{
    background: #8B8E88 url(img/title-botany.png) top left no-repeat;
}
#title-calling{
    background: #8B8E88 url(img/title-calling.png) top left no-repeat;
}
#title-progress{
    background: #8B8E88 url(img/title-progress.png) top left no-repeat;
}


#footer{
    margin:0px 0px -8px -8px;
    padding: 8px 16px 0 0;
    clear:left;
    text-align:right;
    background-color:#43463A;
    color:#cccbca;
    width:100%;
    height:22px;
    font: 10px Verdana, sans-serif;
}

#footer a{
    color:#fff;
    text-decoration:none;
}

#footer a:hover{
    text-decoration:underline;
}