/* 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 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 .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;
}