@charset "utf-8";
/* CSS Document */
<!--
body {
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* centers container in IE 5* browsers. Then set to left aligned in the #container selector */
	color: #333333;
}
.oneColLiqCtr #container {
	width: 80%;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtr #mainContent {
    position:relative;
	padding: 0; 
	width:100%;
	height:auto;
}
#splash {
    width:100%;
	/*background-image:url(images/cover-keystone.jpg);
	background-position:6px 95px;
	background-repeat:no-repeat; */
	height:auto;
	color:#777777;
}
p {
    margin-left:6px;
    margin-top:0px;
    margin-bottom:8px;
	margin-left:6px;
    color:#555555;
}
#splash p {
    margin-top: .3em;
    margin-right:8px;
    margin-left:6px;
    margin-bottom:.8em;
}
h1 {
    font-size:1.8em;
    margin-top: 8px;
    margin-right:8px;
    margin-bottom:4px;
    margin-left:6px;
    color:#8091a1;
    color:white;
}
h2 {
	font-size:2.3em;
	margin-top: 3px;
	margin-bottom:4px;
	margin-left:6px;
	color:#E0B8AF;
}
h3 {
	display:block;
	color:#566D7E;
	font-size:1.6em;
	font-weight: bold;
	margin:0 0 8px 6px;
}
h4 {
	display:block;
	color:#566D7E;
	font-size:1.2em;
	font-weight: bold;
	margin:0 0 3px 6px;
}
.specialtext {
    font-family: Arial, Helvetica, sans-serif;
	color:#E0B8AF;
	font-size: 2.8em;
	margin-left:6px;
	font-weight:bold;
}
.footer {
background-color:#DBE0E3;
font-size:.9em;
text-decoration:none;
text-align:center;
width:100%;
}
/*INFRASTRUCTURE GRADES */
.punchline {
    display:block;
	color:#566D7E;
	font-size:1.6em;
	font-weight: bold;
	margin:0 0 6px 0;
}
.grade {
    float:right;
	font-size:3em;
	font-weight:bold;
	padding:8px;
	color:#95574a;
	color:white;
	width:60px;
    background-color:#869CAC;
	margin-left:8px;
	margin-bottom:8px;
	text-align:center;
}
.bridges {
    float: left;
	width:98%;
	height:auto;
	padding:8px;
	background-color:#B2C4D0;
}
.dams_levees {
    float: left;
	width:98%;
	height:auto;
	padding:8px;
	background-color:#BDD2D7;
}
.drinking_water {
	float: left;
	width:98%;
	height:auto;
	padding:8px;
    background-color:#B2C4D0;
}
.navigable_waterways {
	float: left;
	width:98%;
	height:auto;
	padding:8px;
	background-color:#BDD2D7;
}
.parks_recreation {
	float: left;
	width:98%;
	height:auto;
	padding:8px;
	background-color:#B2C4D0;
}
.freight_rail {
	float: left;
	width:98%;
	height:auto;
	padding:8px;
	background-color:#BDD2D7;
}
.roads {
	float: left;
	width:98%;
	height:auto;
	padding:8px;
	background-color:#B2C4D0;
}
.schools {
	float: left;
	width:98%;
	height:auto;
	padding:8px;
	background-color:#BDD2D7;
}
.solid_waste {
	float: left;
	width:98%;
	height:auto;
	padding:8px;
	background-color:#B2C4D0;
}
.stormwater {
	float: left;
	width:98%;
	height:auto;
	padding:8px;
	background-color:#BDD2D7;
}
.transit {
	float: left;
	width:98%;
	height:auto;
	padding:8px;
	background-color:#B2C4D0;
}
.wastewater {
	float: left;
	width:98%;
	height:auto;
	padding:8px;
	background-color:#BDD2D7;
}