.carousel,
.slideshow-button,
.carousel .component {
	height: 197px;
}
	
.carousel {
	overflow: scroll;
	position: relative;
	width: 650px;
}

.carousel .container {
	left: 0;
	position: absolute;
	top: 0;
}

#spotlights .component {
	float: left;
	overflow: hidden;
	margin-left: 5em;
	width: 650px;
}

	#spotlights .component img {
		height: 197px;
		float: left;
		margin-right: 2em;
		margin-top: .3em;
		width: 160px;
	}
	#spotlights .component span {
		display: block;
		font-size: 130%;
		margin-top: 4em;
		padding: 0 150px 0 0;
	}
		#spotlights .component strong.name {
			display: block;
			font-size: 120%;
		}
		
		#spotlights .component span.call-to-action {
			margin-top: .6em;
		}
			#spotlights .component span.call-to-action a, #spotlights .component span.call-to-action a:visited, #spotlights .component span.call-to-action a:hover, #spotlights .component span.call-to-action a:active {
				background-image: url(../../_images/arrows/call-to-action.gif);
				background-position: 100% .3em;
				padding-right: .8em;
				text-decoration: none;
			}
				#spotlights .component span.call-to-action a:hover, #spotlights .component span.call-to-action a:active {
					text-decoration: underline;
				}
					#spotlights .component span.call-to-action a:active {
						text-decoration: none;
					}
					
.slideshow-button, .slideshow-button:hover {
	background-position: 0 49.5%;
	background-repeat: no-repeat;
	width: 12px;
}

.slideshow-button.back {
	background-image: url(../../_images/arrows/back.gif);
}
	.slideshow-button.back:hover {
		background-image: url(../../_images/arrows/back.gif);
	}
.slideshow-button.forward {
	background-image: url(../../_images/arrows/forward.gif);
}
	.slideshow-button.forward:hover {
		background-image: url(../../_images/arrows/forward.gif);
	}