body, tr, td {
text-align: center;
font-family: Arial, Verdana;
margin:0;
padding:0;
border-collapse:collapse;
font-size:11px;
background-color: E3DCD2;
}

tr, td {
background-color:transparent;
text-align: left;
}

h1 {
background-color:transparent;
font-size:3em;
font-weight:normal;
line-height:1.2em;
margin:0;
padding:0;
}

h2 {
background-color: transparent;
font-size: 15px;
}

.sectionheader {
color: fff;
background-color: 302e2A;
padding: 2px;
font-weight: strong;
}



#header {
height: 101px;
background: url('images/Titlebg.gif') repeat-x;
}

#footer {
background-color: #c7c2bc;
display: block;
}

#top-nav {
height: 30px;
background-color: bab3ab;
color: fff;
text-decoration: strong;
vertical-align: middle;
margin: auto;
}

#navigation{
height:20px;
line-height:20px;
margin:1px;
/*margin:0 1px;*/
/*margin:0 1px 1px 0;*/
padding:0 0 0 0px;
background:#1E4A7E;
color:#ffffff;
}

/* NAVIGATION
=========================================== */
#centerednav {
	width: 800px;
	margin: auto;
	text-align: center;
}

ul#nav {
	text-align: center;
	margin:0;
	padding:0;
}
	ul#nav li {
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
	}
	ul#nav li a {
		float: left;
		padding:10px 15px 5px 15px;
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		font-weight:bold;
	}
	ul#nav li a span {
		font-size:1em;
		line-height:15px;
		/*border-bottom:3px solid #ccc;*/
	}
		ul#nav li a:hover {
			color:#333333;
		}
		ul#nav li a:hover span {
			/*display:block;*/
			border-bottom:3px solid #302E2A;
		}
	ul#nav li a.selected {
		background:#9a958f repeat-x left bottom;
	}
	ul#nav li a.selected:hover span {
		border-width:0;
	}


.main {
height: 518px;
background: #E3DCD2 url('images/mainbg.gif') repeat-x;
}

.carousel-top {
width: 1037px;
height: 73px;
background: url('images/PhotoBox_top.gif');
}

.carousel-bottom {
width: 1037px;
height: 73px;
background: url('images/photobox_bottom.gif');
margin: auto;
}

#carousel-left {
width: 92px;
height: 373px;
background-color: 302e2a;
float: left;
}

#carousel-right {
width: 92px;
height: 373px;
background-color: 302e2a;
float: right;
}

#spacer-top {
height: 6px;
background: url('images/Spacer_background.gif') repeat-x;
}


#content {
width: 923px;
margin: auto;
background: #fefefe;
border-left: solid 37px #302e2a;
border-right: solid 37px #302e2a;
text-align: left;
padding: 20px;
	
}

#carousel {
width: 1037px;
margin: auto;
}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
background-color: #302e2a;
overflow: scroll; /*leave this value alone*/
width: 853px; /*Width of Carousel Viewer itself*/
height: 373px; /*Height should enough to fit largest content's height*/
float: left;
}

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

.stepcarousel .panel{
float: left; /*leave this value alone*/
border: 10px solid #2a2925;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right: 8px; /*margin around each panel*/
width: 259px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}