html, body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #525163;
    margin: 0; 
    padding: 0; 
    border: 0px none;

}

body {
	background:url('images/body_bg.gif') repeat-y 0px 0px; 
}
A:link { COLOR: #5678a2; text-decoration: none; }
A:visited { COLOR: #5678a2; text-decoration: none; }
A:hover { COLOR: #00CCFF; text-decoration: underline; }
A:active { COLOR: #5678a2; text-decoration: none; }

h1  {
	font-size: 14px;
	font-variant: small-caps;
	font-weight:bold;
	color: #333333;
}


h2  {
	font-size: 12px;
	font-variant: small-caps;
	font-weight:bold;
	color: #333333;
}


h3  {
	font-size: 10px;
	font-variant: small-caps;
	font-weight:bold;
	color: #333333;
}



#wrapper {
	width:952px;
	margin: 0 auto;
}

#header {
	background:url('images/header_bg.png') no-repeat; 
	height: 125px;
}


#header_left {
	float: left;
	padding:5px;
}


#header_right {
	text-align: right;
	padding:5px;
}

#banner {
	background: #0000ff;
	border-left: 3px solid #cccccc;
	border-right: 3px solid #cccccc;
	height: 250px;
}
.inner_borders {
	background: #ffffff;
	border-left: 3px solid #cccccc;
	border-right: 3px solid #cccccc;

}

#body {
	background: #ffffff;
	border-left: 3px solid #cccccc;
	border-right: 3px solid #cccccc;
}

#left_column {
	text-align:left;
	width: 200px;
	float:left;
	height: 100%;
	padding-top:15px;
	padding-left:15px;
	padding-bottom:15px;
}
#body_content {
	text-align:left;
	width: 650px;
	margin-left:200px;
	min-height: 500px;
	padding:30px;
}


#footer {
	background:url('images/footer_bg.png') no-repeat; 
	height: 55px;
}


div.box { width: 100%; margin: 0px auto; padding: 5px 0; }
.box .box-header { background: #ff0000; background:url('images/box_top_left.gif') no-repeat 0px 0px; }
.box .box-header .box-side { text-align: left; padding-left:10px; font-weight: bold; line-height: 31px; height: 31px; background:url('images/box_top_right.gif') no-repeat right 0px;; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0 }
.box .box-header img { float: right; margin: 7px 7px 0 0; border: 0px; }
.box .box-body { background:url('images/box_middle_left.gif') repeat-y 0px 0px; }
.box .box-body .box-side { background:url('images/box_middle_right.gif') right 0px; }
.box .box-body .box-side .box-content {  margin:0px 1px; background:#fff url('images/box_middle_content.gif') 0px 0px;  padding: 1em; text-align: left }
.box .box-footer { background:url('images/box_bottom_left.gif') no-repeat 0px 0px; }
.box .box-footer .box-side { font-size:1px; height:2px; background:url('images/box_bottom_right.gif') no-repeat right 0px; }
.box .box-header h1 { font-size: 12px; margin:0px; padding-top: 0px; /*color: #314774;*/ color: #616161; }
.box p { margin:0.5em 0px 0px 0px; padding:0px; }
.box ul.box_list li.box_list { font-size: 9px; list-style-image: url('none'); list-style-position: outside; list-style-type: none; margin: 0pt; background:url('images/arrow.gif') no-repeat 0px 2px; padding-left: 25px; padding-bottom: 5px}
.box ul.box_list { font-size: 9px; list-style-image: url('none'); list-style-position: outside; list-style-type: none; margin: 0pt; padding: 0pt }




.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 800px; /*Width of Carousel Viewer itself*/
height: 100px; /*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: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}