/* Spare the Air Layout CSS Document */

#gradient {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #00aeef url(/Presentation/SpareTheAir/includes/images/background/wrapper.png) top left repeat-x;
}

#container {
	width: 985px;
	margin: 0 auto;
	padding: 0;
}

* html #container { overflow: hidden; }

#header {
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0;
	background-color: #005190;
}

#logo {
	float: left;
	width: 255px;
	height: 78px;
	margin: 0 0 0 23px;
	padding: 0;
}

#skip {
	float: right;
	width: 230px;
	margin: 0;
	padding: 3px 15px 8px 15px;
}

#gnavbar {
	float: right;
	width: 600px;
	height: 40px;
	margin: 0 9px 0 0;
	padding: 0;
	border-top: 1px solid #fff;
}

.gnav-intro {
	float: left;
	width: 80px;
	margin: 0;
	padding: 0;
	height: 40px;
}

/*  Global Navigation Dropdown Menu */
ul.dropdown,
ul.dropdown li {
	margin: 0;
	padding: 5px 0 0 0;
}

ul.dropdown {
	position: relative;
	z-index: 997;
	float: left
}

ul.dropdown li {
	float: left;
	zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 999;
 cursor: default;
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 998;
	width: 100%;
	margin: 0;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover ul {
 visibility: visible;
}

/***  ***/
ul.dropdown {
	width: auto;
}

/* Search */
#search {
	float: right;
	margin: 5px 0px 0px 5px;
	padding: 0;
	width: 175px;
}

/* Homepage Main Content Area */

#hcontent {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 6px 9px 10px 9px;
}


              /* Homepage Left Column */

#hc-left {
	float: left;
	margin: 0;
	padding: 0;
	width: 232px;
	background-color: #fff;
}

/* html #hc-left { margin-left: 9px; }*/
.hc-aqbox, .hc-aqbox-sta, .hc-aqbox-wsta, .hc-aqbox-bw {
	margin: 0;
	width: 226px;
}

.hc-aqbox-bw { 
    padding: 0; 
    margin: 14px 0 0 0;
}
.hc-aqbox-wsta { padding: 0 0 90px 0; background: transparent url(/Presentation/SpareTheAir/includes/images/background/winter_sta_4suns.jpg) no-repeat left bottom; }
.hc-aqbox-sta {	padding: 0 0 60px 0; background: transparent url(/Presentation/SpareTheAir/includes/images/background/sta-4suns.png) no-repeat left bottom; }
.hc-aqbox { padding: 0 0 10px 0; }

.hc-gbox {
	margin: 16px 0 0 0;
	padding: 0 0 10px 0;
	width: 226px;
	height: 275px;
	border: 1px solid #f6bc1a;
}

/*  2 & 5 Day Forecast  */
.fmap {
	margin: 27px 0 0 0;
	padding: 0;
	width: 180px;
	float: left;
}

.f5day {
	margin:0;
	padding: 0;
	width: 370px;
	float: left;
}

.fcast-5days {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}

.fcast-days {
	float: left;
	margin: 3px 7px 0px 7px;
	padding: 0;
	width: 212px;
	display: inline;
}

/* html .fcast-days { margin: 3px auto 0 7px; width: 208px; }  /*  IE6 fix for 2-Day Forcast Day of Week yellow bar */

.f5day1 {
	margin: 0 0 0 97px;
	width: 52px;
	float: left;
	display: inline;
}

.day1 {
	margin: 0 0 0 90px;
	width: 52px;
	float: left;
	display: inline;
}

/* html .day1 { margin: 0; padding: 0 0 0 90px; }*/

.f5day2 {
	margin: 0 0 0 0px;
	width: 52px;
	float: left;
	display: inline;
}

.day2 {
	margin: 0;
	width: 52px;
	float: left;
	display: inline;
}

/* html .day2 { margin: 0; padding: 0 14px 0 0; }*/

.f5cast {
	margin: 3px 0 0 0;
	padding: 0;
	width: px;
	float: left;
	display: inline;
}

.fcast {
	margin: 3px 0 0 0;
	padding: 0;
	width: 232px;
	float: left;
}

.farea {
	float: left;
	margin: 0 0 0 4px;
	padding: 3px 11px 3px 3px;
	width: 79px;
	display: inline;
}

html>body .farea { *clear: left; } /*  IE7 Hack for 2 Day Forcast  */

.f5box {
	float: left;
	margin: 0;
	padding: 0;
	width: 267px;
	border-bottom: 1px solid #005190;
}

.f5box-last {
	float: left;
	margin: 0;
	padding: 0;
	width: 267px;
}

.fpm {
	float: left;
	margin: 0;
	padding: 0;
	width: 267px;
}

.fbox {
	float: left;
	margin: 0;
	padding: 0;
	width: 104px;
	border-bottom: 1px solid #005190;
}

html>body .fbox { *padding-bottom: 9px; } /* IE7 Hack for 2 Day Forecast color boxes  */

.fbox-last {
	float: left;
	margin: 0;
	padding: 0;
	width: 104px;
}

.ftemp-g, .ftemp-y, .ftemp-o, .ftemp-r, .ftemp-p, .ftemp-grey {
	float: left;
	margin: 9px 10px;
	padding: 0;
	width: 32px;
	display: inline;
}

.f5daypm {
	float: left;
	margin: 0 5px 5px 5px;
	padding: 0;
	width: 42px;
	display: inline;
}

.gen {
	clear: both;
	margin: 3px 0 0 0;
	padding: 0 0 0 10px;
	width: 218px;
	font-size: 8pt;
}

     /*  Homepage Right Column  */

#hc-right {
	margin: 0 9px 0 6px;
	padding: 0;
	width: 726px;
	float: left;
	background-color: #fff;
}

     /* Homepage Top Navigation */

#hnavbar {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 41px;
	float: left;
}

.hnavp { margin: 0; padding: 0; width: 100%; float: left; }
.hnavp1 {
	margin: 0;
	padding: 0;
	width: 240px;
	float: left;
}
.hnavp2 {
	margin: 0;
	padding: 0 0 0 3px;
	width: 240px;
	float: left;
}

.hnavdrop, .hnavdrop2 {
	margin-top: -38px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	float: left;
	width: 240px;
	height: 42px;
}

.hnavdrop { margin-right: 3px; }
.hnavdrop2 { margin-right: 0; }

ul.drop-linear ul li {
 float: left;
}

ul.drop-linear li:hover ul{
 position: absolute;
 top:32px;
 width:10%;
}

ul.drop-linear ul ul {
 display: none !important;
}

ul.drop {

}

	ul.drop ul {
	 width: 215px;
	 margin-top: 0;
	}

		ul.drop ul li.hover {
		 margin: 0;
		 border: none;
		}


ul.drop ul *.dir {
 padding-right: 7px;
 background-image: none;
}

ul.drop ul, ul.drop li li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.drop,
ul.drop li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.drop {
	position: relative;
	z-index: 597;
	width:240px;
	margin:0;
	text-align:left;
	height: 42px;
}

ul.drop li {
	float: left;
	line-height: 12pt;
	margin-left: 0px;
	vertical-align: middle;
	width:228px;
	text-align:left;
}

ul.drop li li.hr {
	margin: 0 0 0 5px;
	padding: 2px 0 4px 0;
	list-style: none;
	width: 220px;
	line-height: 1px;
}

ul.drop img.drophr {
	padding: 0;
	float: none;
}

ul.drop li li {
	margin: 0;
	padding: 5px 5px 5px 10px;
	width: 240px;
}

* html ul.drop li li { width: 224px; }  /*   IE6 adjustment for dropdown   */

ul.drop li li.first {
	margin: 0 0 0 20px;
	padding: 2px 5px 2px 0;
	list-style: disc;
}

ul.drop li li.last {
	margin: 0 0 0 10px;
	padding: 2px 5px 10px 0;
	text-align: right;
	list-style: none;
}

/*ul.drop li ul, ul.drop li ul li, ul.drop li li { width:100%; }*/

ul.drop li.hover,
ul.drop li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}

ul.drop ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 1px;
	z-index: 598;
	width: 239px!important;
}

ul.drop ul li {
 float: none;
}

ul.drop ul ul {
 top: 1px;
 left: 99%;
}

ul.drop li:hover ul {
 visibility: visible;
 width:100%;
}

ul.drop {

}

	/* -- level mark -- */

	ul.drop ul {
	width: 215px;
	margin: 5px 0 0 0;
	padding: 5px 0 5px 0;
	}

/* Homepage Main Content Columns */
#hc-right-content {
	margin: 16px 0 0 0;
	padding: 0;
	width: 100%;
	clear: left;
	float: left;
}

	/* Homepage Main Content (Middle) Column */
#hcrc-left {
	margin: 0;
	padding: 0 17px;
	width: 454px;
	float: left;
	border-left: 1px solid #a5a6a6;
	border-right: 1px solid #a5a6a6;
	clear: left;
}

.hcrcl-box {
	margin: 0;
	padding: 0 0 7px 0;
	width: 100%;
}

.hcrcl-box-last {
	margin: 0;
	padding: 0;
	width: 100%;
}

.hcrc-right {
	margin: 0;
	padding: 0;
	width: 226px;
	float: right;
}

.hc-gbox2 {
	margin: 0 0 10px 0;
	padding: 0;
	width: 226px;
	height: 100%;
}

.hc-gbox3 {
	margin: 0 0 10px 0;
	padding: 0;
	width: 226px;
	border: 1px solid #f6bc1a;
	background-color: #ededed;
}

.ozone {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}

.ozone-last {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}

.ozonep {
	float: left;
	margin: 0;
	padding: 5px 0 5px 10px;
	width: 143px;
}

.ozonen {
	float: left;
	margin: 0;
	padding: 5px 0;
	width: 72px;
}

.ozoneh {
	clear: left;
	margin: 0;
	padding: 3px 0;
	width: 226px;
}

/*******************************   Portal & Subpage Top Navigation Dropdown Layout   *********************************/
#stanavbar {
	margin: 0;
	padding: 0 0 1px 0;
	width: 100%;
	height: 26px;
	float: left;
	background-color: #005190;
}

.stanav1, .stanav2 {
	margin-top: 0;
	margin-bottom: 0px;
	margin-right: 0;
	padding: 0;
	float: left;
	width: 215px;
	height: 26px;
}

.stanav1 { margin-left: 170px; }
.stanav2 { margin-left: 2px; }

* html .stanav1 { margin-left: 0; padding-left: 170px; }

/*  Top Navigation Dropdown Menu  */
ul.psnav1, ul.psnav2, ul.psnav3 { float: left; }

ul.droptop-linear ul li {
 float: left;
}

ul.droptop-linear li:hover ul{
 position: absolute;
 top:27px;
 width:215px;
}

ul.droptop-linear ul ul {
 display: none !important;
}



ul.droptop ul *.dir {
 padding-right: 7px;
 background-image: none;
}

ul.droptop,
ul.droptop li {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.droptop ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.droptop {
	position: relative;
	z-index: 597;
	width:215px;
	margin: 0;
	text-align:center;
}

ul.droptop li {
	float: left;
	line-height: 12pt;
	vertical-align: middle;
	width:175px;
	text-align:left;
}

/*ul.droptop li ul, ul.droptop li ul li, ul.droptop li li { width:100%; }*/

ul.droptop li.hover
/*, ul.droptop li:hover*/ {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.droptop ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 213px !important;
}

ul.droptop ul li {
 float: none;
 width: 193px;
}

ul.droptop ul ul {
 top: 1px;
 left: 99%;
}

ul.droptop li:hover ul {
 visibility: visible;
 width:100%;
}


	/* -- level mark -- */

	ul.droptop ul {
	 width: 100%;
	 margin-top: 0;
	}



/**************************   Portal Page layout  *************************************/

#pimage {
	margin: 0 0 25px 0;
	padding: 1px 0 0 0;
	width: 100%;
	height:84px;
	clear: left;
	background-color: #005190;
	border-top: 1px solid #82a7c1;
}

#pcontent {     /*** also applies to Subpage Content area layout   *****/
	width: 100%;
	margin: 0 19px 20px 19px;
	padding: 0;
	clear: left;
}

/***********  Portal Left Column ***************/
#pc-left {
	margin: 0;
	padding: 0;
	width: 157px;
	float: left;
}

.lnav { margin: 0; padding: 0; width: 100%; }

/**********   Portal Middle Column  **************/
#pc-main {
	margin: 0 28px 20px 28px;
	padding: 0;
	width: 544px;
	float: left;
}

.pc-mbox, .pc-mbox-last {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	width: 100%;
	float: left;
}

.pc-mbox-image {
	margin: 0;
	padding: 0;
	width: 207px;
	float: left;
}
.pc-mbox-content {
	margin: 0 0 0 25px;
	padding: 0;
	width: 312px;
	float: left;
}

.pc-mart { margin: 0; padding: 0; width: 100%; float: left; }
.mart, .mart-first { margin: 0; width: 168px; float: left; }
.mart {  padding: 0 0 0 20px; }
.mart-first {  padding: 0; }



/*********    Portal Right Column  ***************/
#pc-right {
	margin: 0;
	padding: 0;
	width: 190px;
	float: left;
}

	/***  Utility Box  ***/
#utilitybox {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
}

.ubox {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 26px;
}

.pcr-aqbox, .pcr-aqbox-sta, .pcr-aqbox-wsta {
	margin: 14px 0 0 0;
	width: 190px;
	border: 1px solid #a5a6a6;
	background-color: #fff;
}

.pcr-aqbox-wsta {
	padding: 0;
/*	padding: 0 0 65px 0;
	background: transparent url(/Presentation/SpareTheAir/includes/images/background/winter_4suns_mini.jpg) no-repeat center 95%; */
}
.pcr-aqbox-sta {
	padding: 0 0 53px 0;
	background: transparent url(/Presentation/SpareTheAir/includes/images/icons/4suns_mini.gif) no-repeat center 95%;
}
.pcr-aqbox { padding: 0 0 10px 0; }

.pcr-box-sta {
	margin: 14px 0 0 0;
	padding: 0;
	width: 190px;
	border: 1px solid #a5a6a6;
	background-color: #fff;
}

.suns
	{ margin: 10px 11px; padding: 0; width: 168px; }

.pcr-box {
	margin: 14px 0 0 0;
	padding: 0 0 5px 0;
	width: 190px;
	border: 1px solid #a5a6a6;
	background-color: #ededed;
}





/******************************************************    Subpage Layout  **************************************/

/**  Breadcrumb  **/
/*  Breadcrumb Navigation Styles  */

#breadcrumb {
	margin: 0;
	padding: 26px 19px;
	clear: left;
	width: 947px;
	float: left;
}

#breadcrumb ul {
	margin: 0px 10px 0px 10px;
	padding: 0;
	list-style: none;
}

#breadcrumb ul li {
	display: inline;
	margin: 0;
	padding-left: 0;
}

/**** See Portal Page Layout for #pcontent attributes  ****/
	/****  Subpage Left Column  ****/
#sc-left {
	margin: 0 12px 10px 0;
	padding: 0;
	width: 157px;
	float: left;
}





	/***** Subpage Middle Column  ******/
#sc-main {
	margin: 0 0 10px 0;
	padding: 0 12px;
	width: 550px;
	border-right: 1px solid #a5a6a6;
	border-left: 1px solid #a5a6a6;
	float: left;
}

.sc-mbox, .sc-box {
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
	float: left;
}

.sc-mbox-image {
	margin: 0;
	padding: 0;
	width: 180px;
	float: left;
}

.sc-mbox-content {
	margin: 0 25px 0 0;
	padding: 0;
	float: left;
	width: 345px;
}

.sc-mbox-noimage {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}

.sc-mart {
	margin: 10px 0;
	padding: 0;
	width: 100%;
	float: left;
}

	/****** Subpage Right Column  ***/
#sc-right {
	margin: 0 0 10px 12px;
	padding: 0;
	width: 190px;
	float: left;
}

/* Footer */

#footer {
	clear: both;
	width: 985px;
	margin: 0 auto;
	padding: 5px 0 10px 0;
	background-color: #00aeef;
	font-size: 9pt;
}

#fscuts {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
}

#fsc {
	height: 100%;
	margin: 0 auto;
	padding: 5px 0;
	position: relative;
	width: 800px;
}

* html #fsc { width: 820px; } /* IE6 Adjusment - Add 20px  */

.fscutsl {
	float: left;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff url(/Presentation/SpareTheAir/includes/images/background/fcorner_left.png) bottom left no-repeat;
}

.fscutsr {
	float: right;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(/Presentation/SpareTheAir/includes/images/background/fcorner_right.png) bottom right no-repeat;
}

#fscuts ul.fscul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

#fscuts ul ul {
	float: left;
	width: auto;
	margin: 1px 5px 7px 15px;
	padding: 0 0 0 20px;
}

#fscuts ul li {
	margin: 0 auto;
}

#fscuts ul.fabout {
	background: transparent url(/Presentation/SpareTheAir/includes/images/icons/learn_more.png) no-repeat left center;
}

#fscuts ul.fnews {
	background: transparent url(/Presentation/SpareTheAir/includes/images/icons/pnotice.gif) no-repeat left center;
}

#fscuts ul.fstatus {
	background: transparent url(/Presentation/SpareTheAir/includes/images/icons/aq.gif) no-repeat left center;
}

#fscuts ul.fcomplaints {
	background: transparent url(/Presentation/SpareTheAir/includes/images/icons/complaints.gif) no-repeat left center;
}

#fscuts ul.fsocial {
	background: transparent url(/Presentation/SpareTheAir/includes/images/icons/become_fan.png) no-repeat left center;
}

#fscuts ul.fback {
	background: transparent url(/Presentation/SpareTheAir/includes/images/icons/feedback.gif) no-repeat left center;
}

#fscuts ul.fsubscribe { background: transparent url(/Presentation/SpareTheAir/includes/images/icons/email.gif) no-repeat left center; }

#fscuts ul li.fschead {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 8pt;
}

#fscuts ul li.fsclink {
	display: block;
	font-size: 8pt;
	list-style: none;
	margin: 0;
	padding: 0
}

#fscuts ul li.fsclink a:link, #fscuts ul li.fsclink a:visited {
	color: #3a5d81;
}

#fscuts ul li.fsclink a:hover { color: #cc6633; }

#futilities {
	margin: 0;
	padding: 5px 265px 10px 0;
	background-color: #00aeef;
	clear: left;
}

#ulinks { float: left; position: relative; width: 600px; }

#ulinks ul {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

#ulinks ul li {
	display: inline;
	background: transparent url(/Presentation/SpareTheAir/includes/images/background/fdot.gif) no-repeat left top;
	margin: 0 0 0 13px;
	padding: 0 0 0 12px;
	font-size: 100%;
}

#faddress {
	float: left;
	width: 375px;
	margin: 0 -305px 0 0;
	padding: 0;
	position: relative;
}

/************  Repeating Content Items  *************/
.rci-box {
	margin: 0;
	padding: 15px 0;
	float: left;
	width: 100%;
}

.rci-aqi, .rci-sub, .rci-image {
	margin: 0;
	padding: 0;
	float: left;
}

.rci-aqi { 	width: 90px; height: 30px; }
.rci-sub { width: 40px; }
.rci-image { width: 100px; }

.rci-logo {
	margin: 0 10px;
	padding: 0;
	float: left;
	width: 163px;
}

.rci-n, .rci-l {
	margin: 0;
	float: left;
	width: 100%;
}

.rci-n {
	padding: 0 0 5px 0;
	height: 30px;
}
.rci-l {
	padding: 0 0 15px 0;
	height: 100px;
}

.rci-hd {
	margin: 0 0 0 15px;
	padding: 0;
	float: left;
	width: 435px;
}

.rci-h, .rci-d {
	margin: 0;
	padding: 0 0 3px 0;
	float: left;
	width: 100%;
}

.aqi-green, .aqi-yellow, .aqi-orange, .aqi-red, .aqi-purple {
	margin: 0;
	padding: 9px 0;
	float: left;
	width: 90px;
	height: 12px;
}

/**   Special Pages/Items   **/
/* FAQs */
.faq-list, .faqs { margin: 5px 0; padding: 0; float: left; width: 100%; }
.faqs {
	border-top: 1px solid #ccc;
	padding-top: 5px;
}


/*  Tables  */

table { display: none; }



	
/* Miscellaneous */
.contentspacer {
	position: relative;
	width: 97%;
	clear: both;
	height: 1px;
	margin: 1px 1px;
	padding: 0;
	background-color: transparent;
}

.contentspacer-left {
	width: 97%;
	clear: left;
	height: 1px;
	margin: 1px 1px;
	padding: 0;
	background-color: transparent;
}
	
.footerspacer {
	position: relative;
	width: 100%;
	background-color: #00aeef;
	clear: left;
	height: 10px;
}