/* These override the classes found in main.css, since the home-page uses the same structure, but images with different dims */
#midArea {
	position: relative;
	width: 100%; height: 305px;
}
#midPic {
	width: 902px; height: 305px;
	border: 0px;
}


#midOverlay {
	position: absolute; bottom: 0px; left: 0px;
	width: 100%; height: 44px;
	background-image: url(../images/textBar.png);
}

#midOverlay p {
	width: 100%;
	padding: 9px 0px 0px 0px;
	color: white; font-size: 18px;
	text-align: center;
}




/* ------ Feature Boxes ------ */


.featureBox {
	width: 284px; height: 191px;
	background-image: url(../images/feature_box.png);
}

#featureBox1 { position: absolute; top: 9px; left: 14px; }
#featureBox2 { position: absolute; top: 9px; left: 311px; }
#featureBox3 { position: absolute; top: 9px; left: 608px; }

.featureIcon {
	margin: 14px 0px 0px 14px;
	width: 41px; height: 41px;
}

.featureTitle {
	position: absolute; top: 26px; left: 70px;
	font-size: 17px; font-weight: normal;
	font-family: verdana, arial, sans-serif;	
	color: black;
}

.featureText {
	position: absolute; top: 66px; left: 27px;
	width: 239px;
	font-size: 13px; font-weight: normal;
	font-family: verdana, arial, sans-serif;
	color: black;
}

.featureText a:link { text-decoration: underline; color: white; }
.featureText a:visited { text-decoration: underline; color: white; }
.featureText a:hover { text-decoration: underline; color: steelblue; }
.featureText a:active { text-decoration: underline; color: yellow; }





/* ------------------ MANAGE CLASSES -------------------- */



.manageEditLink:link { color: blue !important; text-decoration: underline !important; font-size: 10px !important; font-weight: normal !important; }
.manageEditLink:visited { color: blue !important; text-decoration: underline !important; font-size: 10px !important; font-weight: normal !important; }
.manageEditLink:hover { color: red !important; text-decoration: underline !important; font-size: 10px !important; font-weight: normal !important; }
.manageEditLink:active { color: yellow !important; text-decoration: underline !important; font-size: 10px !important; font-weight: normal !important; }

.manage_edit_block {
	position: absolute; top: 3px; right: 10px;
}