@charset "utf-8";

html,body {
	background-color: #e5eef9;
	background-image: url(images/BkgTop_01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 0px;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
}


#main {
	width: 1024px;
	background-image: url(images/OzoneAlertDesign01_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
#content {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}




#header {
	height: 195px;
	width: 920px;
	padding-top: 25px;
}

#headerTable {
	margin-top: 35px;


//	margin-top: 75px;

}

#main img {
	float: left;
}
#HeaderInfo   {
	background-image: url(images/HeaderInfo_09.png);
	width: 578px;
	height: 91px;
}
#menu {
	float: left;
	position: relative;
	top: -8px;
//  top:2px;
	width: 145px;
}
.InfoBox {
	background-image: url(images/InfoBox_03.png);
	height: 390px;
	width: 372px;
	position: relative;
	top: -10px;







//  top:0;
	float: left;
	padding-top: 40px;
	text-align: center;
	padding-right: 5px;
	padding-left: 2px;
}


.InfoBox2 {
	background-image: url(images/InfoBoxBlank_06.png);
	height: 420px;
	width: 374px;
	position: relative;
	top: -10px;



//  top:0;
	float: left;
	padding-top: 10px;
	text-align: center;
}
.meterTable {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
}



.infoHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	background-image: url(images/InfoBoxHeaderBkg_03.png);
	background-repeat: repeat;
	width: 350px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
}
.infoText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 335px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	text-indent: -12px;
	padding-left: 12px;
	border-bottom: 0px dotted blue;
	padding-right: 3px;
}


a .infoText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 335px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	text-indent: -12px;
	padding-left: 12px;
	border-bottom: 0px dotted blue;
	padding-right: 3px;
	text-decoration: none;
}


.infoText2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 335px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	text-indent: -12px;
	padding-left: 3px;
	border-bottom: 0px dotted blue;
	padding-right: 3px;
}
.InfoBox2 table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
}


#info {
	float: right;
	width: 765px;
}
.clear {
	clear: both;
}



#AlertBar {
	background-image: url(images/InfoBarBkg_03.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 45px;
	width: 100%;
	padding-top: 3px;
	position: absolute;
	top: 5px;
	text-align: left;
	left: 0px;
}
#MapBox {
	background-image: url(images/MapBox_03.png);
	height: 432px;
	width: 379px;
	float: right;
	position: relative;
	top: -12px;

//  top:-2px;
	text-align: center;
}


#alertContainer {
	height: 36px;
	width: 915px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
}
#alertTomorrow {
	float: right;
}


.sideMenuButton {
	background-image: url(images/sidemenubutton_05.png);
	height: 23px;
	width: 145px;
	text-align: center;
	padding-top: 6px;
	padding-left: 5px;
}



.sideMenuButtonDown {
	background-image: url(images/sidemenubuttondown_05.png);
	height: 22px;
	width: 144px;
	text-align: center;
	padding-top: 7px;
	padding-left: 6px;
}


#footer {
	background-image: url(images/footer_07.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	height: 103px;
	width: 916px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 12px;
	font-size: 10px;
	position: relative;
}
.menuLink {
	display: block;
	width: 100%;
	height: 100%;
}
#MapTable {
	width: 360px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
}
.Mapheader {
	color: #FFFFFF;
	background-image: url(images/mapInfoHeaderBkg_07.png);
	padding: 3px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mapInfo {
	font-size: 11px;
	text-align: left;
	background-image: url(images/mapInfoHeaderBkg_07.png);
	color: #FFFFFF;
	padding: 3px;
}
.BigInfoBox {
	background-image: url(images/BigInfoBox_03.png);
	height: 421px;
	width: 734px;
	position: relative;
	top: -10px;
//  top:0;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
.bigInfotext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000099;
	background-image: url(images/InfoBoxHeaderBkg_03.png);
	text-align: left;
	padding: 5px;
}
.emailAlertForm {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#emailAlertLogoHolder {
	margin-right: auto;
	margin-left: auto;
}
input#email {
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0066FF;
}

#EmailAlertLogo {

}
.LogoContainer {
	text-align: center;
	width: 100%;
	height: 30px;
}
.404text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #0000CC;
}
.adminButtons .sideMenuButton a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.adminButtons .sideMenuButton a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFCC00;
	text-decoration: none;
}
.adminButtons .sideMenuButtonDown a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#main #content #footer img {
	display: inline;
	float: none;
	vertical-align: middle;
	margin-top: 1px;

//	margin-top: 2px;
	padding-bottom: 1px;
}
.copyright {
	padding-top: 10px;
}
.loginForm {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
.loginForm table {
	text-align: left;
}

.loginForm input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0000CC;
	width: 150px;
	border: 1px solid #0066FF;
}
.m_utilities {
	float: right;
	font-size: 10px;
}
.dimmed {

filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;

}


.vbTop {
	background-image: url(images/variableBox_03.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 752px;
}
.vbMiddle {
	background-image: url(images/variableBox_06.png);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
}
.vbBottom {
	background-image: url(images/variableBox_07.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	width: 752px;
}.t_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000066;
	margin-bottom: 0px;
}
.sc_updated {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #0033FF;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 20px;
	float: right;
	padding-top: 3px;
}

.scorecardTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.scorecardTable p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
}
.p_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000066;
	padding-left: 10px;
	margin-bottom: 0px;
}
.vbMiddle li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
}

.p_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	padding-left: 10px;
	border-right: 10;
	padding-right: 10px;
}
.p_text_sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	padding-left: 10px;
	border-right: 10;
	padding-right: 10px;
}
.p_text_xsm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000066;
}


.p_text_xsm a {
	color: #000066;
	text-decoration: none;
	border-bottom-color: #000066;
	border-bottom-style: dotted;
//	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
.p_text_xsm a:hover {
	color: #FF0000;
	text-decoration: none;
}



.p_text_sm a {
	color: #000066;
	text-decoration: none;
	border-bottom-color: #000066;
	border-bottom-width: 1px;
}

.p_text_sm a:hover {
	color: #880000;
	text-decoration: none;
}



.p_text a {
	color: #0033CC;
	text-decoration: none;
	border-bottom-color: #000066;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
.p_text a:hover {
	color: #990000;
	text-decoration: none;
}
.vbMiddle ul {
	line-height: 150%;
	list-style-type: none;
	font-weight: bold;
}
#mmap {
	margin-right: auto;
	margin-left: auto;
	padding-left: 90px;
}
.vbTop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	letter-spacing: 3px;
	text-align: center;
}
#suyi_table1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	padding-left: 10px;
	margin-left: 10px;
}
#designValue {
	margin-left: 60px;
}
.PDFinfoA {


}
.PDFinfoI {


}

.SocialButtonHref {


}
.SocialButtonImg {

}
#socBut {
	display: inline;
}



#DesignBy {
	float: right;
	height: 29px;
	width: 102px;
	position: relative;
	margin-top: -18px;
	margin-right: 10px;
}
#print_format {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	cursor: default;
}
#web_format {
	display: none;
}