/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    width: 627px;
    height:418px;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    width: 627px;
    height:418px;
    background-color: #FFF;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    width: 627px;
    height: 418px;
    display: block;
    border: 1px solid black;
    margin-bottom: 0px;
}


#slideshow-text {
    margin-top:40px;
    position:relative;
    margin-bottom:40px;
}

#slideshow-text div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    background-color: rgb(255,255,255);
}

#slideshow-text div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow-text div.last-active {
    z-index:9;
}

#slideshow-text div p {
    width: 627px;
    display: block;
    text-align:center;
}


.main p.description { margin: 20px; margin-top: 0px; padding: 3px; font-style: italic; text-align: center; color: rgb(70,70,70);}