.whats-new {
	width:910px;
	padding:25px 20px 0;
}
.whats-new .c_content {
	padding-left:25px;
}
.whats-new .header {
	float:left;
	width:550px;
}
.whats-new h2 {
	font-weight:bold;
	text-transform:none;
}
.whats-new h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#e6933a;
	text-transform:uppercase;
}
.whats-new .head_title {
	border-bottom:solid 1px #dbcca2;
}
.whats-new .links {
	float:right;
	width:216px;
	color:#925618;
}
.whats-new .more {
	position:absolute;
	bottom:0;
	right:5px;
}
.whats-new .more .URL.link01, .whats-new .more .Page.link02, .whats-new .more .File.link02 {
	display:none;
}


/*
CAROUSEL
*/
.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 859px; /*Width of Carousel Viewer itself = ( (panel width + panel margin) x # of panels ) + panel margin */
height: 250px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px; /*margin around each panel*/
width: 196px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 220px; /*Height should enough to fit largest content's height*/
}
.panel img {
	padding:1px;
	border:solid 2px #dbcca2;
	margin-bottom:10px;
}
.panel h2 {
	font-size:15px;
	color:#925618;
}
.panel p {
	color:#925618;
	margin:0 0 10px 0;
	line-height:17px;
}
.panel a {
	font-size:13px;
	color:#275575;
	font-weight:bold;
}