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

/* Home Page */
#slideshow1 {
    position:relative;
    height:350px;
	margin-top: -12px;
}

#slideshow1 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow1 IMG.active {
    z-index:10;
    opacity:1.0;
}

/* 2009-08-18 KR - start with all images as 'hide' class, then unhide them when we start. */
#slideshow1 IMG.hide {
	display: none;
}

#slideshow1 IMG.last-active {
    z-index:9;
}

/* 2009-09-21 KR description */
#slideshow1 #description {
    position:absolute;
    top:325px;
    left:0;
	width: 600px;
}




/* Inner Pages */
#slideshow2 {
    position:relative;
    height:350px;
}

#slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow2 IMG.active {
    z-index:10;
    opacity:1.0;
}

/* 2009-08-18 KR - start with all images as 'hide' class, then unhide them when we start. */
#slideshow2 IMG.hide {
	display: none;
}

#slideshow2 IMG.last-active {
    z-index:9;
}

/* 2009-09-21 KR description */
#slideshow2 #description {
    position:absolute;
    top:410px;
    left:0;
	width: 280px;
}






/* Announcement Footer */
#slideshow3 {
	position:relative;
	left:340px;
	top:1px;
	width:582px;
	height:80px;
	margin-top: -5px;
}

#slideshow3 P {
    position:absolute;
/*
    top:0;
    left:0;
*/	
    z-index:8;
    opacity:0.0;
}

#slideshow3 P.active {
    z-index:10;
    opacity:1.0;
}

/* 2009-08-18 KR - start with all images as 'hide' class, then unhide them when we start. */
#slideshow3 P.hide {
	display: none;
}

#slideshow3 P.last-active {
    z-index:9;
}