﻿/****************************************************************************************\

    Global Styles

\****************************************************************************************/

html 
{
}

body 
{
    color               : #615E65;
    background-color    : #F2EFE2;
}

body.home       { background : #F2EFE2 url(images/contentHome.jpg) repeat-x left 43px; }
body.wcog       { background : #F2EFE2 url(images/contentWcog.jpg) repeat-x left 43px; }
body.planning   { background : #F2EFE2 url(images/contentPlanning.jpg) repeat-x left 43px; }
body.projects   { background : #F2EFE2 url(images/contentProjects.jpg) repeat-x left 43px; }
body.data       { background : #F2EFE2 url(images/contentData.jpg) repeat-x left 43px; }
body.border     { background : #F2EFE2 url(images/contentBorder.jpg) repeat-x left 43px; }

h1 
{
}

h2 
{
}

h3 
{
}

h4 
{
}

h5 
{
}

h6 
{
}

p 
{
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
    color : #284F6C;
}

a:visited 
{
    color : #284F6C;
}

a:hover 
{
    color : #284F6C;
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/****************************************************************************************\
    
    Global Constructs
    Globally Unique Elements
    Control Specific Constructs

\****************************************************************************************/

/*___ DIV _________________________________________________________________*/

div#branding
{
    color       : White;
    background  : transparent url(images/brandingBackground.jpg) repeat-x left top;   
}

.home div#content       { background : transparent url(images/subHome.jpg) repeat-y left top; }
.wcog div#content       { background : transparent url(images/subWcog.jpg) repeat-y left top; }
.planning div#content   { background : transparent url(images/subPlanning.jpg) repeat-y left top; }
.projects div#content   { background : transparent url(images/subProjects.jpg) repeat-y left top; }
.data div#content       { background : transparent url(images/subData.jpg) repeat-y left top; }
.border div#content     { background : transparent url(images/subBorder.jpg) repeat-y left top; }

.home div#content_nav       { background : transparent url(images/wrapperHome.jpg) no-repeat left top; }
.wcog div#content_nav       { background : transparent url(images/wrapperWcog.jpg) no-repeat left top; }
.planning div#content_nav   { background : transparent url(images/wrapperPlanning.jpg) no-repeat left top; }
.projects div#content_nav   { background : transparent url(images/wrapperProjects.jpg) no-repeat left top; }
.data div#content_nav       { background : transparent url(images/wrapperData.jpg) no-repeat left top; }
.border div#content_nav     { background : transparent url(images/wrapperBorder.jpg) no-repeat left top; }

div#content_sub
{
    color : White;   
}

div#site_info
{
    background : transparent url(images/siteInfo.jpg) no-repeat left top;
}

div#siteInfoWrapper
{
    color               : White;
    background-color    : #4A576A;   
}

div#ourOtherWebsites
{
    border-top          : solid 1px #F2EFE2;    
}
div#nextmeeting
{
    border              : solid 1px #e1dbc3;
    background-color    : White;
}

div#searchResultsHeader
{
    border-bottom       : solid 1px #615E65;
}

/*___ SPAN _________________________________________________________________*/

span#spanCategoryMenuPic
{
    background : transparent url(images/spanCategoryMenuPic.png) no-repeat left top;
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/

h2#h2RecentNews
{
    background : transparent url(images/h2RecentNews.jpg) no-repeat left top;
}

h2#h2OurOtherWebsites
{
    background : transparent url(images/h2OurOtherWebsites.jpg) no-repeat left top;   
}

h2.h2ContentMain,
div#content_main h2
{
    color : #4A566A;
}

div#contentBody h2,
div#contentWide h2
{
    border-bottom : solid 1px #4A566A;
} 

.wcog h2#h2CategoryName     { background : transparent url(images/h2Wcog.jpg) no-repeat left top; } 
.planning h2#h2CategoryName { background : transparent url(images/h2Planning.jpg) no-repeat left top; } 
.projects h2#h2CategoryName { background : transparent url(images/h2Projects.jpg) no-repeat left top; } 
.data h2#h2CategoryName     { background : transparent url(images/h2Data.jpg) no-repeat left top; } 
.border h2#h2CategoryName   { background : transparent url(images/h2Border.jpg) no-repeat left top; } 


/*___ H3 _________________________________________________________________*/

h3.h3ContentMain,
div#content_main h3
{
    color : #4A566A;    
}

/*___ H4 _________________________________________________________________*/

h4.h4ContentMain,
div#content_main h4
{
    color : #4A566A;    
}

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

/*___ UL _________________________________________________________________*/

ul.ulNavWCOG
{
    background : transparent url(images/ulNavWCOG.jpg) no-repeat left top;
}

ul.ulNavPlanning
{
    background : transparent url(images/ulNavPlanning.jpg) no-repeat left top;   
}

ul.ulNavProjects
{
    background : transparent url(images/ulNavProjects.jpg) no-repeat left top;
}

ul.ulNavData
{
    background : transparent url(images/ulNavData.jpg) no-repeat left top;   
}

ul.ulNavBorder
{
    background : transparent url(images/ulNavBorder.jpg) no-repeat left top;   
}


/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

/*li.liResources,
ul.ulResources li*/
ul.ulResources li.liPDF
{
    background : transparent url(images/liResources.jpg) no-repeat left top;
}

ul.ulResources li.liNotPDF
{
    background : transparent url(images/liResourcesWeb.jpg) no-repeat left top;
}

li.liResourcesPrint,
ul.ulResources li.liResourcesPrint
{
    background : transparent url(images/liResourcesPrint.jpg) no-repeat left top;   
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

a.aBranding,
div#branding a,
div#branding a:hover,
div#branding a:visited
{
    color : White;    
}

a.aSiteInfo,
div#site_info a,
div#site_info a:hover,
div#site_info a:visited
{
    color : White;    
}

a.aH1Branding,
div#branding h1 a
{
    background : transparent url(images/siteLogo.jpg) no-repeat left top;
}

a.aGoSearch,
div#searchBox a
{
    background : transparent url(images/btnGoSearch.jpg) no-repeat left top;      
}

li#liNavWCOG a
{
    background : transparent url(images/btnWcogH.gif) no-repeat left bottom;
}

li#liNavPlanning a
{
    background : transparent url(images/btnHPlanning.gif) no-repeat left bottom;    
}

li#liNavProjects a
{
    background : transparent url(images/btnHProjects.gif) no-repeat left bottom;
}

li#liNavData a
{
    background : transparent url(images/btnHData.gif) no-repeat left bottom;   
}

li#liNavBorder a
{
    background : transparent url(images/btnHBorder.gif) no-repeat left bottom;   
}

a.aULContentNav,
div#content_nav ul a,
div#content_nav ul a:visited,
div#content_nav ul a:hover
{
    color : White;
}

a.aContentSub,
div#content_sub a,
div#content_sub a:hover,
div#content_sub a:visited
{
    color : White;
}

a#aSmartTrips
{
    background : transparent url(images/aSmartTrips.jpg) no-repeat left top;   
}

a#aEverybodyBike
{
    background : transparent url(images/aEverybodyBike.jpg) no-repeat left top;    
}

a#aTransportationTown
{
	background : transparent url(images/aTransportationTown.jpg) no-repeat left top;
}

a#aBorderData
{
	background : transparent url(images/aBorderData.jpg) no-repeat left top;
}

a#aGetNexus
{
	background : transparent url(images/aGetNexus.jpg) no-repeat left top;
}

a#aTripPlanner
{
	background : transparent url(images/aPugetSoundTripPlanner.jpg) no-repeat left top;
}

a.aULResources,
ul.ulResources a,
ul.ulResources a:hover,
ul.ulResources a:visited
{
    color : #1C4B96;
}

a.aResourcesPrint
{
    background : transparent url(images/liResourcesPrint.jpg) no-repeat left top;    
}

a.largepdf
{
    background  : transparent url(/uploads/Images/PDFlarge.gif) no-repeat left top;
}

a.min
{
    background  : transparent url(/uploads/Images/PDFminutes.gif) no-repeat left;
}

a.packet
{
    background  : transparent url(/uploads/Images/PDFpacket.gif) no-repeat left;
}

a#aNewsFeed
{
    background  : transparent url(images/feed-icon-trans.png) no-repeat left;
}

/*___ TABLE _________________________________________________________________*/

.summary
{
    border      : solid 1px #e1dbc3;
    color       : #4b566a;
}

.summary tfoot
{
    background-color    : White;
}

/*___ TR _________________________________________________________________*/

tr.odd
{
    background-color    : #fbfaf3;
}

tr.even
{
    background-color    : #f0eee0;
}

/*___ TH _________________________________________________________________*/

.summary thead th
{
    background-color        : #4b566a;
    color                   : White;
}

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

.wcog div#contentBody img       	{ border : solid 3px #631E01; }
.planning div#contentBody img   { border : solid 3px #C3692D; }
.projects div#contentBody img   { border : solid 3px #5D7845; }
.data div#contentBody img      	 { border : solid 3px #514E45; }
.border div#contentBody img     	{ border : solid 3px #304363; } 
.data div#contentBody tr.even td a img,
.data div#contentBody tr.odd td a img 	{border : none;}

img.feedburnerimg   
{
    display			: none;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

/*___ LABEL _________________________________________________________________*/

/*___Group/Section/Class_________________________________________________________________*/
