body 
{
    margin-top: 0;
    background-color: #ccd7dd;
    scrollbar-base-color: #ccd7dd; 
    scrollbar-track-color: #ccd7dd;
    scrollbar-face-color: #acb4bf;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3dlight-color: #cccccc;
    scrollbar-darkshadow-color: #666666;
    scrollbar-shadow-color: #666666;
    scrollbar-arrow-color: #666666;
}

div#wrapper 
{
    width: 809px;
    background-color: #ffffff;
    margin: auto;
    border-left: 5px solid #acb4bf;
    background-image: url('../images/bodybg.jpg');
    background-position: right;
    background-repeat: repeat-y
}

div#main    
{
    width: 780px;
    min-height: 420px
}

div#topbanner   
{
    height: 35px;
    background-image: url('../images/topbanner.gif');
    background-repeat: no-repeat;
    background-position: bottom left;
    border-bottom: 1px solid #acb4bf;
    margin-left: 20px;
    padding-top: 10px;
    text-align: right
}

div#topbanner ul    
{
    list-style: none;
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-right: 20px
}

div#topbanner ul li 
{
    display: inline;
    color: #ccd7dd;
    border-right: 1px solid #ccd7dd;
    padding-left: 5px;
    padding-right: 2px
}

div#topbanner ul li a   
{
    color: #acb4bf;
    text-decoration: none
}

div#topbanner ul li a:hover
{
    color: #ccd7dd;
    text-decoration: none
}

div#mainpic 
{
    float: left;
    margin-left: 10px;
    width: 500px;
    margin-top: 10px;
    border-right: 1px solid #acb4bf;
    border-bottom: 1px solid #acb4bf;
    border-top: 1px solid #ccd7dd;
    border-left: 1px solid #ccd7dd;
    height: 410px;
}

div#thumbnails  
{
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    height: 405px;
    overflow: auto;
    border-right: 1px solid #acb4bf;
    border-bottom: 1px solid #acb4bf;
    border-top: 1px solid #ccd7dd;
    border-left: 1px solid #ccd7dd;
    width: 220px;
    padding-left: 10px;
    padding-top: 5px
}

div#thumbnails ul 
{
    list-style: none;
    width: 200px;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin-top: 5px
}

div#thumbnails ul li    
{
    float: left;
    margin-right: 12px;
}

div#thumbnails ul li.last   
{
    float: left;
    margin-right: 0;
}

div#thumbnails ul li a  
{
    display: block;
    width: 57px;
    height: 57px;
    background-image: url('../images/listbg.jpg');
    background-repeat: no-repeat;
    background-position: bottom right;
    margin-bottom: 12px;
}

div#thumbnails ul li a:hover    
{
    background-image: none;
    text-align: right;
    padding-top: 5px;
    margin-bottom: 7px
}

div#thumbnails ul.test  
{
    clear: both;
    margin-top: 0
}

div#thumbnails ul li a img  
{
    border: 0;
}

div#footer  
{
    height: 50px;
    padding-bottom: 20px;
    background-color: #ffffff;
    width: 780px;
    color: #ccd7dd
}

div#footer p    
{
    margin-left: 20px;
    margin-top: 20px;
    color: #acb8bf
}

div#footer p a  
{
    color: #acb8bf
}

div#bottom  
{
    background-image: url('../images/footerbg.jpg');
    background-position: top left;
    background-repeat: repeat-x;  
    height: 7px;
    width: 775px;
    margin: auto
}