body {
font-size: 11px;
font-family: Arial;
color: #000;
background: #fff;
xtext-align:center;
padding: 0px;
margin:0px;
padding-top:30px;

}

.holding-container {
text-align:left;
xmargin: 0 auto;
xwidth: 100%;
white-space: nowrap;
}


.logo {
float :left;
position:fixed;
width:240px;
height: 100%;
background: #fff;
top: 0px;
padding-top: 40px;
}

.logo h1 {
float: left;
font-size: 1px; 
height: 40px; 
text-indent:-9997px; 
background: url(../../i/logo.jpg) no-repeat; 
width: 40px;
margin-left: 20px;
}
.logo ul {
width: 140px;
float: right;
margin:0px;
padding: 0px;
list-style:none;

}
.logo li {
padding: 1px;
}
.logo a {
text-decoration:none;
}
.logo li a:hover { 
font-weight: bold;
}
.holding-about {
float: left;
width: 350px;
padding-bottom: 30px;
}


.holding-footer {
font-size: 10px;
padding: 5px;
margin-top: 0px;
line-height: 40px;
position:fixed;
margin-left: 250px;
}

a {
color: #000;
}

.holding-content {
xmin-height: 500px;

}

.holding-content p{
padding:2px;
margin: 0px;
}

.holding-content ul{
margin: 0px;
padding:15px;

}

.bold {
font-weight: bold;
}


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













#content {
margin-left: 250px;
white-space: nowrap;
}

.contentright-box {
	
	}
div.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

div.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
	
.alignnone {
	padding: 0;
	margin: 4px;
	display: inline;
	text-align:left;
	}

.alignnone img { 
max-height: 525px;
width:expression(this.height > 525 ? 525: "true" );
}

.alignnone table {
display: inline;
display: table-inline;
display:inline-block;
!display: inline;
}

div.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}