html, body {
	margin:0; padding:0;
	width:100%; height:100%;
	overflow:auto;
}

img { display:block; }

.hidden {display:none;}
 
#floater {
	position:relative; float:left;
	height:50%;
	margin-bottom:-346px;
	width:1px;
}
 
#centered {
	position:relative; clear:left;
	height:642px; width:1000px;
	margin:0 auto;
	background-color:#FFFFFF;
	border:0px;
}

#header {
	margin:0px 0px 15px 10px;
}

#maincontent {
	width:1000px;height:420px;
}

td.leftcontent {
	width:360px;
	text-align:left;
}

td.rightcontent {
	padding-top:10px;
	text-align:left;
}

#footer {
	margin:15px 0px 0px 110px;
}

img.links {
	margin:0px 20px 0px 20px;
	display:inline;
}



/* CAROSEL START */

.stepcarousel{
position: relative;
border: 0px;
overflow: scroll;
width: 960px; /*Width of Carousel Viewer itself*/
height: 420px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute;
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: 0px; /*margin around each panel*/
width: 330px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



/* FORM START */

form {
	padding: 10px 0px 10px 0px;
	border:0px;
	margin:0px;
}

.inputtext {
	font-family:arial, serifs;
	font-size:1em;font-weight: bold;
	color: #000000;
	text-align: Left;
	width:350px;
	margin:0px;margin-bottom:1px;
	display:block;
	background-color: #FFFFFF;
	border:1px solid #000000;
}

td.form {
	padding: 10px 0px 10px 0px;
	border:0px;
	margin:0px;
	text-align=:left;
}