
/* MAIN LAYOUT ELEMENTS */
#main-wrapper{
	width:100%;
	/*margin-top:55px;*/
	/*max-width: 955px;*/
}

#main-wrapper .content {
	width:80%;
	margin:0 10%;
	overflow:hidden;
	/*margin-bottom:20px;*/
}

#main-wrapper .graphic {
	width:100%;
	/*margin:0 10%;*/
	overflow:hidden;
	margin-bottom:20px;
}

#main-wrapper .content a {
	color:#2272BB;
	text-decoration:none;
}

#main-wrapper .content h3{
	font-family: Helvetica, Arial, sans-serif;
	/*float:left;*/
	text-align: left;
	width:100%;
	font-size: 1em;
	-webkit-font-smoothing: antialiased;
}




.graphic-hed {
	font-family: "BebasNeue";
	font-size:24pt;
	color:#3f4245;
	float:left;
}


#main-wrapper .right-block .source-line {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px !important;
	font-style: italic;
	line-height: 18px;
	color: #8B8B8B;
	-webkit-font-smoothing: antialiased;
	margin-left: 10%;
}

.source-line {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px !important;
	font-style: italic;
	line-height: 18px;
	color:#8B8B8B;
	margin-bottom: 20px;
	margin-top: 15px;
	-webkit-font-smoothing: antialiased;
	font-smooth: always;

}

.graphic-direction{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight:500;
	line-height: 18px;
	color:#3f4245;
	margin-bottom: 20px;
	margin-top: 15px;
	-webkit-font-smoothing: antialiased;
	font-smooth: always;

}


.reading-subhed{
	font-weight: bold;
	font-size: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	margin: 1em 0;
	color: #3f4245;
	width: 96%;
	padding-right: 4%;
	line-height: 22px;
	-webkit-font-smoothing: antialiased;
}


.allcaps {
	font-family: "BebasNeue", Helvetica, Arial, sans-serif;
	margin: .7em 0;
	margin-bottom: 20px;
	color: #3f4245;
	padding-right: 4%;
	font-size: 1.2em;
	line-height: 25px;
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;

}



/* MEDIA QUERIES */

@media screen and (max-width: 768px) {
	h1{
		font-size: 3em;
	}
	h3{
		font-size: 2.5em;
		font-family: Helvetica, Arial, sans-serif;
		/*float: left;*/
		margin: 1em 0;
		color:#3f4245;
		width:96%;
		padding-right:4%;
		font-size: 14px;
		line-height: 22px;
		-webkit-font-smoothing: antialiased;
		font-style: italic;
	}

	#main-wrapper #main-wrapper .content{
		width:90%;
		margin: 5%;
	}

	#main-wrapper .content {
		width:100%;
		margin: 0;
	}

	#main-wrapper .left-block {
		width:100%;
		border-right:0px;
	}	

	#main-wrapper .left-block2 {
		width:100%;
		border-right:0px;
	}	

	#main-wrapper .right-block {
		width: 100%;
		padding: 0;
		background: #D6D8DA;
	}

	.graphic-hed {
		width: 100%;
		padding: 4% 0 4% 0;
		text-align: center;
	}

	.image-header .image-hed {
		display:none;
	}

	.image-header .image-subhead {
		display:none;
	}

	.for-mobile-header{
	display:inline;
	}


	.document_snippet img{
	display:none;
	}

	.document_snippet_mobile{
	display:inline-block;
	}

	.document_thumbnail{
		display:none;
	}

	#main-wrapper .right-block {
		display:none;
	}	

}

