/*==========================================
* 
* Typography CSS
* 
==========================================*/


h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
}

h1 {
	font-size: 2.3em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1.1em;
}


/**
* .title-banner
*/
.title-banner {
	font-size: 1.4em;
	font-weight: 600;
	margin: 0;
	padding: 0;
}

.title-banner span {
	background: url(/Content/images/rap-rewards/header-ribbon-bg.png) repeat-x left top;
	color: #fff;
	display: inline-block;
	float: left;
	
	height: 63px;
	line-height: 46px;
	padding: 0 40px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

.title-banner:before {
	background: url(/Content/images/rap-rewards/header-ribbon-left.png) no-repeat right top;
	content: " ";
	display: inline-block;
	float: left;
	width: 68px;
	height: 63px;
}

.title-banner:after {
	background: url(/Content/images/rap-rewards/header-ribbon-right.png) no-repeat left top;
	content: " ";
	display: inline-block;
	float: left;
	width: 68px;
	height: 63px;
}


/** 
* .block-title
*/
.block-title {
	background: #f0f0f0;
	color: #333;
	margin: 0 0 15px;
	padding: 10px;
}

.block-title-blue {
	background: #0058a6;
	color: #fff;
}

.block-title-light-gray {
	background: #f0f0f0;
	color: #333;
}

.block-title-med-gray {
	background: #999;
	color: #fff;
}

.block-title-dark-gray {
	background: #444;
	color: #fff;
}