﻿div.slidegroup
{
    float: none;
    clear: both;
    width: 96%;
    margin: .5em auto .5em auto;
}


div.slideactive,
div.slideselected
{
    float: left;
    clear: none;
    margin: 5px;
    padding: .5px;
    display: block;
    width: 170px;
    height: 50px;
}

div.slideactive
{
    border: thin solid #000080;
    background-color: #666699;
}

div.slideselected
{
    background-color: #FFFF66;
    border: thin solid #FF0000;
}

div.slideactive img,
div.slideselected img
{
    float: left;
    clear: none;
    margin-left: auto;
    margin-right: auto;
    width: 75px;
    border: thin solid #000000;
}

div.slideactive p, div.slideselected p
{
    float: left;
    clear: none;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0px;
    width: 80px;
    color: #CC0000;
    font-size: .85em;
    font-weight: bold;
}

div.slideactive a, 
div.slideselected a
{
    margin:0px;
    padding: 0px;
    color: #FFFFFF;

}

div.slideselected a
{
    color: #ff0000;
}





/*
div.thumbwrapper
{
    width: 100px;
    height: 75px;
    margin-bottom: .5em;
}

span.imagecaption
{
    clear: both;
    text-align: center;
    font-size: .9em;
    color: #000000;
}


div.thumbactive, div.thumbinactive
{
    border: thin solid #000000;
    float: left;
    text-align: center;

   width: 120px;
    margin: .5em;
    padding: .75em;
    color: White;
}

div.thumbactive
{
    background:#FFFFFF url(bg2.gif) repeat-x;
}

div.thumbinactive
{
    background-color: #C0C0C0;
}

div.thumbactive:hover
{
    border: thin solid #FF0000;
}

div.thumbactive img, div.thumbinactive img
{
    border: thin inset #000000;
    margin-left: auto;
    margin-right: auto;
} */
