/* ------------ SLIDE SHOW ------------- */

.jsslideshow /* optional class to stack elements */
{
	position: absolute;
	top: 0px;
	left: 0px;
	-moz-opacity:0.99; opacity:0.99; filter:alpha(opacity=99);
}

.hidden /* hidden elements should have this class */
{
	display: none !important;
}

.on_top /* fading in element should have this class */
{
	z-index: 2;
}

/* ----- OPACITY CLASSES (for use during fade transition) ----- */

.opacity0   {-moz-opacity:0.0; opacity:0.0; filter:alpha(opacity=00)}
.opacity10  {-moz-opacity:0.1; opacity:0.1; filter:alpha(opacity=10)}
.opacity20  {-moz-opacity:0.2; opacity:0.2; filter:alpha(opacity=20)}
.opacity30  {-moz-opacity:0.3; opacity:0.3; filter:alpha(opacity=30)}
.opacity40  {-moz-opacity:0.4; opacity:0.4; filter:alpha(opacity=40)}
.opacity50	{-moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50)}
.opacity60  {-moz-opacity:0.6; opacity:0.6; filter:alpha(opacity=60)}
.opacity70  {-moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70)}
.opacity80  {-moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80)}
.opacity90  {-moz-opacity:0.9; opacity:0.9; filter:alpha(opacity=90)}
.opacity100 {-moz-opacity:0.99; opacity:0.99; filter:alpha(opacity=99)}

/* ----- STYLES FOR STANDARD NAVIGATION BAR ----- */

.slide_navigation
{
	position: absolute;
	bottom: -20px; right: 0px; 
	height: 17px;
	z-index: 3;
}

.slide_navigation a 
{
	display: block;
	float: left;
	width: 16px; height: 16px;
	margin: 0 2px;
	border: 2px solid #ffffff;
}