F/*
	File Name 	:	AQMD.css
	
	Description :	This is the main cascading style sheet for the AQMD Web Site.
	
	Version 	:	Version 2.1
	Modified	:	06/30/05
	By			: 	Roberta Lewis, AQMD	

*/



/* ###########	 	STYLES FOR ALL TEMPLATES		############# */


/*		Site Wide Styles		*/

body {
	margin:0;
	padding:0;
	color:#000000;
	background-color:white;
	font-size:10pt;
	font-family: "trebuchet ms" ,verdana,arial,helvetica,sans-serif;
}

/*span {
	display: block;
}*/

td
{
	font-size: 10pt;
	margin: 0px;
	line-height: 1.4;
	font-family: "trebuchet ms" ,verdana,arial,helvetica,sans-serif;
	text-align: left;
}

address {
	font-size: 8pt;
	font-style: italic;
}

H1 {
	font-size: 11pt;
	font-weight: bold;
	}
	
H2 {
	font-size: 10pt;
	font-weight: bold;
	}
	
H3 {font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	}
	
H4 {
	font-size: 11pt;
	font-weight: bold;
	margin: 30px;
	}
	
H5 {
	font-size: 10pt;
	font-weight: bold;
	margin: 30px;
	}
	
H6 {font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	margin: 30px;
	}
	
ul {list-style: disc; margin: 10px,0,0,30px; line-height: 1.4}

/*li {padding: 0}*/

li ul {list-style: circle; margin: 0,0,0,20px; line-height: 1.4}

/*li li {margin: 0,0,0,0}*/
	
span.L2_HiEmph-Red {
	color: #FF3300;
	font-weight: bold;
	display: inline;
	}

span.L2_M-Emph-Orange {
	color: #FF9933;
	font-weight: bold;
	display: inline;
	}
	
span.L2_M-Emph-Green {
	color: #009933;
	font-weight:bold;
	}
	
p.L2_BlockText1 {
	margin-left: 30px;
	text-align: justify;
	}
	
p.L2_BlockText2 {
	margin-left: 60px;
	text-align: justify;
	}



/* ###########	 	STYLES FOR ALL TEMPLATE BORDERS		############# */


/*	AQMD Mission / Vision Statement */

div#statement {
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color:#003366;
	position: absolute;
	top: 110px;
	left: 20px;
	height:20;
	width:220;
	border: 0px none ;
	z-index: 11
}


/*		DIV style for positioning the SEARCH area		*/	
div#search_area
{
	clear: both;
	border-right: 0px;
	border-top: 0px;
	display: block;
	font-weight: bold;
	font-size: 14px;
	z-index: 1001;
	left: 480px;
	float: none;
	vertical-align: baseline;
	overflow: visible;
	border-left: 0px;
	width: 250px;
	color: #003366;
	border-bottom: 0px;
	font-family: "trebuchet ms" ,verdana,arial,helvetica,sans-serif;
	position: absolute;
	top: 3px;
	height: 30px;
}

/*		Style for images in the Search area		*/
input.search_img
{
	border-right: 0px;
	border-top: 0px;
	z-index: 1001;
	left: 250px;
	vertical-align: top;
	border-left: 0px;
	border-bottom: 0px;
	position: absolute;
	top: 0px;
}

a.search_advance
{
	padding-right: 10px;
	display: inline;
	padding-left: 10px;
	font-size: 10px;
	z-index: 1008;
	left: 36px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-family: "trebuchet ms" ,verdana,arial,helvetica,sans-serif;
	position: absolute;
	top: 20px;
}
a.index
{
	padding-right: 10px;
	padding-left: 10px;
	font-size: 10px;
	text-align: center;
	z-index: 10008;
	left: 190px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-family: "trebuchet ms" ,verdana,arial,helvetica,sans-serif;
	position: absolute;
	top: 20px;
}

/*  Menu Nav Links  (visible for browsers without javascript-enabled) */
 
a.navlink
	{
		color: #2560A6;
		text-decoration: none;
	}
a.navlink:link
	{
		color: #2560A6;
		text-decoration: none;
	}
a.navlink:visited
	{
		color: #2560A6;
		text-decoration: none;
	}
a.navlink:hover
	{
		color: #78787A;
		text-decoration: underline;
	}

/*  Language Nav Styles */

a.langlink
	{
		color: #B2001F;
		font-size: 11px;
		text-decoration: none;
	}
a.langlink:link
	{
		color: #B2001F;
		font-size: 11px;
		text-decoration: none;
	}
a.langlink:visited
	{
		color: #B2001F;
		font-size: 11px;
		text-decoration: none;
	}
a.langlink:hover
	{
		color: #B2001F;
		font-size: 11px;
		text-decoration: underline;
	}

/*  Quick Nav Links  */

a.quicklink
	{
		color: #2560A6;
		text-decoration: none;
		line-height: 1.0;
		font-size: 9pt;
	}
a.quicklink:link
	{
		color: #2560A6;
		text-decoration: none;
		line-height: 1.0;
		font-size: 9pt;
	}
a.quicklink:visited
	{
		color: #2560A6;
		text-decoration: none;
		line-height: 1.0;
		font-size: 9pt;
	}
a.quicklink:hover
	{
		color: #78787A;
		font-size: 9pt;
		line-height: 1.0;
		text-decoration: underline;
	}
	
/*  Main Nav Links   */

a.mainlink
	{
		color: #2560A6;
		text-decoration: none;
		font-size: 9pt;
	}
a.mainlink:link
	{
		color: #2560A6;
		text-decoration: none;
		font-size: 9pt;
	}
a.mainlink:visited
	{
		color: #2560A6;
		text-decoration: none;
		font-size: 9pt;
	}
a.mainlink:hover
	{
		color: #78787A;
		font-size: 9pt;
		text-decoration: underline;
	}
	
/*  Pull Down Menu   */
.gobutton button
	{
		width: 24px; 
		height: 19px; 
		font-size: 12px; 
		font-weight: bold; 
		color: #0B3865;	
	}
	
/*  Quick Link Table  */
td.quick_link
	{
	text-align: left; 
	padding: 4px 0px 0px 0px; 
	line-height: 1.1;
	}

td.quick_link_tl
	{
	background: url('/images/mainimages/gr_bg_01.jpg') no-repeat top left;
	width: 12px;
	height: 8px;
	}
td.quick_link_tr
	{
	background: url('/images/mainimages/gr_bg_02.jpg') no-repeat top right;
	width: 12px;
	height: 8px;
	}
td.quick_link_bl
	{
	background: url('/images/mainimages/gr_bg_04.jpg') no-repeat bottom left;
	width: 12px;
	height: 8px;
	}

td.quick_link_br
	{
	background: url('/images/mainimages/gr_bg_03.jpg') no-repeat bottom right;
	width: 12px;
	height: 8px;
	}


	
/*  Topic Tables   */	
table.topic_table
	{	
	border: solid 1px #D0E0F0;
	}	
td.topic_header
	{
	background-color: #0b569a;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	color: #D0E0F0;
	padding-top: 3px;
	padding-bottom: 3px;
	}
td.topic_content
	{
	padding: 4px 0px 2px 8px; 
	line-height: 1.1; 
	}
td.topic_content2
	{
	padding: 3px 6px 3px 6px; 
	line-height: 1.1; 
	border-bottom: solid 1px #D0E0F0;
	}

/* search table */
table.search_table
	{
	background-color: #D0E0F0; 
	padding-top: 2px; 
	border: solid 1px #E6E6E6;
	}

/* topic table left hand divs  */
div.topic_table_l
	{
	width: 228px;
	}
div.topic_table_r
	{
	width: 128px;
	}	
	
/* Related Links Section */
.related_links  div a:link
	{
		color: #2560A6;
		text-decoration: none;
		line-height: 1.3;
		font-size: 9pt;
	} 
.related_links  a
	{
		color: #2560A6;
		text-decoration: none;
		line-height: 1.3;
		font-size: 9pt;
	} 	
.related_links  div a:visited
	{
		color: #2560A6;
		text-decoration: none;
		line-height: 1.3;
		font-size: 9pt;
	}	
.related_links  a:hover
	{
		color: #78787A;
		font-size: 9pt;
		line-height: 1.3;
		text-decoration: underline;
	} 

/* Left Hand Border Styles */
#air_quality_box
	{
	padding-top:6px; 
	padding-bottom:0px; 
	width: 220px; 
	height: 122; 
	background: url('/images/mainimages/AQ-map.gif') no-repeat top center; 
	text-align: center;
	}	
	
/* Main Content Styles */
td.dot_divide
	{
	border-bottom: 1px;
	border-bottom-color: #0B569A; 
	border-bottom-style: dashed; 
	padding-bottom: 10px;
	}


/* ###########	 	STYLES FOR LEVEL 1 TEMPLATE		############# */


/*  	Style for Level 1 Content Section ( lEFT-Hand side )  */



/* Main Content Styles */


/*span.L1_content_text {
	font-size:10pt;
	color:#333333;
	padding:10px;
	display: inline;
}*/



/*   	Feature Styles		*/




/* ###########	 	STYLES FOR LEVEL 2 TEMPLATE		############# */



/*	Styles for Level 2 pages		*/


/* Main Page Title */

.L2_page_title {
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:12pt;
	font-weight: bold;
	color:#333333;
	padding:2 10px;
	text-align: left;
}

.L2_page_content_text {
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:10pt;
	line-height: 1.4;
	color:#333333;
/*	padding:10 0px;*/
/*	display: inline;*/
}

.L2_fine_text {
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:8pt;
	color:#333333;
	padding:10 0px;
/*	display: inline;*/
}


/*	Style for Tables		*/
table.table_bordered {
	
	font-family:	verdana,arial,helvetica,sans-serif;
	font-size:11px;
	width: 96%;
	background-color: #cccccc;
	padding: 0 10px;
}


table.table_bordered td {
	
	font-family:	verdana,arial,helvetica,sans-serif;
	font-size:9pt;
	font-weight: bold;
	background-color: #cccccc;
	border-top: 0px solid #666666;
	border-bottom: 1px solid #666666;
}


table.table_bordered td.title_cell {
	
	font-family:	verdana,arial,helvetica,sans-serif;
	font-size:9pt;
	font-weight: bold;
	background-color: #ffffff;
	border-top: 0px none;
	border-bottom: 0px none;
}





/* ###########	STYLES FOR TEMPLATE FOOTER CONTENT	############# */


/*  	DIV Style for the Footer Navigation Section   */

#footer_navigation_layer {

	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:11px;
	text-align:left;
	position:relative;
	width:98%;
	margin:0;
	padding:4;
	left:10px;
	line-height:1;
	/*background-color:white; */
	color:black;
	overflow:hidden;
	border: 0px none ;
}



/*	Styles for FOOTER area		*/

td.footer_section {

	text-align: center;
	line-height:1.2;

}

.footer_caption {
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:12px;
/*	font-weight: bold;*/
	color:#000000;
	padding: 2 10px;
	display: inline;
	line-height: 1.5;
}

.footer_caption_red {
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:12px;
/*	font-weight: bold;*/
	color:#FF3300;
	padding:2 10px;
	display: inline;
}

.footer_link_red a:link {
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:12px;
/*	font-weight: bold;*/
	color:#FF3300;
	text-decoration: underline;
	display: inline;
}

.footer_link_red {
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:12px;
/*	font-weight: bold;*/
	color:#FF3300;
	display: inline;
}

.footer_caption_red a:link {
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:12px;
/*	font-weight: bold;*/
	color:#FF3300;
	padding:2 10px;
	text-decoration: underline;
	display: inline;
}

.footer_link {
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:12px;
/*	font-weight: bold;*/
	color:#000000;
	padding: 2 10px;
	display: inline;

}

.footer_link a:link {
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:12px;
/*	font-weight: bold;*/
  	color: #336699; 
	text-decoration: underline;
	display: inline;
}


.footer_link a:visited {
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:12px;
/*	font-weight: bold;*/
  	color: #336699; 
	text-decoration: underline;
	display: inline;
}

.footer_link a:hover
{
	display: inline;
/*	font-weight: bold;*/
	font-size: 12px;
	color: #990000;
	font-family: "trebuchet ms" ,verdana,arial,helvetica,sans-serif;
	text-decoration: underline;
}

.footer_link a:active {
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:12px;
/*	font-weight: bold;*/
  	color: #000000; 
	text-decoration: none;
	display: inline;
}

A:hover
{
	color: #cc3300;
	cursor: hand;
	font-family: "trebuchet ms" ,verdana,arial,helvetica,sans-serif;
}


.Left_Nav
{
	font-size: 11px;
	line-height: 1.4;
	font-family: "trebuchet ms" ,verdana,arial,helvetica,sans-serif;
	text-align: left;
}
td.Right_Nav
{
	font-size: 11px;
	line-height: 1.4;
	font-family: "trebuchet ms" ,verdana,arial,helvetica,sans-serif;
	text-align: left;
}

body {
	background: white;
	font-size: 10pt;
	font-family: "trebuchet ms" ,verdana,arial,helvetica,sans-serif;
	}