body {
        background-color: #001e4c;
        color: #fff;
        text-align: center;
        margin: 0 auto;
        padding: 10px;
        	font-family: "Trebuchet MS";
}

#container
{
    text-align: center;
    width: 900px;
    border: 1px solid #bdbdbd;
    margin: 0 auto;
    
}

div.clearfix
{
    width: 100%;
    clear: both;
    font-size: 1px;
}

#mainphoto
{

    width: 710px;
    margin: 0;
    text-align: center;
    float: left;
    padding: 0;
}

#mainphoto img
{
    background-color: Black;
    border: 1px solid #bdbdbd;
    padding: 10px;
}


h1
{
    width: 100%;
    margin: 0;
    float: left;
    background: #bdbdbd;
}

h3
{
    width: 100%;
    margin: 0;
    background: #bdbdbd;
}

.gallery li
{
    float: left;
    display: block;
    height: 80px;
    float: left;
    margin: 5px;
    list-style-position: inside;

}

.gallery li a img 
{
    border: none;
}

.gallery li a
{
    display: block;
}

.gallery li a:link.active, .gallery li a:visited.active, .gallery li a:active.active
{
    border: 2px solid #999999;
}


.gallery li a:link, .gallery li a:visited
{
    border: 2px solid #bdbdbd;
}

.gallery li a:hover
{
    border: 2px solid #ffffff;
}

.gallery li a:active
{
    border: 2px solid #bdbdbd;
}



ul.gallery
{

    width: 190px;
    height: 530px;
    overflow-y: scroll;
    float: left;
    margin: 0;                                                                    
    padding: 0;
}