#galleryMain {
	background: #3E2217;
	position: absolute;
	top: 160px;
	left: 0px;
	width: 800px;
	height: 1300px;
	margin: 5px 0 5px 0;
	padding-bottom: 10px;
}

#galleryContent {
	background: #ffffff;
	text-align: left;
	font-size: 14px;
	position: relative;
	height: 1250px;
}

#ctrBarGallery {
	background:#3E2217;
	height: 1300px;
	width: 610px;
	position: absolute;
	top: 5px;
	left: 180px;
	
}

#galleryFooter {
	background: #000000;
	position: absolute;
	top: 1450px;
	left: 0px;
	width: 800px;
	color: #ffffff;
}

#galleryText {
	font-size: 13px;
	margin: 10px 30px 10px 30px;
	text-align: left;
	line-height: 20px;
}

#galleryltBar {
	background: #3E2217;
	height: 500px;
	width: 160px;
	text-align: left;
	position: absolute;
	top: 5px;
	left: 10px;
}


.stepcarouselos{
position: relative; /*leave this value alone*/
border: 5px solid #666666;
overflow: scroll; /*leave this value alone*/
width: 500px; /*Width of Carousel Viewer itself*/
height: 260px; /*Height should enough to fit largest content's height*/
margin-left: 30px;
}

.stepcarouselos .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouselos .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*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. */
}

.stepcarouseleq{
position: relative; /*leave this value alone*/
border: 5px solid #666666;
overflow: scroll; /*leave this value alone*/
width: 500px; /*Width of Carousel Viewer itself*/
height: 272px; /*Height should enough to fit largest content's height*/
margin-left: 30px;
}

.stepcarouseleq .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouseleq .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*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. */
}

.stepcarouselff{
position: relative; /*leave this value alone*/
border: 5px solid #666666;
overflow: scroll; /*leave this value alone*/
width: 500px; /*Width of Carousel Viewer itself*/
height: 231px; /*Height should enough to fit largest content's height*/
margin-left: 30px;
}

.stepcarouselff .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

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

.stepcarouselsf{
position: relative; /*leave this value alone*/
border: 5px solid #666666;
overflow: scroll; /*leave this value alone*/
width: 500px; /*Width of Carousel Viewer itself*/
height: 237px; /*Height should enough to fit largest content's height*/
margin-left: 30px;
}

.stepcarouselsf .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

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

.stepcarouselbb{
position: relative; /*leave this value alone*/
border: 5px solid #666666;
overflow: scroll; /*leave this value alone*/
width: 385px; /*Width of Carousel Viewer itself*/
height: 185px; /*Height should enough to fit largest content's height*/
margin-left: 85px;
}

.stepcarouselbb .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

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





.controlLinks {
	text-align: center;
}

.controlLinks a{
	color: #3E2217;
	
}

.galleryTitle {
	color: #ff6600;
	margin: 20px;
}