#mygallery {

	margin:14px 0 20px;

}



.stepcarousel{

position:relative; /*leave this value alone*/

overflow:scroll; /*leave this value alone*/

width:900px; /*Width of Carousel Viewer itself*/

height:172px; /*Height should enough to fit largest content's height*/

margin:0 auto;

}



.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-right:12px ; /*margin around each panel*/

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

height:156px;

border:8px solid #638DBB;

}

.stepcarousel .panel p{

text-align:left; /*leave this value alone*/

overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin:5px 5px ; /*margin around each panel*/



}



.stepcarousel .panel h2{

text-align:left; /*leave this value alone*/

height:20px;

overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin:2px 5px ; /*margin around each panel*/

font-size:16px;

font-weight:bold;

text-align:center;

font-family:Georgia,century gothic,Arial,verdana, sans-serif;

}



.stepcarousel .panel img{

float:left; /*leave this value alone*/

margin:0; /*margin around each panel*/

padding:0;

}