#lightbox{
	background-color:#fff;
	padding: 10px;
	border-bottom: 2px solid #7B3519;
	border-right: 2px solid #7B3519;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	font-family: Arial, sans-serif;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333333;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 12px solid #7B3519;
overflow: scroll; /*leave this value alone*/
width: 565px; /*Width of Carousel Viewer itself*/
height: 132px; /*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: 10px; /*margin around each panel*/
width: 175px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.gallerytitle {
text-align: center;
font-family: Garamond, Georgia, serif;
font-size: 30px;
font-weight: normal;
line-height: 45px;
color: #7B3519;
padding-bottom: 20px;
}