/*Erie Materials Subpage Design Stylesheet Created By Brockett Creative Group, Inc.*/



#background {
	background: url(/images/short_bac.png) repeat-x top left #ededed;}
header {
	background: url(/images/highlight.png) no-repeat 160px 0px;
	overflow: hidden;
	height: auto;}
header #lefttext {
	position: relative;
	top: -25px;
	width: 310px;
	padding: 0px;
	left: 10px;}
header h3 {
	color: #ffffff;
	font-family: Verdana, sans-serif;
	font-size: 24px;
	font-weight: normal;}
header #banner_shadow {
	background: none;
	height: auto;
	position: relative;
	top: -22px;
	width: auto;}
header #banner {
	margin: 0px;}

#wrapper {
	background: url(/images/content_bac1.png) top left repeat-y #ffffff;
	width: 100%;
	position: static;
	height: auto;
	overflow: hidden;}

#news {
	position: static;
	background: url(/images/news_bac.png) repeat-x top left #f4e8c4;
	margin: 0px;}
#news h2 {
	text-shadow: 1px 1px 2px #ffffff;}
#newscolor {
	background: none;}

#content {
	padding: 30px 25px 40px 25px;
	width: 670px;
	overflow: hidden !important;}
#content #box {
	border: 1px solid #cccccc;
	border-radius: 1em;
	padding: 25px;
	overflow: hidden;}
#content .alert a {
	color: inherit;
}
/*#box a {
	display: block;
	float: left;
	clear: none;
	padding: 20px 10px;
	height: 70px;}*/
#box a.cmsAddToRegion {
	height: auto;
	padding: 2px;}
#box a img {
	border: none;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	color: #cc9900;
	font-family: Arial, sans-serif;
	margin: .8em 0em .5em 0em;
	font-weight: 100;}
	
.fmstyle .strk {display:none;}




/*Subpage responsive styles*/

@media screen and (max-width: 985px) {
	#main #banner_shadow { width: 584px; }
	#main #banner {float: none;}
	#main header #lefttext { 
		position: static !important;
		padding: 15px 0;
	}
	
	#main #wrapper {
		background-position: top right;
		background-color: #fff !important;
		width: auto;
		float: none;
		clear: both;
	}

	#wrapper #content {
		width: 66%;
		float: left;
		clear: left;
		margin: 4% 2%;
		padding: 0;
	}

}
@media screen and (max-width: 767px) {
	#wrapper { background-image: none;	}
	#wrapper #content {
		width: 93%;
		float: left;
		clear: left;
		margin: 4% 3%;
		padding: 0;
	}
	
	#news {
		display: none;
	}

}