.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid #000000;
background-color:#000000;
overflow: scroll; /*leave this value alone*/
width: 540px; /*Width of Carousel Viewer itself*/
height: 520px; /*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*/
width: 540px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.title{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: white;
}

.title a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: orange;
text-decoration:none;
}

.allvids{
background-color: maroon;
width:100px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:5px;
margin:5px;
color:#999999;
}

.allvids a{
color:white;
text-decoration:none;
font-weight:bold;
}

.selected{
background-color: maroon;
width:100px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:5px;
margin:5px;
color:#999999;
}

.selected a{
color:yellow;
text-decoration:none;
font-weight:bold;
}