/* GENERAL PAGE CONTENT */

.typography {
	color: #cfcfcf;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	text-align: left;
}

em, EM, .em { font-style: italic; }
.typography em { font-style: italic; }
.typography p em { font-style: italic; }

.typography p {
	color: #cfcfcf;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	margin: 3px 0px 10px 0px;
	padding: 0px;
}

.typography p.small, .small {
	font-size: 10px;
}

.typography p.med, .med {
	font-size: 12px;
}

.typography h1 {
	font-family: Times New Roman, Arial, Verdana, sans-serif, hevetica;
	color: #ffffff;
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

.typography h1.home {
	font-family: Times New Roman, Arial, Verdana, sans-serif, hevetica;
	color: #ffffff;
	font-size: 21px;
	line-height: 27px;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

.typography h2 {
	color: #cfcfcf;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin: 3px 0px 10px 0px;
	padding: 0px;
}

.typography h3 {
	color: #7f7f7f;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}

.typography a {
	color: #cfcfcf;
	text-decoration: underline;
}

.typography a:visited {
	color: #cfcfcf;
	text-decoration: underline;
}

.typography a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.typography ul, .typography ol {
	margin-left: 25px;
}

.typography ul li, .typography ol li {
	padding: 2px 0px 2px 0px; 
}

.typography .Lau { color: #afaea9; }
.typography .Hap { color: #f0b310; }
.typography .Wea { color: #a13e9a; }
.typography .Hea { color: #8b8d09; }
.typography .Rel { color: #c60b46; }
.typography .Men { color: #f4b30d; }

/* FORMS  */
.typography form input, .typography form select, .typography form textarea {
	color: #cfcfcf;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	text-align: left;
	background-color: #1f1b19;
	border: 1px solid #afaea9;
}