﻿/****************************************************************************************\

    Global Selectors

\****************************************************************************************/

html 
{
}

body 
{
    position 		: relative;
    width 			: 100%;
}

h1 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h2 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h3 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h4 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h5 
{
    margin          : 0;
    padding-left    : 25px;
    letter-spacing  : normal;
    line-height     : normal;
}

h6 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

p 
{
    margin          : 0;
    padding         : .2em 0 1em 0;
    letter-spacing  : normal;
    line-height     : 1.4em;
}

ul 
{
    margin          : 0 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

ol 
{
    margin          : 0 4.2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
    list-style-type : decimal;
}

li 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

strong 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

em 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

u 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a:visited 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a:hover 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

table 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

tr 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

th 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

td 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

img 
{
}

/****************************************************************************************\
    
	Compound Selectors
	
\****************************************************************************************/

/*___ DIV _________________________________________________________________*/
#branding
{
    position        : relative;
    margin          : 0 auto;
    width           : 800px;
    padding         : 8px 0 0 0;
    overflow        : hidden;
}

#content
{
    width           : 800px;
    position        : relative;
    margin          : 0 auto;
}

#content_wrapper
{
    width           : 100%;
    position        : relative;
    float           : left;
    margin-right    : -296px;
    overflow        : hidden;
}

#content_main
{
    position        : relative;
    margin-right    : 296px;
}

#content_sub
{
    position        : relative;
    float           : right;
    width           : 285px;
    padding         : 0 0 0 11px;
}

#welcomeWrapper
{
    position        : relative;
    width           : 100%;
    float           : left;
    margin-right    : -189px;
    min-height      : 150px;
}

#welcomeMessage
{
    margin-right    : 189px;
}

#fastLinks
{
    position        : relative;
    float           : right;
    width           : 171px;
    padding         : 15px 4px 0 14px;
    overflow        : hidden;
}

#subInternal
{
    position        : relative;
    margin-top      : 20px;
    width           : 278px;
}

#subCorners
{
    position        : relative;
    width           : 287px;
    height          : 8px;
}

#featuredResource
{
    margin          : 0 2px 0 1px;
    padding         : 8px 8px 8px 0;
    overflow        : hidden;
}

#site_info
{
    margin          : 0 auto;
    width           : 800px;
}

div.divClear
{
    clear           : both;   
}

div[id*="MainContent"]
{
    margin          : 15px;
}

/*___ SPAN _________________________________________________________________*/
#branding ul + span
{
    position        : absolute;
    width           : 100px;
    bottom          : 8px;
    right           : 180px;
    padding         : 0;
}

#branding ul + span span
{
    padding         : 0 1px;
    cursor          : pointer;
}

ul#ulWatershedMap li span
{
	float			: left;
	display			: block;
	width			: 130px;
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/
#branding h2
{
    position        : absolute;
    top             : 0;
    right           : 0;
    width           : 261px;
    height          : 32px;
    text-indent     : -9999em;
}

#content_main h2
{
    padding         : 5px 0 5px 17px;
}

/*___ H3 _________________________________________________________________*/
#content_sub h3
{
    padding-top     : 5px;
}

#subInternal h3
{
    padding-left    : 14px;
}

#content_main.base h3
{
    padding         : 15px 0 0 17px;
}

ul#ulWatershedMap li h3
{
	float			: left;
	width			: 110px;
	padding			: 0 10px 0 0;
	margin			: 0;
	text-align		: right;
}

/*___ H4 _________________________________________________________________*/
#content_main h4
{
    padding         : 2px 0 2px 17px;
    clear           : both;
}

#subInternal h4
{
    margin-top      : -10px;
    padding         : 15px 0 0 18px;
}

/*___ H5 _________________________________________________________________*/

ul#ulWatershedMap ~ h5
{
	margin			: 0 0 0 14px;
	padding			: 0;	
}

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/
#content_sub p
{
    padding-bottom  : .5em;
}

#subInternal p
{
    padding-left    : 14px;
}

#subInternal p.pImg
{
    padding-left    : 14px;
}

#content_main p
{
    padding         : 15px 0 1em 17px;
}

#content_main.base p
{
    padding         : 0 10px 1em 17px;
}

#content_main .pImg
{
    padding         : 0;
}

#content_main #fastLinks p
{
    padding         : 0;
}

#content_sub .pImg
{
    padding         : 0;
}

ul#ulWatershedMap ~ h5 + p
{
	padding-bottom	: 0;
}

/*___ UL _________________________________________________________________*/
.ulMain
{
    position        : relative;
    float           : left;
    margin          : 0;
    overflow        : hidden;
    padding-right   : 9px;
}

#ulNav
{
    position        : relative;
    float           : left;
    width           : 100%;
    overflow        : hidden;
    margin          : 0;
    padding         : 10px 0 10px 15px;
}

div#content_main ul
{
    list-style-type : disc;
    margin-left     : 50px;
    margin-bottom   : 1em;
}

#content_sub ul
{
    padding-bottom  : 5px;
}

#subInternal ul
{
    padding-left    : 14px;
}

.ulLinks
{
    position        : relative;
    margin          : 0;
    overflow        : hidden;
}

div#content_main #fastLinks ul
{
    padding         : 10px 0 0 0;
    margin          : 0;
    list-style-type : none;
    overflow        : hidden;
}

div#content_main #ulGovern
{
    padding         : 0;
    margin          : 0;
    overflow        : hidden;
    list-style-type : none;
}

div#content_main .ulImgList
{
    margin          : 0 0 0 17px;
    overflow        : hidden;
}

#ulQuickLinks
{
    overflow        : hidden;
    margin          : 0 0 0 -10px;
    padding         : 10px;
}

#subInternal .ulSubNav
{
    margin          : 0;
    padding         : 0 0 50px 18px;
    list-style-type : none;
}

div#content ul.ulNoBullets
{
    list-style-type : none;
}

ul#ulWatershedMap
{
	margin			: 0;	
	padding			: 1em 0;
}

div#content_sub ul.ulWatershedNav
{
	margin			: 14px 5px 0 5px;
	padding			: 14px 9px 14px 9px;
}

/*___ OL _________________________________________________________________*/

ol.nav_breadcrumb
{
    margin          : 0;
    padding         : 10px 0 1em 17px;
}

/*___ LI _________________________________________________________________*/
.ulMain li
{
    display         : block;
    float           : left;
    margin-top      : 7px;
    margin-bottom   : -3px;
    padding         : 0 2px 0 18px;
}

.ulMain li:first-child
{
    padding-left    : 17px;
}

#ulNav li
{
    display         : block;
    float           : left;
}

.ulLinks li
{
    display         : block;
    float           : left;
}

.ulLinks li:first-child
{
    padding-right   : 2px;
}

#fastLinks ul li
{
    float           : left;
}

#ulGovern li
{
    float           : left;
    padding         : 7px 18px 9px 18px;
}

.ulImgList li
{
    position        : relative;
    float           : left;
    padding         : 10px 0 0 10px;
}

#ulQuickLinks li
{
    float           : left;
    padding-top     : 2px;
}

#ulQuickLinks #liHeader
{
    padding         : 9px 30px 0 0;
}

ol.nav_breadcrumb li
{
    display         : inline;
    padding-right   : 1em;   
}

ul#ulWatershedMap li
{
	overflow		: hidden;
	padding			: 0 10px;	
}

div#content_sub ul.ulWatershedNav li
{
	padding-bottom	: 1em;	
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
#branding h1 a,
#branding h1 a:visited,
#branding h1 a:hover
{
    display         : block;
    position        : relative;
    width           : 284px;
    height          : 85px;
    text-indent     : -9999em;
}

#ulNav li a,
#ulNav li a:visited,
#ulNav li a:hover
{
    padding         : 0 2px 0 2px;
}

.ulLinks li a,
.ulLinks li a:visited,
.ulLinks li a:hover
{
    display         : block;
    float           : left;
    padding         : 0 2px 0 2px;
}

a[title="Whatcom County"],
a[title="Whatcom County"]:visited,
a[title="Whatcom County"]:hover
{
    display         : block;
    width           : 32px;
    height          : 31px;
    text-indent     : -9999em;
}

a[title="City of Bellingham"],
a[title="City of Bellingham"]:visited,
a[title="City of Bellingham"]:hover
{
    display         : block;
    width           : 33px;
    height          : 34px;
    text-indent     : -9999em;
}

a[title="Bellingham PUD"],
a[title="Bellingham PUD"]:visited,
a[title="Bellingham PUD"]:hover
{
    display         : block;
    margin-top      : 11px;
    width           : 147px;
    height          : 15px;
    text-indent     : -9999em;
}

a[title="Lummi Nation"],
a[title="Lummi Nation"]:visited,
a[title="Lummi Nation"]:hover
{
    display         : block;
    width           : 30px;
    height          : 32px;
    text-indent     : -9999em;
}

a[title="Nooksack Tribe"],
a[title="Nooksack Tribe"]:visited,
a[title="Nooksack Tribe"]:hover
{
    display         : block;
    width           : 39px;
    height          : 31px;
    text-indent     : -9999em;
}

/*___ TABLE _________________________________________________________________*/
div#content_main table
{
    margin          : 1em 17px;
}

table.tblEvents
{
    height          : 124px; 
    width           : 93%;
}

table.tblImplementation
{   
}

table.tblImplementation td
{
    position        : relative;
    vertical-align  : top;
    margin          : 0px;
    padding         : 0px 0px;
    padding-top     : 30px;
    width           : 50%;
    border-top      : 4px solid #DEDFDA;
}

table.tblImplementation td:last-child
{
    /*--
    border-left     : 4px solid #DEDFDA;
    --*/
}


/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/
table.tblEvents td
{
    padding         : 2px 4px;
}

td.tdTime
{
    width           : 40px;
}

/*___ IMG _________________________________________________________________*/
#featuredResource img
{
    float           : right;
    padding-top     : 6px;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/
#branding a[id$="Search"]
{
    position        : absolute;
    width           : 37px;
    bottom          : 8px;
    right           : 8px;
    padding         : 0;
}

#branding input[type="text"]
{
    position        : absolute;
    bottom          : 7px;
    right           : 50px;
    width           : 124px;
    height          : 14px;
}

input[type="text"]
{
    margin-left     : 15px;
}

/*___ LABEL _________________________________________________________________*/

/*___ CITE _________________________________________________________________*/

.citeCaption
{
    display         : block;
    margin-right    : -10px;
    padding         : 0 30px 7px 10px;
}
#site_info cite
{
    display         : block;
    width           : 100%;
    padding         : 2px;
}

/*___ CITE _________________________________________________________________*/

map#watershedMap area
{
	cursor			: pointer;	
}


/*___Group/Section/Class_________________________________________________________________*/
