/* ------------------------------------------------------------------------------------------------------*/
/* The following styles are for global layout/formatting ------------------------------------------------*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Universal Selector: base type style 

*{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #6D6E70;
}
*/


/* Global link styles */

a:link {
	color: #3074C0;
	text-decoration: none;
}
a:visited {
	color: #3074C0;
	text-decoration: none;
}
a:hover {
	color: #245892;
	text-decoration: underline;
}
a:active {
	color: #245892;
	text-decoration: underline;
}



/* -------------------------------------------------------------------------------------------------------*/
/* CSS Styles for "Main Content Block" including h1, h2, p, ul and li ------------------------------------*/

td.mainContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #6D6E70;
}


/* Although page headlines are graphics for custom font, they are still enclosed in <H1> tags for accessibility purposes */
td.mainContent h1 {
	margin: 0px 0px 0px;
}

/* Text Subheads */
td.mainContent h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 11px;
	letter-spacing: .09em;
	color: #3074C0;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 6px;
	text-transform: uppercase;
}

td.mainContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #6D6E70;
	margin: 0px 0px 10px;
}



/* -------------------------------------------------------------------------------------------------------*/
/* CSS Styles for "Side Box Content Block" including h2, p, ul and li ------------------------------------*/

td.sideBoxContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #6D6E70;
}

td.sideBoxContent h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #3074C0;
	margin-top: 10px;
	margin-bottom: 20px;
}

td.sideBoxContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #6D6E70;
	margin: 0 0 0 0;
}



/* -------------------------------------------------------------------------------------------------------*/
/* The following styles are for aditional elements' treatments --------------------------------------------*/

.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	color: #6D6E70;
}

.fileType {
	font-size: 9px;
	font-weight: bold;

}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #6D6E70;
	line-height: 10px;
	padding-top: 7px;
}

.horizRule_dotted {
	background-image: url(../images/shared/horizRule_dotted.gif);
	background-repeat: repeat-x;
	margin-top: 12px;
	margin-bottom: 0px;
}



/* -------------------------------------------------------------------------------------------------------*/
/* The following style is for the  "search | site map" UI at the top of each page ------------------------*/

.topUI {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #3074C0;
	margin: 0 2px 21px 0;
}

form#qs input.sp2_field {
	width:112px;
	height:15px;
	pdding:2px;
	border: 1px #CCCCCC solid;
	font-size:10px;
	color:#6D6E70;
	background-color: #E6EEF7;
}



/* -------------------------------------------------------------------------------------------------------*/
/* The following styles are for all information-based tables in the main content -------------------------*/


/* Styles for first table scheme (AQI Definitions, etc) */

table.layoutScheme_1 {
    width: 100%;
	border-collapse: collapse;
}
table.layoutScheme_1 tbody td {
    padding: 5px;
	vertical-align: top;
}
table.layoutScheme_1 thead td {
    border: thin solid #B6B6B7;
    border-width: 0px 0px 1px 0px;
    font-weight: bold;
	text-align: left;
	padding: 5px;
	padding-bottom: 7px;
	padding-top: 7px;
	text-transform: uppercase;
	background-color: #E9F0F9;
}


/* Styles for second table scheme (Staff, etc.) */

table.layoutScheme_2 {
    width: 100%;
	border-collapse: collapse;
}
table.layoutScheme_2 tbody td {
    padding: 4px;
	padding-right: 5px;
	line-height: 12px;
	vertical-align: top;
}
table.layoutScheme_2 thead td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	vertical-align: bottom;
	color: #6D6E70;
	font-weight: bold;
    border: thin solid #B6B6B7;
    border-width: 0px 0px 1px 0px;
	text-align: left;
	padding: 4px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-transform: uppercase;
	background-color: #EFF4FA;
}
table.layoutScheme_2 tfoot td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	vertical-align: top;
	color: #6D6E70;
    border: thin solid #B6B6B7;
    border-width: 1px 0px 0px 0px;
	text-align: left;
	padding: 4px;
	padding-bottom: 5px;
	padding-top: 5px;
}


/* These determine the styles for the alternating table row colors (odd rows only) */

#stripesTable tbody tr.odd  td {
	background-color: #E9F0F9;
}

#stripesTable_onBlue tbody tr.odd  td {
	background-color: #EFF4FA;
}



/* -------------------------------------------------------------------------------------------------------*/
/* The following styles are for the main sub-navigation pop-up menus -------------------------------------*/

.subnav_menu    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4D4D4D;
	text-decoration: none;
	margin-left: 5px;
    margin_right: 5px
}



/* -------------------------------------------------------------------------------------------------------*/
/* The following styles are for tree items found in the Regulations section. -----------------------------*/


.sectionTitle    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #3074C0;
	text-decoration: none;
	font-weight: bold;
	margin-top: 2px;
}

.sectionTitle_over    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #3074C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 2px;
}


.regulationTitle    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3074C0;
	text-decoration: none;
}

.regulationTitle_over   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3074C0;
	text-decoration: underline;
}



/* -------------------------------------------------------------------------------------------------------*/
/* The following styles are for tree items found in the Climate Change section  --------------------------*/


#sideBar_subscribe h1 { 
	margin: 0 0 8px 0
}

#sideBar_subscribe p { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	margin: 0 0 10px 0;
	color: #FFFFFF;
}

#sideBar_quote p { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #FFFFFF;
	margin: 0 0 10px 0;
}

#sideBar_quote p.caption { 
	font-size: 9px;
	line-height: 10px;
}


/* -------------------------------------------------------------------------------------------------------*/
/* The following styles are for the Current Air Quality page ---------------------------------------------*/

#aqiTable tr {
	background: url(../images/shared/horizRule_dotted.gif) repeat-x bottom;
}

#aqiTable td {
	padding: 8px 0 0 0;
}

#aqiTable td.aqiLocation {
	padding-right: 5px;
	color: #3074C0;
	font-weight: bold;
	text-transform: uppercase;
}

#aqiTable td.aqiData {
	margin-bottom: 5px;
}

#aqiTable td.aqiData p {
	margin: 0 0 5px 0;
}

#aqiTable td.aqiData img {
	margin-bottom: -6px;
}


/* -------------------------------------------------------------------------------------------------------*/
/* The following styles are for the Clean Air Tips page ---------------------------------------------*/

#cleanAirTips tr {
	/*background: url(../images/shared/horizRule_dotted.gif) repeat-x bottom;*/
}

#cleanAirTips td {
	padding: 8px 0 0 0;
}

#cleanAirTips td.publishDate {
	padding-right: 5px;
}

#cleanAirTips td.tipTitle {
	margin-bottom: 5px;
}