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

#container {
width:185px;
height:185px;
border: 1px solid #CCCCCC;
text-align: center;
}

#slide {
	width:185px;
    position:relative;
    height:185px;
}

#slide DIV {
	width:185px;
    position:absolute;
	top:10;
	left:0;
	margin-left: auto;
	margin-right: auto;
    z-index:8;
    opacity:0.0;
    height: 160px;
    background-color: #FFF;
}

#slide DIV.active {
    z-index:10;
    opacity:1.0;
}

#slide DIV.last-active {
    z-index:9;
}

#slide DIV IMG {
    height: 140px;
    display: block;
	margin-left: auto;
	margin-right: auto;
    border: 0;
    margin-top: 10px;
}

#slide2 {
	width:185px;
    position:relative;
    height:185px;
}

#slide2 DIV {
	width:185px;
    position:absolute;
	top:10;
	left:0;
	margin-left: auto;
	margin-right: auto;
    z-index:8;
    opacity:0.0;
    height: 160px;
    background-color: #FFF;
}

#slide2 DIV.active {
    z-index:10;
    opacity:1.0;
}

#slide2 DIV.last-active {
    z-index:9;
}

#slide2 DIV IMG {
    height: 140px;
    display: block;
	margin-left: auto;
	margin-right: auto;
    border: 0;
    margin-top: 10px;
}

/* slide 3 */

#slide3 {
	width:185px;
    position:relative;
    height:185px;
}

#slide3 DIV {
	width:185px;
    position:absolute;
	top:10;
	left:0;
	margin-left: auto;
	margin-right: auto;
    z-index:8;
    opacity:0.0;
    height: 160px;
    background-color: #FFF;
}

#slide3 DIV.active {
    z-index:10;
    opacity:1.0;
}

#slide3 DIV.last-active {
    z-index:9;
}

#slide3 DIV IMG {
    height: 140px;
    display: block;
	margin-left: auto;
	margin-right: auto;
    border: 0;
    margin-top: 10px;
}

#captions-out {
position:relative;
text-align: center;
width:185px;
height:21px;
max-height:21px;
margin-left: auto;
margin-right: auto;
background-color:#005596;
display: block;
}
#captions-in {
position:relative;
top: 4;
}