html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,caption,table,tr,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-spacing: 0;
}

/* CLEAFIX */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
.clearer {
	clear: both;
}


/* Type */

body {
	font: 12px "Arial", sans-serif;
	color: #797979;
}
a {
	color: #00b8f1;
	text-decoration: none;
}
div#header input {
	color: #999;
}
div#header p#status {
	display: block;
	position: relative;
	top: 5px;
	height: 22px;
	padding: 8px 0 0 40px;
	background: url(../images/icon_hw.gif) no-repeat;
}
div#header p#status .status_title {
	color: #000;
	font-weight: bold;
}
/* Header styles end */

ul#call_to_action li#widget_call {
	color: #3e3d3d;
}
div#news ul li {
	color: #5c5b5b;
}
div#footer {
	font-size: 9px;
}
h3#follow_title {
	font-size: 10px;
}



/* Main page styles */
html {
	text-align: center;
}
body {
	display: block;
	background: #fff url(../images/bg_body.jpg) repeat-x;
	text-align: left;
}

#status {
	position: relative;
	z-index: 3;
	background: url(../images/bg_alert.png) repeat-x;
	text-align: center;
	height: 45px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 25px;
	text-transform: uppercase;
}
#status a {
	color: #ffffff;
	text-decoration: none;
	margin: 0 0 0 4px;
}
#statusHWA {
	position: relative;
	z-index: 3;
	background: url(../images/bg_alert_hwa.png) repeat-x;
	text-align: center;
	height: 45px;
	color: #8e1d03;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 25px;
	text-transform: uppercase;
}
#statusHWA a {
	color: #fff;
	text-decoration: none;
	margin: 0 0 0 4px;
}
#statusHPA {
	position: relative;
	z-index: 3;
	background: url(../images/bg_alert_hpa.png) repeat-x;
	text-align: center;
	height: 45px;
	color: #ffc000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 25px;
	text-transform: uppercase;
}
#statusHPA a {
	color: #fff;
	text-decoration: none;
	margin: 0 0 0 4px;
}

div#wrapper {
	display: block;
	width: 940px;
	position: relative;
	margin: 15px auto 0;
}

#iwrapper {
	display: block;
	width: 924px;
	padding: 5px 8px;
	position: relative;
	margin: 0 auto;
	background: #fff;
}

body.homepage #iwrapper {
	background: url(../images/bg_wrapper_home.jpg) no-repeat bottom center #fff;
}

/* Header styles start */
div#header {
	display: block;
	width: 925px;
	margin: 0 0 20px;
	position: relative;
	z-index: 100;
}
h1#branding {
	float: left;
	padding: 0 0 0 17px;
}
h1#branding ul {
	width: 460px;
}
h1#branding ul li {
	display: block;
}
h1#branding ul li p {
	color: #55add1;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	margin: 4px 0 0 0;
}
h1#branding a {
	display: block;
	width: 458px;
	height: 29px;
	background: url(../images/branding_camm.gif) no-repeat center center;
	text-indent: -9999px;
}
div#header input {
	display: block;
	background: url(../images/icon_search.gif) no-repeat right center;
	width: 150px;
	height: 14px;
	margin: 20px 0;
	padding: 3px;
	border: 1px solid #e1e1e1;
	position: relative;
	top: 5px;
	left: 260px;
}
div#header p#status {
	display: block;
	position: relative;
	top: 5px;
	height: 22px;
	padding: 8px 0 0 40px;
	background: #E0F1F7 url(../images/icon_hw_feed.gif) no-repeat;
}
div#header p#status .status_title {
	color: #000;
	font-weight: bold;
}
/* Header styles end */

/* body styles start */
.cwrap {
	overflow: hidden;
	width: 879px;
	margin: 0 auto;
	background: #fff;
}
div#carousel {
	display: block;
	height: 330px;
	z-index: 1;
	width: 675px;
	background: #fff;
	overflow: hidden;
	float: left;
	position: relative;
	z-index: 5;
}
div#carousel div#hw_msg {
	display: block;
	width: 655px;
	height: 67px;
	background: #42555c;
	padding: 5px 10px;
	color: #797979;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border: 1px solid #797979;
	z-index: 1;
}
#hw_msg img {
	position: absolute;
	top: -215px;
	left: 0px;
}

/* commitment box */
#commitment {
	float: left;
	width: 204px;
	height: 330px;
	background: #6faad2;
	color: #000;
	position: relative;
	overflow: hidden;
}
#commitment h4 {
	width: 170px;
	height: 35px;
	margin: 16px auto 0;
	border-bottom: 1px solid #fff;
	background: url(/images/header-aq-status.png);
	text-indent: -9999px;
}
#commitment:hover {
	background-position: -204px 0;
}
#commitment #commitment-status {
	width: 170px;
	margin: 15px auto 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	font: 'Helvetica', 'Arial', sans-serif;
	color: #e35e08
}
.make-commitment-ribbon {
	position: relative;
	z-index: 5;
}
#status-container {
	position: relative;
	z-index: 2;
}
/* clouds animation on hero unit */
@-webkit-keyframes commitment-clouds {
	0%		{background-position: -400px 0; }
	10% 	{background-position: -360px 0; }
	20% 	{background-position: -320px 0; }
	30% 	{background-position: -280px 0; }
	40% 	{background-position: -240px 0; }
	50% 	{background-position: -200px 0; }
	60% 	{background-position: -160px 0; }
	70% 	{background-position: -120px 0; }
	80% 	{background-position: -80px 0; }
	90% 	{background-position: -40px 0; }
	100% 	{background-position: 0px 0; }
}
.commitment-clouds {
	background: url(/images/commitment-clouds.jpg) no-repeat 0 0;
	background-position: -400px 0;
	width: 408px;
	height: 330px;
	z-index: 0;
	position: absolute;
	-webkit-animation:commitment-clouds 25s linear infinite alternate;
	-moz-animation:commitment-clouds 25s linear infinite alternate;
}
a.commitment {
	display: block;
	width: 204px;
	height: 185px;
	text-indent: -9999px;
}
#status-container p {
	padding: 10px 20px;
}
#status-container ul {
	padding: 10px 10px 10px 20px;
}
#status-container li {
	height: 40px;
	list-style: none;
	color: #42555c;
	margin: 0 0 10px;
	padding: 0 0 0 55px;
}

.burn span{
	position: relative;
	top: 10px;
}

.hwv span {
	position: relative;
	top: 5px;
}

.leaf span {
	position: relative;
	top: 4px;
}

.burn em, .hwv em, .leaf em {
	margin-top: 4px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
}

.no.burn em, .no.hwv em, .no.leaf em {
	color: #b5111a;
}

.yes.burn em, .yes.hwv em, .yes.leaf em {
	color: #71bf44;
}

/* no icons */
.no.burn {
	background: url(/images/status-sprites.png) no-repeat 0 -39px;
}

.no.hwv {
	background: url(/images/status-sprites.png) no-repeat 0 -122px;
}

.no.leaf {
	background: url(/images/status-sprites.png) no-repeat 0 -202px;
}

/* yes icons */
.yes.burn {
	background: url(/images/status-sprites.png) no-repeat 0 0px;
}

.yes.hwv {
	background: url(/images/status-sprites.png) no-repeat 0 -80px;
}
.yes.leaf {
	background: url(/images/status-sprites.png) no-repeat 0 -162px;
}

img#icon_warning {
	display: block;
	width: 92px;
	height: 81px;
	position: relative;
	z-index: 1;
}
div#carousel div#hw_msg h2 {
	color: #facb1b;
	margin: 0;
	font-size: 16px;
	text-transform: uppercase;
}
div#carousel div#hw_msg p {
	color: #fff;
}
div#carousel div#hw_msg h2 span.sub {
	text-transform: capitalize;
}
div#carousel div#box_msg {
	display: block;
	width: 655px;
	height: 67px;
	background: #42555c;
	padding: 5px 10px;
	color: #797979;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border: 1px solid #797979;
	z-index: 1;
}
div#carousel div#box_msg h2 {
	color: #71bf44;
	margin: 0;
	font-size: 16px;
}

#carousel #box_msg p {
	color: #fff;
}
#carousel #box_msg p a {
	color: #fff;
	text-decoration: underline;
}

ul#nav_carousel {
	display: block;
	height: 30px;
	position: absolute;
	bottom: 79px;
	right: 0px;
	background: url(../images/bg_carousel_nav.png) repeat;
}
ul#nav_carousel li {
	float: left;
}

ul#nav_carousel li.active a, ul#nav_carousel li:hover a {
	color: #71bf44;
}
ul#nav_carousel li a {
	color: #FFFFFF;
	font-size: 14px;
	padding: 0 10px;
	line-height: 30px;
	font-weight: bold;
}
.indexContent {
	overflow: hidden;
}
.widgetTitles {
	background: url(../images/bg_widget_titles.jpg) no-repeat;
	width: 858px;
	height: 23px;
	margin: 20px 0 20px 30px;
}
#poll_wrap {
	float: left;
	width: 335px;
	height: 333px;
	display: block;
}
.socialWrapper {
	float: left;
	width: 184px;
	height: 333px;
	display: block;
}
.socialWrapper h2 {
	font-size: 12px;
	font-weight: bold;
	color: #42555c;
	padding: 0 0 10px 0;
}
.socialWrapper .facebook {
	padding: 0 0 20px 0;
}
.socialWrapper .twitter {
	padding: 0 0 20px 0;
}
.socialWrapper .report {
	padding: 0 0 20px 0;
}
.socialWrapper .alerts {
	padding: 0 0 20px 0;
}
.socialWrapper .report a#report {
	background: url(../images/btn_report_now.jpg) no-repeat;
	width: 91px;
	height: 22px;
	display: block;
	text-indent: -9999px;
}
.socialWrapper .report a#report:hover {
	background-position: 0 -22px;
}
.socialWrapper .alerts a#alert_signup {
	background: url(../images/btn_email_text_alerts.gif) no-repeat;
	width: 133px;
	height: 22px;
	display: block;
	text-indent: -9999px;
}
.socialWrapper .alerts a#alert_signup:hover {
	background-position: 0 -22px;
}

div#widget_wrapper {
	display: block;
	width: 380px;
	height: 333px;
	position: relative;
	float: left;
}
#widget_wrapper .content {
	float: left;
	width: 130px;
	padding: 0 0 0 10px;
	color: #42555C;
}
#widget_wrapper .content p {
	padding: 0 0 10px 0;
}
#widget_wrapper a.download_widget {
	background: url(../images/download_widget.png) no-repeat;
	width: 134px;
	height: 130px;
	display: block;
	text-indent: -9999px;
}
#widget_wrapper a.download_widget:hover {
	background-position: -134px -2px;
}

div#widget_wrapper h2 {
	margin: 2px 0;
	padding: 5px 0 5px 12px;
}
div#widget {
	display: block;
	width: 204px;
	height: 281px;
	float: left;
}
img#widget_preview {
	margin: 18px 0;
}
ul#call_to_action {
	clear: both;
	display: block;
	width: 900px;
	height: 45px;
	margin: 0 0 10px 0;
	background: #e0f1f7;
	position: relative;
	top: 10px;
}
ul#call_to_action li {
	display: block;
	float: left;
}
ul#call_to_action li a#report {
	display: block;
	width: 172px;
	height: 35px;
	position: relative;
	top: 6px;
	left: 15px;
	background: url(../images/button_violation.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}
ul#call_to_action li a#alert_signup {
	display: block;
	width: 247px;
	height: 35px;
	position: relative;
	top: 6px;
	left: 25px;
	background: url(../images/button_alert_signup.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}
ul#call_to_action li#widget_call {
	display: block;
	width: 400px;
	height: 35px;
	position: relative;
	top: 15px;
	left: 35px;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	float: left;
}
div#videos {
	display: block;
	width: 554px;
	height: 324px;
	background: #fff;
	margin: 10px 0 20px;
	float: left;
}
div#news {
	display: block;
	width: 315px;
	height: 324px;
	background: #f2f5f6;
	margin: 10px 0 10px 20px;
	float: left;
}
div#news h3 {
	margin: 0;
	padding: 5px 0 5px 12px;
	text-transform: capitalize;
}
div#news ul {
	display: block;
	width: 290px;
	margin: 0 auto;
}
div#news ul li {
	display: block;
	width: 290px;
	height: 45px;
	background: #fff;
	font-size: 9px;
	margin: 11px auto;
	border: 1px solid #eaeff1;
	overflow: hidden;
}
div#news ul li p.twitter {
	display: block;
	height: 40px;
	background: url(../images/icon_twitter.gif) no-repeat 5px 8px;
	padding: 5px 5px 5px 42px;
}
div#news ul li p.facebook {
	display: block;
	height: 45px;
	background: url(../images/icon_facebook.gif) no-repeat 5px 8px;
	padding: 5px 5px 5px 42px;
}
div#news ul li p.camm, div#news ul li p.camm-news {
	display: block;
	height: 45px;
	background: url(../images/icon_camm.gif) no-repeat 5px 8px;
	padding: 5px 5px 5px 42px;
}
div#news ul li p.hw_feed {
	display: block;
	height: 45px;
	background: url(../images/icon_hw_feed.gif) no-repeat 5px 8px;
	padding: 5px 5px 5px 42px;
}
div#news ul li p.youtube {
	display: block;
	height: 45px;
	background: url(../images/icon_youtube.gif) no-repeat 5px 8px;
	padding: 5px 5px 5px 42px;
}
div#footer {
	clear: both;
	display: block;
	height: 60px;
	background: #e0f1f7;
}
h3#branding_maricopa a {
	display: block;
	width: 139px;
	height: 35px;
	margin: 13px 0 0 20px;
	background: url(../images/branding_maricopa.gif);
	text-indent: -9999px;
	float: left;
}
ul#nav_sub {
	display: block;
	float: left;
	width: 470px;
	margin: 20px 30px 0 110px;
}
ul#nav_sub li {
	display: block;
	float: left;
	text-align: center;
	margin: 0 10px 5px;
	width: auto;
}
ul#nav_sub li a {
	color: #797979;
}
ul#nav_sub li.copyright {
	width: 100%;
	margin: 0 auto;
}
h3#follow_title {
	display: block;
	float: left;
	position: relative;
	top: 20px;
	left: 40px;
}
ul#social_media {
	display: block;
	width: 83px;
	height: 34px;
	position: relative;
	top: 18px;
	left: 45px;
	float: left;
}
ul#social_media li {
	display: block;
	float: left;
}
ul#social_media li a {
	display: block;
	width: 19px;
	height: 17px;
	text-indent: -9999px;
}
ul#social_media li a#facebook {
	background: url(../images/icons_social.gif) no-repeat 0 0;
}
ul#social_media li a#twitter {
	background: url(../images/icons_social.gif) no-repeat -21px 0;
}
ul#social_media li a#linkedin {
	background: url(../images/icons_social.gif) no-repeat -43px 0;
}
ul#social_media li a#youtube {
	background: url(../images/icons_social.gif) no-repeat -64px 0;
}
ul#social_media li a#facebook:hover {
	background: url(../images/icons_social.gif) no-repeat 0 -17px;
}
ul#social_media li a#twitter:hover {
	background: url(../images/icons_social.gif) no-repeat -21px -17px;
}
ul#social_media li a#linkedin:hover {
	background: url(../images/icons_social.gif) no-repeat -43px -17px;
}
ul#social_media li a#youtube:hover {
	background: url(../images/icons_social.gif) no-repeat -64px -17px;
}


/*@-webkit-keyframes moveslow {
	0% {
		left: 0px;
	}
	50% {
		left: 1040px;
	}
	100% {
		left: 0px;
	}

}

@-webkit-keyframes movemedium {
	0% {
		left: 280px;
	}
	50% {
		left: 1140px;
	}
	100% {
		left: 280px;
	}

}

@-webkit-keyframes movemediumer {
	0% {
		left: 880px;
	}
	50% {
		left: 1040px;
	}
	100% {
		left: 880px;
	}

}

@-webkit-keyframes movefast {
	0% {
		left: 300px;
	}
	50% {
		left: 1040px;
	}
	100% {
		left: 800px;
	}

}

@-webkit-keyframes movefaster {
	0% {
		left: 200px;
	}
	50% {
		left: 1040px;
	}
	100% {
		left: 200px;
	}

}

.clouds {
	top: 15px;
	position: absolute;
	-webkit-animation-name: movemedium;
	-webkit-animation-duration: 300s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transition: all linear;
	z-index: 0;
	opacity: .6;
	width: 200px;
}

.clouds2 {
	top: 160px;
	position: absolute;
	-webkit-animation-name: moveslow;
	-webkit-animation-duration: 200s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transition: all linear;
	z-index: 0;
	opacity: .7;
	width: 390px;
}

.clouds3 {
	top: 150px;
	position: absolute;
	-webkit-animation-name: movemedium;
	-webkit-animation-duration: 150s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transition: all linear;
	z-index: 0;
	opacity: .5;
	width: 90px;
}

.clouds4 {
	top: 35px;
	left: 1040px;
	position: absolute;
	-webkit-animation-name: movefast;
	-webkit-animation-duration: 750s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transition: all linear;
	z-index: 0;
	opacity: .3;
	width: 40px;
}

.clouds5 {
	top: 260px;
	position: absolute;
	-webkit-animation-name: movemediumer;
	-webkit-animation-duration: 95s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transition: all linear;
	z-index: 0;
	opacity: .6;
	width: 390px;
}

.clouds6 {
	top: 5px;
	position: absolute;
	-webkit-animation-name: movefaster;
	-webkit-animation-duration: 1050s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transition: all linear;
	z-index: 0;
	opacity: .25;
	width: 40px;
}

.clouds7 {
	top: 30px;
	position: absolute;
	-webkit-animation-name: movemediumer;
	-webkit-animation-duration: 550s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transition: all linear;
	z-index: 0;
	opacity: .6;
	width: 400px;
}*/