div.gallerywrapper
{
margin: 0px auto 0px auto;
}

div.gallerywrapper p.preview
{
    border: medium solid #000080;
    clear: both;
    float: none;
    margin: 1em auto .5em auto;
    width: 400px;
}

div.gallerywrapper div#PreviewCaption p
{    
    clear: both;
    float: none;
    margin: .5em auto .5em auto; 
    width: 82%;
    text-align: center;
}

div.gallerywrapper div.thumbwrapper
{
    clear: both;
    float: none;
    width:97%;
    text-align: center;
    margin: .5em auto 0px auto;
    padding: 0px;
    background-color: #CCCCCC;
}

div.gallerywrapper div.thumbwrapper a
{
    clear: none;
    float: left;
    margin: 0px .25em 0px .25em;    
}

div.gallerywrapper div.thumbwrapper a.thumb
{
    border: 3px solid #ffffff;

}

div.gallerywrapper div.thumbwrapper a.thumbselected
{
    border: 3px solid #FF0000;
}

div.gallerywrapper div.thumbwrapper a:hover
{
    border: 3px solid #0000CC;
}

div.gallerywrapper div.thumbwrapper a img
{
    width: 75px;
    height: 50px;    
}

div.gallerywrapper p.previewhint
{
    font-style: italic;
    font-size: .9em;
    color: #808080;
    text-align: center;
    margin: 0px;
}

div.gallerywrapper div.arrows
{
    float: none;
    width: 400px;
    margin: 1.5em auto 0px auto;
    text-align: center;
}

div.gallerywrapper p.arrow
{
    clear: none;
    width: 22%;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

div.gallerywrapper p.arrow a
{
    color: #0000FF;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.1em;
            margin: 0px;
    padding: 0px;
}

div.gallerywrapper p.arrowmid
{
    clear: none;
    width: 50%;
    font-style: italic;
    font-size: .9em;
    color: #808080;
    text-align: center;
    margin: 0px;
}