﻿/****************************************************************************************\

    Global Selectors

\****************************************************************************************/

html 
{
}

body 
{
    background-color    : #BFBFBF;
}

h1 
{
}

h2 
{

}

h3 
{
    color               : #07436E;
}

h4 
{
    color               : #07436E;
}

h5 
{
}

h6 
{
}

p 
{
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
    color           : #99BA4D;
}

a:visited 
{
    color           : #99BA4D;
}

a:hover 
{
    color           : #99BA4D;
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/****************************************************************************************\
    
    Compound Selectors

\****************************************************************************************/

/*___ DIV _________________________________________________________________*/
#branding
{
    background          : #99BA4D url(images/brandingBG.jpg) repeat-x top right;
    border-left         : solid 1px #000000;
    border-right        : solid 1px #000000;
}

#content
{
    background          : #FFFFFF url(images/contentBG.jpg) repeat-y top left;
    border-left         : solid 1px #000000;
    border-right        : solid 1px #000000;
}

#content.base
{
    background          : #FFFFFF url(images/baseContentBG.jpg) repeat-y top left;
}

#content_main
{
    background-color    : #FFFFFF;
}
#content_sub
{
    background-color    : #DAE3BB;
}

#content_sub.base
{
    background-color    : #DEDFDA;
}

#subInternal
{
    background          : transparent url(images/subBG.jpg) repeat-y top left;
}

#subCorners
{
    background          : transparent url(images/subBottomCorners.jpg) no-repeat top left;
}

#featuredResource
{
    background-color    : #64A0C8;
}

#welcomeWrapper
{
    background          : transparent url(images/welcomeBG.jpg) repeat-y top left;
}

#site_info
{
    background-color: #07436E;
    border-left     : solid 1px #000000;
    border-right    : solid 1px #000000;
}

div[style^="border-bottom"]
{
    border-bottom   : solid 1px #07436E !important;
}

div#watershedMapInfo
{
    background      : transparent url(images/subTopCorners.jpg) no-repeat scroll left top;
}

/*___ SPAN _________________________________________________________________*/
#branding ul + span
{
    color               : #99BA4D; 
}

.first
{
    color               : #07436E;
}

ul#ulWatershedMap span
{
	color				: #444444;
}

/*___ H1 _________________________________________________________________*/
#branding h1
{
    background          : transparent url(images/logo.jpg) no-repeat top left;
}

/*___ H2 _________________________________________________________________*/
#branding h2
{
    background          : transparent url(images/qualityWater.png) repeat-x bottom right;
}

#content_main h2
{
    background-color    : #07436E;
    color               : #FFFFFF;
}

#content_main.base h2
{
    color               : #07436E;
    background-color    : #FFFFFF;
    border-bottom       : solid 1px #07436E;
}

/*___ H3 _________________________________________________________________*/

/*___ H4 _________________________________________________________________*/
#h4Govern
{
    background          : #07436E;
    color               : #FFFFFF;
}

#subInternal h4
{
    background          : transparent url(images/subTopCorners.jpg) no-repeat top left;
    color               : #5B7B10;
    zoom                : 1;
}

/*___ H5 _________________________________________________________________*/

ul#ulWatershedMap ~ h5
{
	color				: #444444;
}

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

#content_main #fastLinks p
{
    color               : #DAE3BB;
}

#featuredResource p
{
    color               : #DAE3BB;
}

ul#ulWatershedMap ~ p
{
	color				: #444444;
}

/*___ UL _________________________________________________________________*/
.ulMain
{
    background          : transparent url(images/menuLastCorner.jpg) no-repeat right 7px;
}

#ulNav
{
    background-color    : #07436E;
}

.ulImgList
{
    background-color    : #DAE3BB;
}

#ulQuickLinks
{
    background-color: #DAE3BB;
}

div#content_sub ul.ulWatershedNav
{
	border-top			: solid 1px #9CB3C5;	
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/
.ulMain li
{
    background      : #07436E url(images/menuCorners.jpg) no-repeat top left;
}

.ulMain li:first-child
{
    background      : #07436E url(images/menuFirstCorner.jpg) no-repeat top left;
}

#ulNav li
{
    color           : #99BA4D;
}

#ulQuickLinks li
{
    color           : #07416A;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
.ulMain li a,
.ulMain li a:visited,
.ulMain li a:hover
{
    color           : #DAE3BB;
}

#ulNav li a,
#ulNav li a:visited,
#ulNav li a:hover
{
    color           : #99BA4D;
}

#content_sub a,
#content_sub a:visited,
#content_sub a:hover
{
    color           : #07436E;
}

#content_main #fastLinks a,
#content_main #fastLinks a:visited,
#content_main #fastLinks a:hover
{
    color           : #07436E;
}

a[title="Whatcom County"],
a[title="Whatcom County"]:visited,
a[title="Whatcom County"]:hover
{
    background      : transparent url(images/imgWhatcom.jpg) no-repeat left;
}

a[title="City of Bellingham"],
a[title="City of Bellingham"]:visited,
a[title="City of Bellingham"]:hover
{
    background      : transparent url(images/imgBellingham.jpg) no-repeat left;
}

a[title="Bellingham PUD"],
a[title="Bellingham PUD"]:visited,
a[title="Bellingham PUD"]:hover
{
    background      : transparent url(images/imgPUD.jpg) no-repeat left;
}

a[title="Lummi Nation"],
a[title="Lummi Nation"]:visited,
a[title="Lummi Nation"]:hover
{
    background      : transparent url(images/imgLummi.jpg) no-repeat left;
}

a[title="Nooksack Tribe"],
a[title="Nooksack Tribe"]:visited,
a[title="Nooksack Tribe"]:hover
{
    background      : transparent url(images/imgNooksack.jpg) no-repeat left;
}
ol.nav_breadcrumb a,
ol.nav_breadcrumb a:visited
{
    color           : #7A7C7D;
}

ol.nav_breadcrumb a:hover
{
    color           : #99BA4D;   
}

h4 a,
h4 a:visited,
h4 a:hover
{
    color           : #07436E;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/
tr.trEven
{
    background-color: /*#DAE3BB*/#DEDFDA;
}

/*___ TH _________________________________________________________________*/
table.tblEvents th
{
    border-bottom   : solid 1px #07436E;
}

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

img.imgClickMap
{
    border          : solid 1px #83A2B7;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/
a[id$="Search"]
{
    border          : none;
    background      : none;
    color           : #99BA4D;
}

/*___ LABEL _________________________________________________________________*/

/*___ CITE _________________________________________________________________*/
.citeCaption
{
    color               : #07416A;
    background-color    : #DAE3BB;
}

#site_info cite
{
    color           : #DAE3BB;
}

/*___Group/Section/Class_________________________________________________________________*/
