body {
    font-family: Arial, Helvetica, sans-serif;
	background-color: white !important;
    background-image: none !important;
	width: 98%;
	color: black;
    background: white;
    font-size:14px;
    font-weight:bold;
	margin-top: 6px;
    margin-bottom: 6px;
    margin-right: 10px;
    margin-left: 10px;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding-top: 6px;
}
.footer a:link {
	color: blue;
	text-decoration:none;
	border: none;
}
.footer a:visited {
	color: blue;
	text-decoration:none;
	border: none;
}
.footer a:hover {
	color: red;
	text-decoration:underline;
	border: none;
}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 3px solid #BFDDED;
overflow: scroll; /*leave this value alone*/
width: 860px; /*Width of Carousel Viewer itself*/
height: 93px; /*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: 6px; /*margin around each panel*/
width: 104px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}