/* Spare the Air Styles CSS Document */

	/* Global */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 9pt;
	line-height: normal;
}

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Mostardesign
 * License URL: http://www.fontspring.com/fflicense/mostardesign
 *
 *
 */

@font-face {
	font-family: 'IntervalBold';
	src: url('type/interval_bold-webfont.eot');
	src: local('?'), url('type/interval_bold-webfont.woff') format('woff'), url('type/interval_bold-webfont.ttf') format('truetype'), url('type/interval_bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

  /*  Site Styles  */

#container {
	/*border-right: 1px solid #3a5d81*/;
	/*border-left: 1px solid #3a5d81*/;
	background-color: #fff;
}


/*   Headings  */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { color: #005190; }

h1 {
	font-size: 52.5pt;
}
h2 {
	font-size: 27pt;
}
h3 { font-size: 18pt; }
h4 { font-size: 12pt; }
h5 {
	font-size: 10pt;
}
h6 { font-size: 9pt; }

h1.everyday {
	z-index: 100;
	margin-top: -18px;
	color: #f6bc1a;
}



.line-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #005190;
	padding-right: 5px;
}

/*  Paragraphs  */
p {
	font-size: 9pt;
	line-height: 12pt;
	margin: 0;
	padding: 5px 0;
}


/*     Lists     */
ul {
	margin: 5px 5px 5px 15px;
	padding: 0;
	display: block;
}

li { margin: 0; padding: 0; list-style: disc; }

dl { padding: 5px 0; }
dt { color: #005190; font-weight: bold; }
dd { margin: 0 0 20px 0; }



/*     Links   */

a:link { color: #8aab52; }
a:visited { color: #5f7737; }
a:hover { color: #d08d4c; }

.rlink {
	text-align: right;
	margin-bottom: 0px;
}

.rlink a {
	text-transform: uppercase;
	font-size: 8pt;
	font-weight: bold;
	color: #92b754;
}

.lnav a:link, .lnav a:visited { color: #005190; text-decoration: none; }
.lnav a:hover { color: #d08d4c; text-decoration: none; }

/*      Images    */
img { border: none; vertical-align: top; }
img.yellow { border: 3px solid #f6bc1a; }
img.green { border: 3px solid #91b753; }
img.blue { border: 3px solid #3386c7; }
img.b-right {
	float: right;
	padding: 0;
	margin: 0 10px 15px 40px;
	border: 3px solid #005190;
}

* html img.b-right { margin-top: 5px; }  /*  IE6 fix for lack of z-index attribute on unpositioned element  */

.rci-logo img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}

#search img { padding-top: 5px; }

.searchbutton {  /***  Delete searchbutton classes if not used  ***/
	display: block;
	width: 17px;
	height:17px;
	background: url(/Presentation/SpareTheAir/includes/images/buttons/search-button-duo.png) no-repeat left bottom;
	float: right;
	margin: 10px 5px 0 5px;
}
.searchbutton:hover { background-position: right bottom; }
.searchbutton a { visibility: hidden; }

/* Skip Navigation */
#skip {
	font-family: Verdana;
	font-size: 7pt;
	text-align: right;
	color: #fff;
}

#skip a:link, #skip a:visited { color: #fff; }
#skip a:hover { color: #d08d4c; }

/* Global Navigation Styles */

.gnav-intro {
	font-size: 8pt;
	vertical-align: middle;
	line-height: 35px;
	color: #fff;
	text-transform: uppercase;
}

		/*   Global Dropdown Menu   */
		
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	font-size: 7.5pt;
	list-style: none;
}

ul.dropdown li {
	line-height: 20pt;
	vertical-align: middle;
}

	ul.dropdown li {
	padding: 0 12px 0 15px;
	background: #005190 url(/Presentation/SpareTheAir/includes/images/background/gdot.png) no-repeat left center;
	color: #fff;
	}
	
	ul.dropdown li li {
	color: #1f3f5f;
	padding: 3px 12px 3px 8px;
	background-image: none;
}
	ul.dropdown li li a:visited { color: #1f3f5f; }
	ul.dropdown li li a:hover { color: #d59e04 !important; }

	ul.dropdown li li.last {
	color: #1f3f5f;
	padding: 3px 12px 10px 8px;
	background-image: none;
}
	ul.dropdown li li { background-color: #e8ebef; border: none; line-height: 12pt; }

	ul.dropdown li.divide, ul.dropdown li.divide:hover { border-bottom: #999999 1px solid; }

	ul.dropdown li:hover {
	background: #e8ebef url(/Presentation/SpareTheAir/includes/images/background/gdot-ro.png) no-repeat left center;
	color: #1f3f5f !important;
	}
	
	ul.dropdown li:hover a { color: #1f3f5f !important; }
	ul.dropdown li:hover a:visited { color: #1f3f5f; }
	
	/*ul.dropdown li a:hover { color: #1f3f5f; }*/
	
	ul.dropdown li li:hover {
	/*background-color: #999;*/
	background-image: none;
	border: none;
}
	/*ul.dropdown li:link		{
	background-color: #999;
}*/
	ul.dropdown li a:link   {
	color: #FFF;
}

ul.dropdown li li a:link { color: #1f3f5f; }
ul.dropdown li li a:visited { color: #1f3f5f; }
ul.dropdown li li a:hover { color: #ddc06a; }
		
	ul.dropdown a:visited	{
	color: #fff;
	text-decoration: underline;
}

	ul.dropdown a:hover		{
	color: #1f3f5f;
	text-decoration: underline;
}


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 200px;
	 margin-top: 0px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}
		
ul.dropdown {
	font-weight: normal;
}


.rss {
	background: url(/Presentation/SpareTheAir/includes/images/icons/rss.png) no-repeat right 3px;
	padding-right: 15px;
}

/* AQBOX Styles */

.hc-aqbox, .hc-aqbox-sta, .hc-aqbox-wsta, .hc-aqbox-bw {
	border: 1px solid #f6bc1a;
}

.hc-aqbox h3, .hc-aqbox-sta h3, .hc-aqbox-wsta h3, .hc-aqbox-bw h3 {
	margin: 0;
	padding: 0 9px;
	width: 208px;
	line-height: 40px;
	height: 40px;
	vertical-align: middle;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #f6bc1a;
}

.alert, .alert div.aq12, .alert div.aq12 span, .alert div.sta-e { font-family: 'IntervalBold' !important; font-weight: bold; color:#fff;}

.alert { 
/* background-color: #900; */
color:#fff;
background:#FF7E00 url('http://www.baaqmd.gov/App_Themes/Default/images/widget2011/sta_summer_bkgd227.gif') repeat-x;
padding: 15px 0 !important; text-transform: uppercase; 
}

.alert a {
color:#ffffff;
}


.alert div.aq12 { color: #ffffff; padding: 3px 6px !important; }
.alert div.aq12 span { /* color: #F90;*/  color:#ffffff; }
	.alert div.aq12 span a:link, .alert div.aq12 span a:visited { /* color: #F90;*/  color:#ffffff; }
	.alert div.aq12 span a:hover, .alert div.aq12 span a:active { /* color: #F90;*/  color:#ffffff; text-decoration: none; }
.sta-day {
	margin: 3px 2px 0 2px;
	padding: 0;
	border: 1px solid #f6bc1a;
}

#sc-right>.pcr-aqbox-wsta>.sta-day, #pc-right>.pcr-aqbox-wsta>.sta-day {
	border: 1px solid #a5a6a6 !important;
}

.ssta {
	width: 220px;
	height: 19px;
	position: relative;
	background-image: url(/Presentation/SpareTheAir/includes/images/logo/summer-sta-logo-hp.gif) no-repeat;
}

.summerfooter {
	width: 220px;
	height: 19px;
	position: relative;
	background-image: url(/Presentation/SpareTheAir/includes/images/logo/summer-sta-logo-hp.gif) no-repeat;
}
	.ssta span {
		position: absolute;
		background-image: url(/Presentation/SpareTheAir/includes/images/logo/summer-sta-logo-hp.gif);
		width: 220px;
		height: 19px;
	}

	.summerfooter span {
		position: absolute;
		background-image: url(/Presentation/SpareTheAir/includes/images/logo/summer-sta-logo-hp.gif);
		width: 220px;
		height: 19px;
	}

.suns {
	width: 220px;
	height: 53px;
	position: relative;
}
	.suns span {
		position: absolute;
		background-image: url(/Presentation/SpareTheAir/includes/images/logo/summ-4-suns-hp.jpg);
		width: 220px;
		height: 53px;
	}

.wsta {
	width: 220px;
	height: 19px;
	position: relative;
}
	.wsta span {
		position: absolute;
		/* background-image: url(http://www.baaqmd.gov/~/media/Images/Alerts/Interface/winterSTA2009_home.ashx); */
		background-image: url(http://www.baaqmd.gov/~/media/Images/Interface/STA%20Winter%20Logos/winter-sta-logo-226x19-jpg.ashx);
		width: 220px;
		height: 19px;
	}

.wsuns {
	width: 220px;
	height: 56px;
	position: relative;
}
	.wsuns span {
		position: absolute;
		background-image: url(http://www.baaqmd.gov/~/media/Images/Alerts/Interface/winter_suns_home.ashx);
		width: 220px;
		height: 56px;
	}

#sc-right>.pcr-aqbox-wsta>.wsta, #pc-right>.pcr-aqbox-wsta>.wsta, #sc-right>.pcr-aqbox-wsta>.ssta, #pc-right>.pcr-aqbox-wsta>.ssta {
	width: 184px;
	height: 15px;
	position: relative;
}
	#sc-right>.pcr-aqbox-wsta>.wsta span, #pc-right>.pcr-aqbox-wsta>.wsta span {
		position: absolute;
		/* background-image: url(http://www.baaqmd.gov/~/media/Images/Alerts/Interface/winterSTA2009_sub.ashx);*/
		background-image: url(http://www.baaqmd.gov/~/media/Images/Interface/STA%20Winter%20Logos/winter-sta-logo-184x15-jpg.ashx);
		width: 184px;
		height: 15px;
	}
	#sc-right>.pcr-aqbox-wsta>.ssta span, #pc-right>.pcr-aqbox-wsta>.ssta span {
		position: absolute;
		/*background-image: url(http://www.sparetheair.org/App_Themes/SpareTheAir/images/logo/summer-sta-logo.gif);*/
		background-image: url(/Presentation/SpareTheAir/includes/images/logo/summer-sta-logo.gif);
		width: 184px;
		height: 15px;
	}

#sc-right>.pcr-aqbox-wsta>.suns, #pc-right>.pcr-aqbox-wsta>.suns {
	width: 184px;
	height: 43px;
	position: relative;
}
#sc-right>.pcr-aqbox-wsta>.wsuns, #pc-right>.pcr-aqbox-wsta>.wsuns {
	width: 184px;
	height: 46px;
	position: relative;
}

	#sc-right>.pcr-aqbox-wsta>.suns span, #pc-right>.pcr-aqbox-wsta>.suns span {
		position: absolute;
		background-image: url(/Presentation/SpareTheAir/includes/images/logo/summ-4-suns.jpg);
		width: 184px;
		height: 43px;
		z-index: 100;
	}
	#sc-right>.pcr-aqbox-wsta>.wsuns span, #pc-right>.pcr-aqbox-wsta>.wsuns span {
		position: absolute;
		background-image: url(http://www.baaqmd.gov/~/media/Images/Alerts/Interface/winter_suns_sub.ashx);
		width: 184px;
		height: 46px;
		z-index: 100;
	}

.aq-cat {
	padding: 6px 6px;
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #005190;
}

.aq12 {
	padding: 6px 6px;
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
}

.aq10 {
	padding: 0;
	margin: 0;
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
}

/*.aq10 a { color: #005190; text-decoration: underline; }*/

.aq8 {
	padding: 6px 6px;
	margin: 0;
	font-size: 7.5pt;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	color: #000;
}

.aqimg { margin: 0 auto; padding: 0; width: 100px; }

/* winter alert styles: begin */
.winteralert, .winteralert div.aq12, .winteralert div.aq12 span, .winteralert div.sta-e { font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:9pt; line-height:12pt;}

.winteralert { 
background:#DF6122; 
padding: 15px 0; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:9pt; line-height:12pt;
text-align:center;
padding-top:15px;
padding-bottom:15px;}

.winteralert div.aq12 {
 color: #ffffff;
 padding: 10px 11px; }

.winteralert div.aq12 span { /* color: #F90;*/ color:#fff; font-size:9pt; line-height:12pt;}

.winteralert {
background:#DF6122; 
/* height:110px;*/
height:auto;
padding-top:15px;
padding-bottom:15px;
}

 .winteralert div.aq12 span a.white, .winteralert div.aq12 span a,  .winteralert div.aq12 span a:link, .winteralert div.aq12 span a:visited,   .winteralert div.aq12 span a:hover, .winteralert div.aq12 span a:active { 
			 font-size:9pt; 
		 line-height:12pt;
		 text-decoration:underline;
		  color:#fff;
		 }

.winteralert div.aq12b span a.white, .winteralert div.aq12b span a,  .winteralert div.aq12b span a:link, .winteralert div.aq12b span a:visited,   .winteralert div.aq12b span a:hover, .winteralert div.aq12b span a:active { 
			 font-size:9pt; 
		 line-height:12pt;
		 text-decoration:underline;
		  color:#fff;
		 }


		 
 div.illegaltoburn {
font-family: Arial, Helvetica, sans-serif; 
/* background:url(http://www.baaqmd.gov/App_Themes/Default/images/widget2011/ng_illegaltoburn.gif) repeat-y;*/
background:#5C1D00;
color:#ffffff;
text-transform:uppercase;
font-size:8.5pt; 
	line-height:10pt;
		 font-weight:bold;
		 /* width:183px;*/
/* width:98%;*/
width:97.5%;
		 height:15px;
                 margin-left:3px;
		 padding-top:2px;
		 padding-bottom:3px;
		 text-align:center;
	}
		 
.winteralert div.sta-e { display: block !important; }
.winterfooter {
background:url(http://www.baaqmd.gov/~/media/Images/Interface/STA%20Winter%20Logos/winter-sta-logo-226x19-jpg.ashx) no-repeat;
height:19px;
color:none;
font-size:0px;
color:#ffffff;
/* width:98%;*/
width:97.5%;
padding:0;
}
/* winter alert styles: end */
.baaqmd-widgets {
	margin: 2px 2px;
	padding: 4px 0 0 0;
	color: #fff;
	text-align: center;
	height: 18px;
	font-size: 7pt;
	background-color: #005190;
	border: 1px solid #f6bc1a;
}

.pcr-aqbox-wsta > div.baaqmd-widgets { border: 1px solid #a5a6a6; }

.baaqmd-widgets a:link, .baaqmd-widgets a:visited { color: #fff; text-decoration: none; }
.baaqmd-widgets a:hover { text-decoration: underline; }

.hc-gbox { }

.hc-gbox h3 {
	margin: 0;
	padding: 0 9px;
	width: 208px;
	line-height: 27px;
	height: 27px;
	vertical-align: middle;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #f6bc1a;
}

.fcast-5days {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5pt;
	font-weight: bold;
	text-align: center;
}

.fcast-days {
	background-color: #f6bc1a;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5pt;
	font-weight: bold;
	text-align: center;
}

.farea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 7.5pt;
	text-align: right;
}

.ftemp-g, .ftemp-y, .ftemp-o, .ftemp-r, .ftemp-p, .ftemp-grey {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
}

.ftemp-g, .ftemp-r, .ftemp-p { color: #fff; }
.ftemp-y, .ftemp-o, .ftemp-grey { color: #000; }

.f5daypm {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	text-align: center;
	color: #005190;
}


     /*  Homepage Top Navigation Drop-Down Styles */
ul.hnav1 {
	background: transparent url(/Presentation/SpareTheAir/includes/images/background/drop_yellow.png) no-repeat left bottom;
}
ul.hnav2 {
	background: transparent url(/Presentation/SpareTheAir/includes/images/background/drop_green.png) no-repeat left bottom;
}
ul.hnav3 {
	background: transparent url(/Presentation/SpareTheAir/includes/images/background/drop_blue.png) no-repeat left bottom;
}

ul.hnav1 ul { background-color: #f6bc1a; }
ul.hnav2 ul { background-color: #91b753; }
ul.hnav3 ul { background-color: #3386c7; }

ul.hnav1 li { background: transparent url(/Presentation/SpareTheAir/includes/images/background/htc1.png) no-repeat 200px 5px; }
ul.hnav2 li { background: transparent url(/Presentation/SpareTheAir/includes/images/background/htc2.png) no-repeat 200px 5px; }
ul.hnav3 li { background: transparent url(/Presentation/SpareTheAir/includes/images/background/htc3.png) no-repeat 200px 5px; }

ul.hnav1 li:hover { background: transparent url(/Presentation/SpareTheAir/includes/images/background/htc1_ro.png) no-repeat 200px 5px; }
ul.hnav2 li:hover { background: transparent url(/Presentation/SpareTheAir/includes/images/background/htc2_ro.png) no-repeat 200px 5px; }
ul.hnav3 li:hover { background: transparent url(/Presentation/SpareTheAir/includes/images/background/htc3_ro.png) no-repeat 200px 5px; }

ul.hnav1 li li, ul.hnav2 li li, ul.hnav3 li li { background: transparent; background-image: none; font-weight: bold; }
ul.hnav1 li li:hover, ul.hnav2 li li:hover, ul.hnav3 li li:hover { background: transparent; background-image: none; font-weight: bold; }

ul.hnav1 li li a:link { color: #b55b01; }
ul.hnav2 li li a:link { color: #425523; }
ul.hnav3 li li a:link { color: #02345b; }

ul.hnav1 li li a:visited { color: #b55b01; }
ul.hnav2 li li a:visited { color: #425523; }
ul.hnav3 li li a:visited { color: #02345b; }

ul.hnav1 li li a:hover, ul.hnav2 li li a:hover, ul.hnav3 li li a:hover { color: #fff; }
	
	ul.drop li {
	border: none;
	background-color: transparent;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	}
	
	.hnav-tagline {
	font-size: 8pt;
	font-weight: normal;
}
	

	ul.drop li a { text-decoration: none; }
	
	ul.drop li a:hover, ul.drop li:hover a { text-decoration: none;	}
	
	ul.drop li:hover li a {
	 background: none;
	 text-decoration: underline;
	}
	
	ul.drop li li {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10pt;
	 line-height: 10pt;
	 text-transform: none;
	 text-decoration: none;
	}

	ul.drop li.hover,
	ul.drop li:hover {
	color: #fff;
	}

		ul.drop ul li {
	background-color: #f6bc1a;
		}


     /* ul.drop */
	ul.drop li {
	padding:5px 2px 0 10px;
	color: #fff;
	}
	
	ul.drop li.first {
	margin-left: 0;
	}

	ul.drop li.hover,
	ul.drop li:hover {
	color: #fff;
	}
	
	ul.drop li li:hover {

	}
	
	ul.drop li li a, ul.drop li li a:link { text-decoration: none; }
	ul.drop li li a:visited {text-decoration: none; }
	ul.drop li li a:hover {text-decoration: underline; }
	
	ul.drop li li { 
	 background-color: transparent;
	 background-image: none;
	 color: #3a5d81;
	 border: none; 
	 font-size: 8pt;
	}

	ul.drop a:link,
	ul.drop a:visited	{
	color: #fff;
}
	ul.drop a:hover		{
	color: #fff;
}
	ul.drop a:active		{
	color: #fff;
}

		ul.drop ul li {
		 font-weight: bold;
		}

	/* Homepage Main Content (Middle) Column */
.hcrcl-box {
	border-bottom: 3px solid #92b754;
}

.hcrcl-box-last { border-bottom: none; }


   /*  Homepage Main Content (Left) Column  */
.hc-gbox2 h3, .hc-gbox3 h3 {
	margin: 0;
	width: 216px;
	line-height: 27px;
	height: 27px;
	vertical-align: middle;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #f6bc1a;
}

.hc-gbox2 h3, .hc-gbox2 p { padding: 0 0 0 10px; }
.hc-gbox3 h3, .hc-gbox3 h4, .hc-gbox3 p { padding: 0 0 0 10px; }
.hc-gbox2 h4 { padding: 15px 0 0 10px; }
.hc-gbox3 h4.aq12 {
	font-size: 12pt;
	padding: 6px 6px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #005190;
}

.ozone { border-bottom: 1px solid #005190; }
.ozone-last { border-bottom: 2px solid #005190; }

.ozonep, .ozonen {
	font-family: Verdana;
	font-size: 8pt;
	vertical-align: middle;
}

.ozonep { border-right: 1px solid #005190; }
.ozonen {
	text-align: center;
	font-weight: bold;
}

.ozoneh h4.aq12 {
	font-size: 10pt;
	padding: 6px 6px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #005190;
}

/******************************   Portal & Subpage Top Navigation Styles   **********************************/
.stanav1, .stanav2 { border-bottom: 1px solid #005190; }

ul.psnav1 {
	background: transparent url(/Presentation/SpareTheAir/includes/images/background/pdrop_yellow.png) no-repeat left bottom;
}
ul.psnav2 { background: transparent url(/Presentation/SpareTheAir/includes/images/background/pdrop_green.png) no-repeat left bottom; }
ul.psnav3 {
	background: url(/Presentation/SpareTheAir/includes/images/background/pdrop_blue.png) no-repeat left bottom;
}

ul.psnav1 ul { background-color: #f6bc1a; }
ul.psnav2 ul {
	background-color: #91b753;
}
ul.psnav3 ul { background-color: #3386c7; }

ul.psnav1 ul, ul.psnav2 ul, ul.psnav3 ul { border: 1px solid #8c8c8c; }

ul.psnav1 li { background: transparent url(/Presentation/SpareTheAir/includes/images/background/htc1.png) no-repeat 180px 5px; }
ul.psnav2 li { background: transparent url(/Presentation/SpareTheAir/includes/images/background/htc2.png) no-repeat 180px 5px; }
ul.psnav3 li { background: transparent url(/Presentation/SpareTheAir/includes/images/background/htc3.png) no-repeat 180px 5px; }

ul.psnav1 li:hover { background: transparent url(/Presentation/SpareTheAir/includes/images/background/htc1_ro.png) no-repeat 180px 5px; }
ul.psnav2 li:hover { background: transparent url(/Presentation/SpareTheAir/includes/images/background/htc2_ro.png) no-repeat 180px 5px; }
ul.psnav3 li:hover { background: transparent url(/Presentation/SpareTheAir/includes/images/background/htc3_ro.png) no-repeat 180px 5px; }

ul.psnav1 li li, ul.psnav2 li li, ul.psnav3 li li { background: transparent; background-image: none; font-weight: bold; }
ul.psnav1 li li:hover, ul.psnav2 li li:hover, ul.psnav3 li li:hover { background: transparent; background-image: none; font-weight: bold; }

ul.psnav1 li li a:link { color: #b55b01; }
ul.psnav2 li li a:link { color: #425523; }
ul.psnav3 li li a:link { color: #02345b; }

ul.psnav1 li li a:visited { color: #b55b01; }
ul.psnav2 li li a:visited { color: #425523; }
ul.psnav3 li li a:visited { color: #02345b; }

ul.psnav1 li li a:hover, ul.psnav2 li li a:hover, ul.psnav3 li li a:hover { color: #fff; }

ul.droptop {

}

	ul.droptop li {
	border: none;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	}
	
	ul.droptop li:hover li a {
	 background: none;
	 text-decoration: underline;
	}
	
	ul.droptop li:hover li a:visited { text-decoration: none; }
	ul.droptop li:hover li a:hover { text-decoration: underline; }
	
	ul.droptop li li {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10pt;
	 text-transform: none;
	 padding: 5px 0 6px 20px;
	}

	ul.droptop li.hover,
	ul.droptop li:hover {
	color: #fff;
	}

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

		ul.droptop ul li {	}

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

ul.droptop {
 font-weight: bold;
}

	ul.droptop li {
	padding: 5px 0 6px 40px;
	}

	ul.droptop li.hover,
	ul.droptop li:hover {
	 color: #fff;
	}
	
	ul.droptop li li { 
	 background-image: none;
	 color: #fff;
	 border: none; 
	 font-size: 8pt;
	}

	ul.droptop a:link,
	ul.droptop a:visited	{ color: #fff; text-decoration: none; }
	ul.droptop a:hover		{ color: #fff; }
	ul.droptop a:active		{ color: #fff; }


/*************    Portal Page Styles  *****************/
	/**  Portal Left Column  **/
.lnav h3 {
	margin: 0;
	padding: 0 0 0 10px;
	width: 147px;
	line-height: 26px;
	height: 26px;
	vertical-align: middle;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #f6bc1a;
}

.lnav h3.green { background-color: #91b753; }
.lnav h3.blue { background-color: #3386c7; }

.lnav ul {
	margin: 14px 0 10px 0;
	padding: 0;
	list-style: none;
}
.lnav li {
	margin: 0;
	padding: 5px 0;
	border-top: 1px solid #a5a6a6;
	vertical-align: middle;
	line-height: 12px;
	font-size: 8pt;
	color: #005190;
	list-style: none;
}
.lnav li.last { border-bottom: 1px solid #a5a6a6; }
.lnav li.current, .lnav li li.current { font-weight: bold; }
.lnav li.current li { font-weight: normal; }


.lnav ul.sl {
	margin: 0 0 5px 16px;
	padding: 0;
}
.lnav ul.sl li {
	border-top: none;
	padding: 3px 0;
}

	/**   Portal Middle Column  **/
.pc-mbox-last { border-bottom: 4px solid #f6bc1a; }



	/**  Portal Right Column  **/
#pc-right p, #sc-right p { font-size: 7.5pt; }
	
.ubox {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.ubox ul {
	margin: 0;
	padding: 5px 0 0 39px;
	list-style: none;
}

.ubox li {
	display: inline;
	margin: 0 auto;
	padding: 0 5px 0 0;
	vertical-align: middle;
}

.ub {
	padding: 6px 6px;
	font-size: 10pt;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	color: #005190;
}

.pcr-box h3, .pcr-aqbox h3, .pcr-aqbox-sta h3, .pcr-aqbox-wsta h3 {
	margin: 0;
	width: 180px;
	line-height: 26px;
	height: 26px;
	vertical-align: middle;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #f6bc1a;
}

.pcr-box h3.blue, .pcr-aqbox h3.blue, .pcr-aqbox-sta h3.blue, .pcr-aqbox-wsta h3.blue { background-color: #3386c7; }
.pcr-box h3.green, .pcr-aqbox h3.green, .pcr-aqbox-sta h3.green, .pcr-aqbox-wsta h3.green { background-color: #91b753; }

.pcr-box h3, .pcr-aqbox h3, .pcr-aqbox-sta h3, .pcr-aqbox-wsta h3, .pcr-box h4, .pcr-box-sta h4, .pcr-box p, .pcr-box-sta p { padding: 0 0 0 10px; }
.pcr-box h3{ 
    padding: 0 0 0 5px; 
    width:185px;
}
#hcontent #hc-left .pcr-box
{
    width: 226px;
}
#hcontent #hc-left .pcr-box h3
{
    width: 221px;
}
.pcr-box h4, .pcr-box-sta h4 { padding-top: 5px; padding-bottom: 5px; }
/*.pcr-box-sta p { line-height: 12pt; }*/

.aq-cat {
	padding: 6px 6px;
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #005190;
}
.pcr-aqbox .aq-cat, .pcr-aqbox-sta .aq-cat, .pcr-aqbox-wsta .aq-cat { font-size: 10pt; }
.pcr-aqbox .aq12, .pcr-aqbox-sta .aq12, .pcr-aqbox-wsta .aq12 { font-size: 10pt; }
.pcr-aqbox .aq10, .pcr-aqbox-sta .aq10, .pcr-aqbox-wsta .aq10 { font-size: 8pt; padding: 0 10px; }
.sta-day .aq10 { padding: 0 0 5px 0; }

p.related {
	padding: 5px 5px 5px 10px;
}

.contacts { padding: 7px 5px 5px 0; }

		/* Advisory Styles  */
.advisory { padding: 10px 0; }
#sc-right .advisory { padding-bottom: 5px; }
#sc-right .advisory h4 { padding-top: 0 !important; padding-bottom: 0 !important; }
.advisory p {
	padding-top: 5px;
	font-size: 12px;
}
#sc-right .advisory p { font-size: 12px !important; }

/**************  Subpage Styles   **************/
/** Breadcrumbs  **/
/*  Breadcrumb Navigation Styles  */
#breadcrumb {
	color: #005190;
	font-weight: normal;
	font-size: 7.5pt;
	border-top: 1px solid #005190;
}

#breadcrumb ul { list-style: none; }
#breadcrumb ul li.current a { text-decoration: none; font-weight: bold; }
#breadcrumb li.current { font-weight: bold }

#breadcrumb a:link, #breadcrumb a:visited {
	color: #8aab52;
}
#breadcrumb a:hover { color: #d08d4c; }

/******   Subpage Right Column   ********/

.scm-head1 {
	color: #005190;
	font-size: 36pt;
}
.scm-head2 {
	letter-spacing: 7px;
	text-transform: uppercase;
	font-size: 20pt;
} 

.sc-box h3, .sc-mbox h3 {
	margin: 0;
	width: 540px;
	padding: 0 0 0 10px;
	line-height: 26px;
	height: 26px;
	vertical-align: middle;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #f6bc1a;
}

.sc-box h3.blue { background-color: #3386c7; }
.sc-box h3.green { background-color: #91b753; }


/*  Footer Styles  */
#fscuts {
	color: #3a5d81;
}

#fscuts li { list-style: none; }

#futilities {
	font-size: 8pt;
	color: #ffffff;
}

#futilities a:link, #futilities a:visited {
	text-decoration: none;
	color: #ffffff;
}

#futilities a:hover, #futilities a:active {
	text-decoration: underline;
	color: #ffffff;
}

address.baaqmdaddress {
	font-style: normal;
	text-align: right;
}

/* Table Styles */
table { display: none; }

.app { margin: 0; padding: 0; float: left; }

.app table, .app caption, .app tbody, .app tfoot, .app thead, .app tr, .app th, .app td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
.app table {
	display: block;
	border-collapse: separate;
	border-spacing: 0;
}
.app caption, .app th, .app td {
	text-align: left;
	font-weight: normal;
}


.app table {
	margin: 15px 0;
}

.app th {
	background-color: #3386c7;
	padding: 5px;
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	border: 1px solid #cccccc;
}

.app th.sub {
	background-color: #3386c7;
	padding: 5px;
	color: #fff;
	border: 1px solid #cccccc;
	font-size: 8pt;
}

.app td {
	background: #fff;
	padding: 5px;
	border: 1px solid #cccccc;
}

.app tr.odd td {
	background: #efeff1;
	padding: 5px;
}

.app td a { margin: 0px 0px 3px 0px; }

.telerik { margin: 7px 0 15px 0; padding: 0; width: 100%; float: left; }
.telerik table { display: block; }
.telerik td a { padding: 4px 0; }

/***   5 Day Forecast County Colors   ****/
.f5nc { background-color: #fab376; }
.f5ccb { background-color: #ffef7c; }
.f5ed { background-color: #a7f9a5; }
.f5scb { background-color: #ffe5f0; }
.f5scv { background-color: #bee4fa; }

.f5nc, .f5ccb, .f5ed, .f5scb, .f5scv { margin-top: 9px; }

th.f5nc { background-color: #fab376; }
th.f5ccb { background-color: #ffef7c; }
th.f5ed { background-color: #a7f9a5; }
th.f5scb { background-color: #ffe5f0; }
th.f5scv { background-color: #bee4fa; }

th.f5nc, th.f5ccb, th.f5ed, th.f5scb, th.f5scv { color: #000; }

/**************   Repeating Content Items Styles  *************/

.aqi-green, .aqi-yellow, .aqi-orange, .aqi-red, .aqi-purple, .aqi-grey {
	font-size: 8pt;
	text-align: center;
	font-weight: bold;
}

.aqi-green, .aqi-red, .aqi-purple, .aqi-grey { color: #fff; }
.aqi-yellow, .aqi-orange { color: #000; }

.aqi-green, .ftemp-g { background: #009966; }
.aqi-yellow, .ftemp-y { background: #ffde33; }
.aqi-orange, .ftemp-o { background: #ff9933; }
.aqi-red, .ftemp-r { background: #cc0033; }
.aqi-purple, .ftemp-p { background: #660099; }
.aqi-grey, .ftemp-grey { background: #d3d3d3; }

.rci-n {
	text-align: center;
}


/* Icons */
.word, .excel, .audio, .pdf, .video, .kml, .new, .updated, .cal, .globe, .png, .jpg, .psd, .eps, .ai { padding-left: 15px; margin-left: 5px; }
.png, .jpg, .psd, .eps, .ai { padding-left: 18px; margin-left: 5px; }
.ext { padding-left: 0; padding-right: 15px; margin-left: 0; }
.imap { padding-left: 10px; padding-right: 0; margin-left: 5px; }

.word, .excel, .audio, .pdf, .video, .kml, .new, .updated, .cal, .ext, .imap, .globe, .png, .jpg, .psd, .eps, .ai { color: #666666; }
span.word, span.excel, span.audio, span.pdf, span.video, span.kml, span.new, span.updated, span.cal, span.ext, span.png, span.jpg, span.psd, span.eps, span.ai { font-size: 6.5pt; padding-bottom: 5px; }
span.imap, span.globe { line-height: 12px; }
span.imap span, span.globe span { font-size: 7pt; }

td .word, td .excel, td .audio, td .pdf, td .video, td .kml, td .new, td .updated, td .cal, td .ext, td .imap, td .globe, td .png, td .jpg, td .psd, td .eps, td .ai, #prcc .word, #prcc .excel, #prcc .audio, #prcc .pdf, #prcc .video, #prcc .kml, #prcc .new, #prcc .updated, #prcc .cal, #prcc .ext, #prcc .imap, #prcc .globe, #prcc .png, #prcc .jpg, #prcc .psd, #prcc .eps, #prcc .ai {
	margin-left: 0px;
}

td .pdf, .pdf {
	background: url(/Presentation/SpareTheAir/includes/images/icons/pdf.png) no-repeat left top;
}

td .word, .word {
	background: url(/Presentation/SpareTheAir/includes/images/icons/word.png) no-repeat left top;
}

td .excel, .excel {
	background: url(/Presentation/SpareTheAir/includes/images/icons/excel.png) no-repeat left top;
}

td .audio, .audio {
	background: url(/Presentation/SpareTheAir/includes/images/icons/audio.gif) no-repeat left top;
}

td .video, .video {
	background: url(/Presentation/SpareTheAir/includes/images/icons/video.gif) no-repeat left top;
}

td .kml, .kml {
	background: url(/Presentation/SpareTheAir/includes/images/icons/kml.gif) no-repeat left top;
}

td .cal, .cal {
	background: url(/Presentation/SpareTheAir/includes/images/icons/cal.gif) no-repeat left top;
}

td .ext, .ext {
	background: url(/Presentation/SpareTheAir/includes/images/icons/extlink-trans.png) no-repeat right bottom;
}

td .imap, .imap {
	background: url(/Presentation/SpareTheAir/includes/images/icons/map-trans.png) no-repeat left top;
}

td .globe, .globe {
	background: url(/Presentation/SpareTheAir/includes/images/icons/globe.png) no-repeat left top;
}

td .globe, .globe {
	background: url(/Presentation/SpareTheAir/includes/images/icons/globe.png) no-repeat left top;
}

td .png, .png {
	background: url(/Presentation/SpareTheAir/includes/images/icons/png-icon.png) no-repeat left top;
}

td .jpg, .jpg {
	background: url(/Presentation/SpareTheAir/includes/images/icons/jpg-icon.png) no-repeat left top;
}

td .psd, .psd {
	background: url(/Presentation/SpareTheAir/includes/images/icons/psd-icon.png) no-repeat left top;
}

td .eps, .eps {
	background: url(/Presentation/SpareTheAir/includes/images/icons/eps-icon.png) no-repeat left top;
}

td .ai, .ai {
	background: url(/Presentation/SpareTheAir/includes/images/icons/ai-icon.png) no-repeat left top;
}

.new { background: url(/Presentation/SpareTheAir/includes/images/icons/new.png) no-repeat left top; padding-left: 36px; }
.updated { background: url(/Presentation/SpareTheAir/includes/images/icons/updated.png) no-repeat left top; padding-left: 51px; }

div.updated, div.new { padding-left: 75px; line-height: 14pt; }
div.updated { background: url(/Presentation/SpareTheAir/includes/images/icons/updated-trans.png) no-repeat left top; padding-left: 75px; line-height: 14pt; }
div.new { background: url(/Presentation/SpareTheAir/includes/images/icons/new-trans.png) no-repeat left top; padding-left: 45px; line-height: 14pt; }


/* ----------- Pagination: Digg Style (STA) --------- */
	
#pagination-digg li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination-digg a           { border:solid 1px #005190; margin-right:2px; }
#pagination-digg .previous-off,
#pagination-digg .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
#pagination-digg .next a,
#pagination-digg .previous a { font-weight:bold; }	
#pagination-digg .active     { background:#3a5d81; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ margin-right:2px; }
#pagination-digg a:link, 
#pagination-digg a:visited   { color:#8aab52; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination-digg a:hover     { border:solid 1px #999999; background: #f6bc1a; color: #fff; font-weight: bold; }


table tr td span.table-document-meta-data {
    font-size: 6.5pt;
    color: #666666;
}

/*WFFM form styles, copied from DOTGOV*/
.scfForm .scfRequired {
  display: none;
}

.scfForm .scfValidatorRequired {
  display: none;
}

.scfForm legend {
    color: #004c83;
    font-family: "adobe-garamond-pro","Palatino Linotype","Times New Roman",Times;
    font-weight: normal;
    font-size: 1.5em;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 10px;
}

.scfForm label {
    font-family: "proxima-nova-n4","proxima-nova","Open Sans",Corbel,Helvetica,Arial;
    font-size: 1.15em;
    display: inline;
    font-weight: 600;
    margin-right: 10px;
}

.scfForm input{
    box-sizing: border-box;
    border-radius: 4px;
    background-clip: padding-box;
    border: 1px solid #c3c4c6;
    padding: 8px;
    color: black;
    width: 100%;
    margin: 10px 0;
    transition: all 0.3s ease-in-out;
    outline: none;
}

.scfForm .scfSubmitButtonBorder input {
    color: #fff;
    background-color: #008eb8;
    border-radius: 0px;
    background-clip: padding-box;
    border: 0;
    box-sizing: border-box;
}

.scfForm .scfSubmitButtonBorder input[type="submit"] {
  cursor: pointer;
}
  .scfForm .scfSectionBorderAsFieldSet {
    /* padding: 0 15px 15px 15px; */
    /* border: 0; */
    border-top: none;
    margin: 0;
}

.scfForm .scfSingleLineGeneralPanel{
    float: none;
    width: 100%;
    margin-bottom: 10px;
}

.scfForm .scfRequired {
    display: none;
}

.scfForm input[type="radio"],
.scfForm input[type="checkbox"] {
  border-style: none;
  padding: 0px;
}

.scfForm .scfDropListBorder select {
  width: 100%;
}

.scfForm .scfCheckboxBorder {
  margin-bottom: 20px;
}

  .scfForm .scfCheckboxBorder .scfCheckbox label {
    display: inline;
    margin-left: 15px;
  }

  .scfForm .scfCheckboxBorder .scfCheckbox input {
    width: 15px;
    display: inline;
    margin: 0;
    vertical-align: -0.14em;
  }

.scfForm span.scfValidator {
  padding-bottom: 10px;
}

.scfForm .scfEmailGeneralPanel,
.scfForm .scfMultipleLineGeneralPanel,
.scfForm .scfSingleLineGeneralPanel,
.scfForm .scfPasswordGeneralPanel,
.scfForm .scfNumberGeneralPanel,
.scfForm .scfDatePickerGeneralPanel,
.scfForm .scfDateGeneralPanel,
.scfForm .scfRadioButtonListGeneralPanel,
.scfForm .scfCheckBoxListGeneralPanel,
.scfForm .scfFileUploadGeneralPanel,
.scfForm .scfCreditCardGeneralPanel,
.scfForm .scfConfirmPasswordGeneralPanel,
.scfForm .scfCaptchaGeneralPanel,
.scfForm .scfTelephoneGeneralPanel,
.scfForm .scfSmsTelephoneGeneralPanel,
.scfForm .scfDateSelectorGeneralPanel {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}

.scfForm .scfRadioButtonListGeneralPanel {
  float: left;
}

.scfForm .scfSubmitButtonBorder input {
  color: #FFF;
  background-color: #008EB8;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /* border-radius */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 0;
}

.scfForm table.scfCheckBoxList {
  display: table;
  width: 100%;
  margin: 0;
}

.scfForm .scfDropListLabel,
.scfForm .scfEmailLabel,
.scfForm .scfMultipleLineTextLabel,
.scfForm .scfSingleLineTextLabel,
.scfForm .scfPasswordLabel,
.scfForm .scfNumberLabel,
.scfForm .scfDatePickerLabel,
.scfForm .scfDateLabel,
.scfForm .scfRadioButtonListLabel,
.scfForm .scfCheckBoxListLabel,
.scfForm .scfListBoxLabel,
.scfForm .scfFileUploadLabel,
.scfForm .scfDateSelectorLabel,
.scfForm .scfCreditCardLabel,
.scfForm .scfConfirmPasswordLabel,
.scfForm .scfCaptchaLabel,
.scfForm .scfTelephoneLabel,
.scfForm .scfSmsTelephoneLabel {
  width: 75%;
}

.scfForm .scfSectionContent {
  padding-top: 20px;
}

.scfForm .scfCheckbox {
  width: 95%;
}

.scfForm .inlineFormCheckboxList input[type='checkbox'],
.scfForm .inlineFormCheckboxList input[type='checkbox']:hover,
.scfForm .inlineFormCheckboxList input[type='checkbox']:checked,
.scfForm .inlineFormCheckboxList input[type='checkbox']:hover:checked {
  background-position: initial;
  background-image: initial;
  -webkit-appearance: checkbox;
  height: 14px;
  margin: 3px;
  background-repeat: no-repeat;
  position: static;
  width: 20px;
  vertical-align: middle;
  outline: 0;
  border: 0;
  background-color: transparent;
}

.scfForm .inlineFormCheckboxList label {
  font-size: 14px;
  padding-left: 0 !important;
  background-image: none !important;
  vertical-align: middle;
  font-weight: normal;
  margin-bottom: auto;
  color: #333;
  font-family: "Segoe UI",Arial,Helvetica,sans-serif;
}

.scfForm .scfValidationSummary ul li {
  list-style: none;
  font-size: 14px;
}