a.menu{
font-family:verdana;
color:#000000;
text-decoration:none;
font-size:12px;
}
a.menu:hover{
color:#008f4c
}
p{
font-family:arial;
font-size:12px;
}
h1{
font-family:arial;
font-size:16px;
color:#000000;
display:inline;
}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 466px; /*Width of Carousel Viewer itself*/
height:350px; /*Height should enough to fit largest content's height*/
}
.stepcarousellong{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 466px; /*Width of Carousel Viewer itself*/
height:350px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousellong .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: 10px; /*margin around each panel*/
width: 466px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousellong .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 466px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}