@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #59BB45;
	color: #333;
	line-height: 17px;
}
h1  {
	color: #51973D;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 25px;
	line-height: 26px;
}
h2  {
	color: #F60;
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 19px;
	line-height: 21px;
}
h3 {
	font-size: 16px;
}
hr {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #AEC2DE;
	margin-bottom: 20px;
	border-bottom-color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.TenPxText {
	font-size: 10px;
}
p {
	margin-top: 0px;
	color: #333;
	margin-bottom: 20px;
}
a:link {
	color: #306AB6;
	text-decoration: none;
}
a:active {
	color: #306AB6;
	text-decoration: none;
}
a:visited {
	color: #306AB6;
	text-decoration: none;
}
a:hover {
	color: #55B845;
	text-decoration: none;
}
a:focus
{
-moz-outline-style: none;
}
#container {
	background-color: #FFF;
	background-image: url(images/CloudBG.jpg);
	background-repeat: repeat-x;
}
#tier1 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	float: left;
	width: 231px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
#AirQualityForecast {
	float: right;
	width: 231px;
	color: #FFF;
	text-align: right;
	font-size: 15px;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#tier2 {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/NavBannerBG.png);
	background-repeat: no-repeat;
	height: 42px;
	padding-top: 17px;
	padding-left: 30px;
}
#tier2 a {
	color: #306AB6;
	text-decoration: none;
}
#tier2 a:active {
	color: #306AB6;
	text-decoration: none;
}
#tier2 a:visited {
	color: #306AB6;
	text-decoration: none;
}
#tier2 a:hover {
	color: #4F9931;
	text-decoration: none;
}
#tier2 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#tier2 li {
	margin-right: 30px;
	font-weight: bold;
	margin-top: 5px;
	display: inline;
}
#tier3 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/WhiteGradientBG.png);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-bottom: 10px;
}
#tier4 {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#MainLeft {
	float: left;
	width: 190px;
	font-size: 14px;
}
#MainRight {
	float: right;
	width: 190px;
	font-size: 14px;
}
.Red {
	color: #F00;
}
.Orange {
	color: #F60;
}
.Yellow {
	color: #FC0;
}
.Green {
	color: #2D984D;
}
#MainCenter {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
#tier5 {
	background-image: url(images/FlowersBG.gif);
	background-repeat: repeat-x;
	background-color: #59BB45;
}
.PicRight {
	float: right;
	padding-bottom: 10px;
	padding-left: 25px;
}
.PicRightBorder {
	float: right;
	padding: 5px;
	margin-bottom: 10px;
	margin-left: 25px;
	border: 1px solid #9DBEE1;
}
#footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/FooterArchBG.gif);
	background-repeat: no-repeat;
}
#FooterLeft {
	float: left;
	width: 600px;
	padding-top: 6px;
}
#FooterRight {
	float: right;
	width: 288px;
	color: #FFF;
}
#social {
	height: 190px;
}
#LinksCopy {
	margin-bottom: 50px;
	color: #FFF;
	font-size: 10px;
	line-height: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
#LinksCopy a {
	color: #FFF;
	text-decoration: none;
}
#LinksCopy a:active {
	color: #FFF;
	text-decoration: none;
}
#LinksCopy a:visited {
	color: #FFF;
	text-decoration: none;
}
#LinksCopy a:hover {
	color: #FBE77C;
	text-decoration: underline;
}
#tier3temp {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/WhiteGradBGtemp.png);
	background-repeat: no-repeat;
}
#TempMainLeft {
	float: left;
	width: 650px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}
#TempMainRight {
	float: right;
	width: 183px;
	margin-right: 10px;
	padding: 20px;
}
#OneColumnMain {
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 15px;
}
#panel {
	height: 246px;
	width: 840px;
	background-image: url(images/BlankSliderBG.png);
	background-repeat: no-repeat;
	padding: 1px;
}
#LeftSlidePhoto {
	float: left;
	height: 246px;
	width: 300px;
}
#RightSlideTip {
	float: left;
	width: 510px;
	font-size: 25px;
	color: #2F6197;
	line-height: 30px;
	height: 246px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-style: italic;
}
#RightSlideTip a {
	color: #FFF;
	text-decoration: none;
}
#RightSlideTip a:active {
	color: #FFF;
	text-decoration: none;
}
#RightSlideTip a:visited {
	color: #FFF;
	text-decoration: none;
}
#RightSlideTip a:hover {
	color: #2F6197;
	text-decoration: underline;
}
#NavBar {
	margin: 0px;
	padding: 0px;
}
#OneColumnMain ul li {
	margin-top: 0px;
	margin-bottom: 5px;
}
.cGrey9 {
	font-size: 10px;
	line-height: 13px;
}
#MonitorMap {
	height: 607px;
	width: 697px;
	background-image: url(images/STL-Ozone-MonitorMap.gif);
	background-repeat: no-repeat;
	padding: 40px;
}
.LeftPic {
	float: left;
	padding-right: 15px;
	padding-bottom: 5px;
}