.menu {
              
          text-align :center ;       
                vertical-align :middle ;
                font-family :Verdana ;
                font-size :12px;
                Z-INDEX: 1;
               
                CURSOR: hand;
              
        }
        
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid orange;
overflow: scroll; /*leave this value alone*/
width: 717px;
 
 margin:20px; /*margin around each panel*/
height: 540px; /*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:1px; /*margin around each panel*/

width: 717px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
 
 .stepcarousel_small.panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:1px; /*margin around each panel*/

width: 350px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



#galleryB{
width: 717px;
height: 170px;
border: 10px solid darkred;
}
 
#galleryB .panel{
height: 150px;
font: bold 28px Arial;
text-align: center;
background-color: green;
color: white;
}
 
p.samplebuttons{
width: 300px;
text-align: center;
}
 
p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}