/* CSS for jQuery cycle plugin (slideshow) */

.slideshow {
	height: 282px;
	width: 785px;
}

a.slideshow{
	text-decoration:none;
}
a.slideshow:hover{
	text-decoration:none;
}

.slide {
	height: 282px;
	width: 785px;
	overflow:hidden;
	border-bottom: 1px #dbdbdb solid;
}


div#play-toggle.playing{
	/* show pause button non-highlighted */
	margin-top:10px;
	height:20px;
	width:20px;
	background: url(../images/Slideshow/NavButtons/20px-PauseButton-Off-v01.png) no-repeat;
	float:left;
}

div#play-toggle.playing:hover{
	/* show pause button highlighted */
	background: url(../images/Slideshow/NavButtons/20px-PauseButton-On-v01.png) no-repeat;
	/* turn on hand */
	cursor:pointer;
}

div#play-toggle.paused{
	/* show play button non-highlighted */
	margin-top:10px;
	height:20px;
	width:20px;
	background: url(../images/Slideshow/NavButtons/20px-PlayButton-Off-v01.png) no-repeat;
	float:left;
}

div#play-toggle.paused:hover{
	/* show play button highlighted */
	background: url(../images/Slideshow/NavButtons/20px-PlayButton-On-v01.png) no-repeat;
	/* turn on hand */
	cursor:pointer;
}
	
div#prev-image{
	margin-top:10px;
	height:20px;
	width:20px;
	background: url(../images/Slideshow/NavButtons/20px-Prev-Off-v01.png) no-repeat;
	float:left;
	margin-left:10px;
}

div#next-image{
	margin-top:10px;
	height:20px;
	width:20px;
	background: url(../images/Slideshow/NavButtons/20px-Next-Off-v01.png) no-repeat;
	float:left;
	margin-left:10px;
}

div#next-image:hover{
	background: url(../images/Slideshow/NavButtons/20px-Next-On-v01.png) no-repeat;
	cursor:pointer;
}

div#prev-image:hover{
	background: url(../images/Slideshow/NavButtons/20px-Prev-On-v01.png) no-repeat;
	cursor:pointer;
}