html, body, div, p, h1, h2, h3, h4, h5, h6, 
blockquote, ol, ul, li, dl, dt, dd, td, 
form, fieldset, a 
{
     margin: 0;
     padding: 0;
     border: 0;
}

body 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	background: #FFF;
    color: #333;
}

h1, h2, h3, h4 {
    color: #333;
    padding-bottom: 15px;
}

h1 {font-size: 1.5em; padding-top: 20px; }
h2 {font-size: 1.3em; padding-top: 10px; font-style: italic; }
h3 {font-size: 1.1em; padding-top: 5px;  }
h4 {font-size: 1.0em; }

p { padding-bottom: 10px; }



a,
a:link,
a:visited,
a:active
{
    text-decoration: underline;
    color: #003060; 
}
a:focus,
a:hover 
{
    background-color: #FFCC33; 
    text-decoration: none;
}


/* contains nav, main-content, and footer*/
#wrapper
{
    background-color: #204060;
}




/* main content - liquid width (sibling to nav) */
/* contains top-content, col-wrapper, and bottom-content*/
#main-content
{       
    background-color: #FFF;
    padding: 0 20px;
    margin-left: 280px;
    position: relative;
    overflow: visible;
}

/* top content - inside of main-content, above col-wrapper */
#top-content
{
}


/* col-wrapper - contains left & right columns */
/* Note: FF doesn't like widths on content that is NOT floated so even though we strictly speaking don't need to float the right column, we do anyway so that we can give it a width */
#col-wrapper
{
    background-color: #FFF;
}

#leftcol,
#rightcol
{
    float: left;
    width: 250px;
    background-color: #FFF;
    position: relative;
}
#leftcol
{
    margin-right: 15px;
}
#rightcol
{
}

#leftcol h3,
#rightcol h3
{
    background: #204060 url(col-top.jpg) no-repeat;   
    color: #FFF; 
    padding: 8px 4px;
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: normal;
}



/*********************************************/
/* footer */
#footer
{
    clear:both;
    position: relative;
    text-align: left;
    color: #FFF;
    background: #FFF url(footer.jpg) no-repeat;
    height: 95px;
    min-width: 600px;
    padding-left: 30px;
    padding-top: 30px;
    padding-right: 5px;
}
#footer #contact-info
{
    float: left;
    width: 280px;
}
#footer #contact-info .contact-type /* used in footer AND contact page */
{
    float: left;
    width: 4em;
}
#footer #footer-logo
{
    float: left;
    width: 160px;
    padding-top: 10px;
}
#footer #fine-print
{
    float: right;
    width: 10em;
    text-align: right;
    padding-top: 10px;
}
#footer #fine-print #legal 
{
    font-size: 0.85em;
    color: #FFF;
}
#footer #fine-print #gb 
{
    font-size: 0.7em;
    color: #CCC;
}


#footer a,
#footer a:link,
#footer a:visited {
    text-decoration: none;
    color: #FFCC33; 
}
#footer a:active,
#footer a:focus,
#footer a:hover {
    text-decoration: underline;
    color: #FFCC33; 
    background-color: #204060;
}




/*********************************************/

#airquality ul,
#grants ul,
#emissions ul
{
    margin-left: 20px;
    margin-bottom: 10px;
}





/****************************************************/
/* MISC */
.clearing
{     
    clear: both; 
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0;
    display: block;
}

.critical-info /* color change to highlight critical info (e.g., newly added info) */
{
    color: #990000;
}

.table-title /* table caption, display above the table */
{
    font-weight: bold;
    font-style: italic;
    padding-bottom: 0;
    padding-top: 10px;
}

.footnote /* */
{
    color: #000099;
    font-size: 0.8em;
}

.revision-date /* last revised date */
{
    font-style: italic;
    font-size: 10px;
    white-space: nowrap;
    color: #666;
    font-weight: normal;
    text-align: right;
    padding-right: 10px;
}



.photo /* div that holds a photo from client used to fill up extra space on the pages with little content */
{
    padding: 15px 15px 15px 40px;
}


.contact-us-link /* div that holds the sentence: "For details contact us." */
{
    padding: 20px 0;
}


/*****************************/
/* link to go to top of page */
.top-link
{
    text-align: center;
    padding-top: 5px;
    font-size: 0.9em;
    font-variant: small-caps;
}
.top-link a
{
    text-decoration: none;
    padding: 5px;
}
.top-link a img
{
    border: none;
}