<html><body><p>.bgLtPurple {
background-color: rgb(218,213,235);
}
.bgDkPurple {
background-color: rgb(61,49,106);
}
.colorWhite {
	color: #fff;
}
/* Utility Classes */

.offscreen { /* Hides text content of a tag offscreen - usually used for 508 compliance to have text for screenreaders that is not visible to sighted users,
				but can also be used as a workaround to deal with IE issues with anchor tags near iframes */
	height: 1px;
	text-indent: -999em !important;
	text-decoration: none !important;
}
.hideContent {
	display: none;
}
.redText { /* just what it says - used for alerts and important notes */
	color: red !important;
	}
.memoriam { /* black-bordered memorial box */
	border:2px solid #000; 
	padding: 10px; margin: 10px 0px;
}
.memoriam p a {
	text-decoration: none !important;
}
.memoriam p a:hover {
	text-decoration: underline !important;
}
.missingContent { /* utility placeholder class for highlighting content not yet complete */
	background-color: #FFFF00;
	}
.devNote { /* class for indicating a developer's note or comment on content during the development stage */
	background-color: #0C6;
}
.caption {
	font-size: .8em;
	}
.noteText {
	font-size: 0.9em;
	color: #666666;
	}
.reference {
	font-size: .9em;
	color: #333333;
	}
ol.reference {
	list-style-type: decimal;
	/* margin-left: -10px; */
	}
	
.i {
	font-style: italic;
	}
.b {
	font-weight: bold;
	}
.clearBoth, .clearAll {
	clear: both;
	}
.floatLeft {
	float: left;
	}
.floatRight {
	float: right;
	}
.alignLeft {
	text-align: left;
	}
.alignRight {
	text-align: right;
	}
.alignCenter {
	text-align: center;
	}</p></body></html>