h1.topTitle { margin: 0 0 10px 0; text-align: center; }






/** scroller **/
div.stepCarousel {
	position: relative; /*leave this value alone*/
	left: 20px; /*border: 5px solid #aaaaaa;*/
	overflow: scroll; /*leave this value alone*/
	width: 546px; /*Width of Carousel Viewer itself*/
	height: 185px; /*Height should enough to fit largest content's height*/
}
div.stepCarousel h2 { font-size: 12px; text-transform: uppercase; margin: 0 0 0 10px; }
div.stepCarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 40px;
	height: 180px;
}
div.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: 120px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	border: 1px solid white;
	cursor: pointer;
}
div.stepCarousel div.carouselTitle {
	margin-top: 150px;
	text-align: center;
	font-size: 16px;
}









div.hostChallengeAd {
	float: left;
	background-color: #eee;
	border: 1px solid #ddd;
	color: #999;
	margin: 0 0 10px 0;
	width: 163px;
	vertical-align: top;
}
div.hostChallengeAd a {
	width: 163px;
	height: 184px;
	display: block;
}

div.hostChallengeVirtualTrainerAd {
	float: left;
	margin: 0 0 10px 0;
	width: 163px;
	height: 184px;
	vertical-align: top;
}







div.titleBlock {
	padding: 10px;
	border: 1px solid #CCCCCC;
	border-width: 1px 0;
	margin: 10px 0 0 0;
	height: 15px;
}
div.titleBlock a {
	display: block;
	float: right;
	font-weight: bold;
	color: red;
	text-decoration: underline;
	font-size: 8pt;
}
div.titleBlock h2 {
	font-size: 12px;
	margin: 0;
	text-transform: uppercase;
	float: left;
}



div.topPeople ul { margin: auto; margin: 10px 0 0 9px; }
div.topPeople ul li { float: left; width: 105px; height: 110px; text-align: center; }
div.topPeople ul li img {
	padding: 5px;
	background-color: white;
	border: 1px solid #E9E9E9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.topPeople ul li a { font-weight: normal; color: #333333; text-decoration: none; }
div.topPeople ul li a:hover { color: red; }


div.topChallenges a.more { display: block; float: right; color: red; padding: 10px; font-weight: bold; text-decoration: underline; font-size: 8pt; }