.feature {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #000000;
}
	
.featureHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.content {
	position: absolute;
	top: 500px;
	z-index: 6;
}

.offJoin {
	position: absolute; 
	left: 161px;
	top: 157px;
	z-index: 10;
	display: block;
}
	
.onJoin {
	position: absolute;
	left: 161px;
	top: 157px;
	z-index: 3;
	display: none;
	background-color: #FFBA47;
	width: 154px;
	height: 111px;
}

.offLearn {
	position: absolute; 
	left: 315px;
	top: 157px;
	z-index: 10;
	display: block;
}
	
.onLearn {
	position: absolute;
	left: 315px;
	top: 157px;
	z-index: 3;
	display: none;
	background-color: #B7BA61;
	width: 154px;
	height: 111px;
}

.offRead {
	position: absolute; 
	left: 469px;
	top: 157px;
	z-index: 1;
	display: block;
}
	
.onRead {
	position: absolute;
	left: 469px;
	top: 157px;
	z-index: 3;
	display: none;
	background-color: #93C1ED;
	width: 154px;
	height: 111px;
}

.offDiscover {
	position: absolute; 
	left: 623px;
	top: 157px;
	z-index: 1;
	display: block;
}
	
.onDiscover {
	position: absolute;
	left: 623px;
	top: 157px;
	z-index: 3;
	display: none;
	background-color: #FEE966;
	width: 154px;
	height: 111px;
}

span.mainHead {
	z-index: 4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height: 18px;
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	display: block;
}

span.scope {
	z-index: 4;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: -.5px;
	line-height: 11px;
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
	padding-right: 25px;
	display: block;
}

div.padding {
	margin-top: 100px;
}