div#article {
	padding-top: 20px;
}
/* Three Column Layout */
div.three-cols {
	/*background-color: #5a5a5a;*/
	background:  url(homepage_three_cols_bg.png) repeat-y 0 0;
	margin-bottom: 10px;
}
div.three-cols div.navitem p {
	padding: 5px 8px;
	background-color: #4c4c4c;
}
div.three-cols div.navitem h2 {
	background: #575757 url(homepage_three_cols_top.png) no-repeat 0 0;
	padding: 30px 8px 10px 8px;
}
div.three-cols div.navitem h2 a {
	font-weight: normal;
	font-size: 1.4em;
}
div.three-cols div.column {
	border: none;
	margin-right: 10px;
	width: 236px;
}
div.three-cols div.right {
	margin-right: 0;
}
div.blog {
	padding: 5px 8px;
}

div.blog h3 {
	background-color: #4c4c4c;
	font-size: 1em;
	line-height: 1.2em;
}
div.three-cols div.blog  {
	background-color: #4c4c4c;
}
div.three-cols div.blog  span.date {
	font-size: 1.2em;
	color: #f90;
}

div.stepcarousel {
	margin: 20px 0;
	position: relative; /*leave this value alone*/
	border: none;
	overflow: hidden; /*leave this value alone*/
	width: 730px; /*Width of Carousel Viewer itself*/
	height: 230px; /*Height should enough to fit largest content's height*/
}

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

div.stepcarousel div.panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
}
div.stepcarousel div.panel img {
	height: 230px;
	display: block;
}
span#statusvars {
	position: absolute;
	bottom: 5px;
	left: 40px;
	color: #ddd;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -3px;
}

