p.slides {width: 275px; display: block; font-size: 0.9em; line-height: 1.2em;}
p.slides-alt {width: 275px; display: block; font-size: 0.8em;}
span.credit {width: 275px; display: block; padding: 10px 0; text-align: right; font-size: 0.7em;}

a.slides-more {margin: 5px 0 0 0; font-size: 0.8em; color: #543019; display: block; float: left;}
a.slides-more:hover {color: #72afb6;}

/* start: testimonials panel (#1) */
#carousel {
	width:275px;
	height:auto;	
	margin:0 auto;
	overflow:hidden;}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:275px;
	height:auto;}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;
	color: #4b4b4b;
	width:825px;
	float: left;}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:275px;
	height:100px;
	overflow: hidden;
	float:left;}

/* Styling for prev and next buttons */
#buttons {padding:0 0 5px 0; width: 52px; height: 24px; float:right;}
#buttons a {
	display:inline; 
	width:26px; 
	height:24px;
	text-indent:-999em;
	float:left;
	outline:0;}

a#prev {background:url(../../images/spotlight-nav/btn-left.png) 0 0 no-repeat; margin: 0 2px 0 0; display: inline; height: 24px; width: 26px;}
a#prev:hover {background:url(../../images/spotlight-nav/btn-left-over.png) 0 0 no-repeat;}
a#next {background:url(../../images/spotlight-nav/btn-right.png) 0 0 no-repeat; display: inline; float: right; height: 24px; width: 24px;}
a#next:hover {background:url(../../images/spotlight-nav/btn-right-over.png) 0 0 no-repeat;}

/* start: news & events panel (#2) */
#carousel-2 {
	width:275px;
	height:auto;	
	margin:0 auto;
	overflow:hidden;}

#slides-2 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:275px;
	height:auto;}

/* remove the list styles, width : item width * total items */	
#slides-2 ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;
	color: #4b4b4b;
	width:825px;
	float: left;}

/* width of the item, in this case I put 250x250x gif */
#slides-2 li {
	width:275px;
	height:100px;
	overflow: hidden;	
	float:left;}

/* Styling for prev and next buttons */
#buttons-2 {padding:0 0 5px 0; width: 52px; height: 24px; float:right;}
#buttons-2 a {
	display:block; 
	width:24px; 
	height:24px;
	text-indent:-999em;
	float:left;
	outline:0;}

a#prev-2 {background:url(../../images/spotlight-nav/btn-left.png) 0 0 no-repeat; margin: 0 2px 0 0; display: inline; height: 24px; width: 26px;}
a#prev-2:hover {background:url(../../images/spotlight-nav/btn-left-over.png) 0 0 no-repeat;}
a#next-2 {background:url(../../images/spotlight-nav/btn-right.png) 0 0 no-repeat; display: inline; float: right; height: 24px; width: 24px;}
a#next-2:hover {background:url(../../images/spotlight-nav/btn-right-over.png) 0 0 no-repeat;}