@charset "UTF-8"; /* CSS Document */
html, body {height: 100%;} /* full browser window containing elements */
body {}

#outerContainer {width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -245px; /* the bottom margin is the negative value of the footer's height */
	background:url(/images/siteBuild/bg-page-default.jpg) no-repeat center 190px;
}
#skagit-regional-airport #outerContainer {background-image:url(/images/siteBuild/bg-page-airport.jpg);}
#la-conner-marina #outerContainer {background-image:url(/images/siteBuild/bg-page-marina.jpg);}
#bayview-business-park #outerContainer {background-image:url(/images/siteBuild/bg-page-business-park.jpg);}
#nature-trails-environmental #outerContainer {background-image:url(/images/siteBuild/bg-page-environmental.jpg);}

#headerWrap {width: 100%; height: 190px; position: absolute; top: 0; left: 0; background:url(/images/siteBuild/bg-headerWrap.png) repeat-x left top;}
#header {width: 100%; position: absolute; top: 0; left: 0;background:url(/images/siteBuild/bg-header.png) no-repeat center top; height: 190px;}
#header .content {margin: 0 auto; width: 1000px; position: relative; text-align: left;}
#header h3 {width: 340px; height: 90px; position: absolute; top: 36px; left: 0; overflow: hidden; margin: 0;}
	#header h3 a {display: block; position: absolute; width: 100%; height: 100%; background: url(/images/siteBuild/header-logo.png) no-repeat left top;}
	#header h3 a span {display: block; text-indent: -9999px;}

#contentContainer {width: 100%;  padding-top: 190px;}
#contentWrap {width: 970px; margin: 0 auto; background: #fff; padding: 15px;min-height: 400px; text-align: left;}

.column1, .column2 {display:inline; position: relative;}
	.column1 {float: left;} .column2 {float: right;}

#hero {margin-bottom: 1em;}
#home #hero {width: 970px; height: 320px; position: relative;}
	#home #hero .slideshow {z-index: 0;}
#hero #mask {background:url(/images/siteBuild/img-peelBack.png) no-repeat left top; position: absolute; top: 0; left: 0;width: 970px; height: 320px;}
	#hero #mask p {width: 170px; height: 45px; position: absolute; left: 790px; top: 275px; text-align: right; margin: 0; padding-right: 10px;}
	
#ssp {width: 690px; height: 460px; margin: 1em 0;}
	
	
#main {width: 690px; float: right;}
	#main .column1, #main .column2 {width: 47%;} /* resets width of columns within #main to be 49% */
#home #main {width: 620px;}
	#home #main h2 {padding-top: 21px; line-height: 1;}	

#sub {width: 255px; float: left;}
#home #sub {width: 320px;}

.commissionersList {margin-bottom: 1em; list-style-type: none; margin-left: 0; padding: 0 0 1em; border-bottom: 1px solid #ccc;}
#main .commissionersList li.column1, #main .commissionersList li.column2, #main .commissionersList li.column3 {float: left; width: 30%;}
#main .commissionersList li.column1 {margin-right: 5%;}
#main .commissionersList li.column3 {float: right;}

.commissioner {padding-bottom: 1em; border-bottom: 1px solid #ccc; margin-bottom: 1em;}
.commissioner .right, .commissioner .left {width: 200px; margin-bottom: 1em; border: 1px solid #cccccc; }
	.commissioner .right {margin-left: 1em;} .commissioner .left {margin-right: 1em;}
.commissioner blockquote  {text-align: justify;  padding: 1em; width: auto; border-left: none; border-right: none; color: #999; margin: 0;}
.commissioner ul {list-style-position: inside;}

.linkList {padding-top: 1em; margin-top: 1em; border-top: 1px solid #e5e5e5;}
.linkList h3 {margin-bottom: .5em;}
.linkList  ul {list-style-type: none; margin-left: 0;}
.linkList li {padding: 1em 1em .5em;}
.linkList li.even {background: #eee;}

/* Posts, Entries, Lists */
.pagination {border-top: 1px solid #ccc; padding-top: 1em; clear: both;}
.pagination .newer {text-align: right;}

.entryList {list-style-type: none; margin-left: 0;border-top: 1px solid #e5e5e5; margin-top: 1em;}
.entryList li {padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #e5e5e5;}
.entryList li h4 {margin-bottom: 0; font-weight: normal;}
.entryList li.pagination { border: none; padding-top: 0;}

#buildingList {border-top: 1px solid #e5e5e5; padding-top: 1em; margin: 2em 0;}
#buildingList .column1 {width: 190px;}
#buildingList .column2 {width: 490px;}

.entry {}
.entry h1.title {margin-bottom: 0;}
.entry h4.title {margin-bottom: .25em; font-size: 1.8em; margin-top: 1em;}
.postInfo {margin-bottom: 1.5em;}
#media-center h2.title {margin-bottom: 0;}


#quickLinks {background: #aebf6c url(/images/siteBuild/bg-quickLinks.jpg) no-repeat left top; margin-bottom: 2em;}
	#quickLinks h3 {margin: 0; padding: 0; width: 320px; height: 70px; position: relative; background:url(/images/siteBuild/bg-quickLinks-h3.png) no-repeat left top; overflow: hidden;}
		#quickLinks h3 span {display: block; text-indent: -9999px;}
	#quickLinks ul {list-style-type: none; margin: 0; padding-bottom: 20px;}
	#quickLinks li {border-bottom: 2px solid #d5deb5; font-size: 1.2em; font-weight: bold;}
	#quickLinks li a {text-decoration: none; color: #fff; padding: .5em 21px; display: block;}

#footerWrap, #contentClear {height: 245px; /* .push must be the same height as .footer */ ;}
#footerWrap {width: 100%; background:url(/images/siteBuild/bg-footerWrap.png) repeat-x left top; position: relative;}
#footer {width: 100%; background:url(/images/siteBuild/bg-footer.png) no-repeat center top; height: 157px; padding-top: 88px;}

#footer .content {margin: 0 auto; width: 1000px; text-align: left; padding-top: 30px; color: #00355b; position: relative;}
#footer a {color: #00355b;}
#footer p {font-size: .95em; margin-bottom: .3em;}

#top_print {position: absolute; top: -30px; left: 0; width: 100%; list-style-type: none; margin: 0; text-align: right; color: #333;}
#top_print li {display: inline; padding: 0 1em;}
#top_print li.last {padding-right: 0; border-left: 1px solid #333; }
	#top_print li a {color: #333; text-decoration: none;}
		#top_print li a:hover {text-decoration: underline;}
#top_print #link-top a {background: url(/images/siteBuild/icon-arrow-up.png) no-repeat left center; padding-left: 15px;}

#copyright {}
#copyright a {}
#copyright a.last {}