/* **************************
	TYPOGRAPHY PAGE STYLES 
***************************** */

h1 { font-size: 22px; color: #FF9900; }
h2 { font-size: 20px; color: #FFF; font-weight: bold; }
h3 { font-size: 13px; color: #CC9966; }
h4 { font-size: 12px; color: #CC9900; }
h5 { font-size: 12px; color: #FFCC66; }
h6 { font-size: 10px; color: #FF0000; }


/* *** ATTENTION ALERTS *** */

span.attention, span.notice, span.alert, span.note, span.info, span.rss, span.question {
	display: block;
	padding: 8px 10px 8px 36px;
	margin: 15px 0;
}
	span.attention {
		color: #ff9933;
		border: 1px solid #ff9933;
		background: #fbe89d url(../images/assets/Typography_Attention.gif) 5px 5px no-repeat;
	}
	span.notice {
		color: #648434;
		border: 1px solid #648434;
		background: #ccff99 url(../images/assets/Typography_Notice.gif) 5px 5px no-repeat;
	}
	span.alert {
		color: #cc6666;
		border: 1px solid #cc6666;
		background: #ffcccc url(../images/assets/Typography_Alert.gif) 5px 5px no-repeat;
	}
	span.note {
		color: #ff7c00;
		border: 1px solid #ff7c00;
		background: #FFF3A3 url(../images/assets/Typography_Note.gif) 5px 5px no-repeat;
	}
	span.info {
		color: #336699;
		border: 1px solid #336699;
		background: #a8cde3 url(../images/assets/Typography_Info.gif) 5px 5px no-repeat;
	}
	span.rss {
		color: #ff6600;
		border: 1px solid #ff6600;
		background: #ffcc66 url(../images/assets/Typography_RSS.gif) 5px 5px no-repeat;
	}
	span.question {
		color: #cc6600;
		border: 1px solid #cc6600;
		background: #ffff99 url(../images/assets/Typography_Question.gif) 5px 5px no-repeat;
	}

/* *** BLOCKQUOTES *** */

blockquote {
	display: block;
	font-size: 13px;
	line-height: 130%;
	width: auto;padding: 10px 20px 10px 20px;
	margin: 10px 0;
	background: #49371d;
	border-bottom: 2px solid #d3ae85;
	border-top: 2px solid #d3ae85;
	text-align: justify;
	color:#FFFFFF !important;
	clear: both;
}
	blockquote h3 {
		color: #d3ae85 !important;
	}
	blockquote img, blockquote p img {
		border: 2px solid #d3ae85;
	}
	/* Blockquote Colors */
	blockquote.blue, blockquote.lightblue, blockquote.darkblue, 
	blockquote.green, blockquote.lightgreen, blockquote.darkgreen, 
	blockquote.red, blockquote.lightred, blockquote.darkred,
	blockquote.grey, blockquote.lightgray, blockquote.darkgray,
	blockquote.white, blockquote.brown {
		display: block;
		line-height: 150%;
		width: auto;
		padding: 0px 20px;
		margin: 15px 0;
		border: 0;
		background: 0;
	}
		
	blockquote.green { color: #648434; }
	blockquote.blue { color: #0066cc; }
	blockquote.purple { color: #D12E2E; }	
	blockquote.red { color: #d12525; }
	blockquote.orange { color: #ff6600; }
	blockquote.yellow { color: #fbfb06; }
	blockquote.white { color: #D12E2E; }	
	blockquote.grey { color: #7d7d7d; }
	blockquote.brown { color: #754c24; }
	
	/* blockquote photos */
	blockquote.photo {
		display: block;
		line-height: 150%;
		width: auto;
		padding: 0px 20px;
		margin: 15px 0;
		border: 0;
		color: #336699;
		border: 1px solid #336699;
		background: #a8cde3 url(../images/assets/Typography_RSS.gif) 7px 50% no-repeat;
	}


/* *** COLORED TEXT *** */
.text-green { color: #648434; }
.text-blue { color: #7ebdfc; }
.text-purple { color: #9933cc; }
.text-red { color: #d12525; }
.text-orange { color: #ff6600; }
.text-yellow { color: #FFCC33;  }
.text-white { color: #ffffff; }
.text-grey { color: #7d7d7d; }
.text-brown { color: #754c24; }
.text-bold { font-weight: bold; font-size: 130%; }


/* *** TEXT INSETS *** */
.inset-left {
	display: block;
	color: #336699;
	padding: 15px;
	float: left;
	width: 30%;
	font-size: 18px;
	font-weight: bold;
}

.inset-right {
	display: block;
	color: #648434;
	padding: 15px;
	float: right;
	width: 30%;
	font-size: 18px;
	font-weight: bold;
}

/* *** IMAGE INSETS *** */
.image-top-fullwidth {
	display: block;
	margin: 0px 0px 10px 0px;
}
.image-top-left {
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
}
.image-top-right {
	display: block;
	float: right;
	margin: 0px 0px 10px 10px;
}
.image-mid-left {
	display: block;
	float: left;
	margin: 10px 10px 10px 0px;

}
.image-mid-right {
	display: block;
	float: right;
	margin: 10px 0px 10px 10px;

}
.image-mid-fullwidth {
	display: block;
	margin: 10px 0px 10px 0px;
}
.image-bottom-left {
	display: block;
	float: left;
	margin: 10px 10px 0px 0px;
}
.image-bottom-right {
	display: block;
	float: right;
	margin: 10px 0px 0px 10px;
}
.image-bottom-fullwidth {
	display: block;
	margin: 10px 0px 0px 0px;
}