html { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; line-height: 1; color: #666; text-rendering: optimizelegibility; word-spacing: 0; outline: none; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

/* -------- */

html * {
	box-sizing: border-box;
}

body { margin: 0; padding: 0; text-align: center; background: #fff; }

img { border: 0; }

a { color: #3086c3; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

.no-hyphens {
	-webkit-hyphens: none; -moz-hyphens: none; hyphens: none; 
}

/* -------- */

#wrapper { width: 736px; margin: 0 auto; padding: 0; text-align: left; }

/* -------- */

#wrapper  h1 { margin: 0; padding: 0; font-size: 20px; font-weight: 200; line-height: 1.4; color: #3ea236; }
#wrapper  h2 { margin: 24px 0 0 0; padding: 0; font-size: 16px; font-weight: 400; line-height: 1.4; color: #3ea236; }
#wrapper  h3 { margin: 24px 0 0 0; padding: 0; font-size: 16px; font-weight: 100; line-height: 1.4; color: #3ea236; }
#wrapper  p { margin: 16px 0 0 0; padding: 0; }
#wrapper  p.lead-intro { font-size: 16px; font-weight: lighter; line-height: 1.6; }
#wrapper  h1+p { margin: 12px 0 0 0; }
#wrapper  h2+p, #wrapper h3+p { margin: 4px 0 0 0; }

/* -------- */

#wrapper .img-left { margin: 12px 16px 0 0; float: left; }
#wrapper .img-right { margin: 0 0 56px 16px; float: right; }
#wrapper .img-special { margin-top: 4px; margin-bottom: 32px; }
#wrapper .img-home { margin-top: 4px; margin-bottom: 4px; }

/* -------- */

#wrapper a.item { width: 100%; margin: 0 0 16px 0; padding: 0 0 16px 0; font-size: 16px; color: #777; line-height: 1.5; border-bottom: 1px #e8e8e8 solid; text-decoration: none; float: left; }
#wrapper a.item.first { margin: 12px 0 16px 0; padding: 16px 0 16px 0; border-top: 1px #e8e8e8 solid; }
#wrapper a.item.last { margin: 0; padding: 0; border: 0; }
#wrapper a.item.special { margin: 0 0 48px 0; }

#wrapper a.item h3 { margin: 0; padding: 0; font-size: 16px; font-weight: 600; color: #000; }
#wrapper a.item p { margin: 4px 0 0 0; }
#wrapper a.item span.read-more { color: #bbb; }

#wrapper a.item:hover h3 { color: #3086c3; }
#wrapper a.item:hover span.read-more { color: #3086c3; }

/* -------- */

#header { width: 100%; margin: 0; padding: 24px 0 37px 0; background: url("/_img/global/bg-header.png") left bottom no-repeat; border-bottom: 3px #005294 double; float: left; }

#logo { width: 90px; height: 56px; margin: 0; padding: 0; float: left; }

a#top-alert { margin: 0; padding: 4px 0 0 14px; font-size: 16px; font-weight: 300; color: #222; line-height: 1; /*background: url("/_img/global/bg-top-arrow.png") left 4px no-repeat;*/ text-decoration: none; float: right; }
a#top-alert strong { font-weight: bold; color: #005294; }
a#top-alert strong.facts { font-size: 16px; font-weight: bold; color: #3ea236; text-transform: uppercase; letter-spacing: 1px; }

/* -------- */

#nav { width: 100%; margin: 0 0 24px 0; padding: 0; font-size: 13px; font-weight: 600; text-align: center; letter-spacing: 1px; background: url("/_img/global/bg-nav.png") left bottom repeat-x;  float: left; }

#nav ul { margin: 0; padding: 0; list-style: none; }
#nav ul li { margin: 0; padding: 4px 0 11px 0; float: left; }
#nav ul li.active { background: url("/_img/global/bg-nav-active.png") center bottom no-repeat; }

#nav a { width: 122px; margin: 0; padding: 0; color: #aaa; line-height: 24px; text-decoration: none; text-transform: uppercase; float: left; border-right: 1px #d8d8d8 solid; }
#nav a.last { width: 121px; border: 0; float: right; }

#nav a:hover { color: #3ea236; }
#nav a.active, #nav a.active:hover { color: #005294; }

/* -------- */

#home-feature { width: 100%; margin: 0; padding: 0 0 20px 0; font-size: 16px; font-weight: lighter; line-height: 1.5; float: left; }

/* ---- */

#home-links-wrapper { width: 100%; margin: 0; padding: 16px; font-size: 16px; text-align: center; border: 3px #d8d8d8 double; float: left;}

#home-links { width: 100%; margin: 0 auto; padding: 0; }

#home-links #box-top { width: 50%; margin: 0; padding: 0 16px 0 0; border-right: 1px #ddd solid; float: left; }
#home-links #box-bottom { width: 50%; margin: 0; padding: 0 0 0 16px; float: right; }

#home-links .img-link { width: 100%; height: auto; margin: 0 0 8px 0; }

#home-links a:hover { text-decoration: none; }
#home-links a:hover span { text-decoration: underline; }

/* -------- */

#content { width: 100%; margin: 0; padding: 0; font-size: 16px; font-weight: 300; line-height: 1.5; float: left; }

#content p+ul { margin-top: 12px; }

#content ul, #content ol { margin-top: 2px; margin-bottom: 0; }
#content ul li, #content ol li { margin-top: 4px; margin-bottom: 12px; }
#content ul li:last-child, #content ol li:last-child { margin-bottom: 0 !important; }

#content p.news-link { margin: 32px 0 0 0; padding: 12px 0 0 0; border-top: 1px #e8e8e8 solid; }

#content .special { margin: 48px 0 0 0; }

#content #col-left { width: 467px; margin: 12px 0 0 0; padding: 0 24px 0 0; border-right: 1px #e8e8e8 solid; float: left; }
#content #col-left h2.special { margin: 0; }

#content #col-right { width: 221px; margin: 12px 0 0 0; padding: 0; float: right; }

#content #col-right .block { width: 100%; margin: 0 0 32px 0; padding: 0; float: left; }
#content #col-right .block h2 { width: 100%; margin: 0 0 16px 0; padding: 0 0 4px; font-size: 12px; font-weight: bold; color: #3ea236; letter-spacing: 2px; text-transform: uppercase; border-bottom: 1px #d8d8d8 solid; }

#content #col-right .block  a.item { font-size: 11px; }
#content #col-right .block  a.item h3 { font-size: 12px; }
#content #col-right .block  a.fact-sheet { font-size: 12px; }
#content #col-right .block  a.fact-sheet:hover { color: #3086c3; }

/* -------- */

#content #contacts { width: 100%; margin: 16px 0 24px 0; padding: 20px 0; border: 1px #e8e8e8 solid; border-width: 1px 0; float: left; }

#contacts .box { width: 205px; margin: 0 57px 0 0; padding: 0; float: left; }
#contacts .box.last { width: 212px; margin: 0; padding: 4px 0 0 0; float: right; }

#contacts .buffer { padding: 0 12px; }
#contacts .black { color: #000; }

/* -------- */

.locations_contacts {
	width: 100%;
	margin: 16px 0 24px 0;
	padding: 0;
	border-bottom: 1px #e8e8e8 solid;
	float: left;
}
.locations_contacts.longview {
	margin: 16px 0 0 0;
	padding: 0;
	border-top: 1px #e8e8e8 solid;
	border-bottom: 0;
	float: left;
}

.locations_contacts + .locations_contacts {
	margin-top: 0;
}

.location_info {
	width: 100%;
	margin: 0;
	padding: 16px 0;
	
	border-top: 1px #e8e8e8 solid;
	float: left;
}

.locations_contacts.longview .location_info {
	width: 524px;
	border: 0;
}
.locations_contacts.longview .location_info.portland {
	border-top: 1px #e8e8e8 solid;
}

.loc_name {
	width: 176px;
	font-weight: 600;
	float: left;
}
.loc_name span {
	font-weight: 300;
}

.loc_address {
	width: 240px;
	float: left;
}
.loc_address span {
	margin-top: 8px;
	font-size: 0.75em;
	font-weight: 600;
	color: #333;
	text-transform: uppercase;
	display: inline-block;
}

.loc_phone {
	width: 120px;
	float: left;
}
.locations_contacts.longview .loc_phone {
	width: 108px;
}

.loc_photo {
	width: 188px;
	float: right;
	
	height: 76px;
}
.loc_photo.tall {
	height: 126px;
}
.locations_contacts.longview .loc_photo {
	width: 188px;
	height: 177px;
	margin: 16px 0 0 0;
}

/* -------- */

#content #map { width: 736px; height: 414px; margin: 0; padding: 0; color: #000 !important; float: left; }

/* -------- */

#recap { width: 100%; margin: 32px 0 0 0; padding: 16px 0; font-size: 12px; color: #999; line-height: 1.5; border-top: 1px #d8d8d8 solid; float: left; }

/* -------- */

#footer { width: 100%; margin: 0 0 24px 0; padding: 12px 0; font-size: 12px; color: #999; border-top: 1px #d8d8d8 solid; float: left; }

#footer .disclaimers {
	float: right;
}

#footer .disclaimers a + a {
	margin-left: 16px;
}

/* -------- */

.cali-privacy {
	font-weight: 600;
	float: right;
}

/* -------- */

.category {
	width: 100%;
	margin: 16px 0 0 0;
	padding: 0;
	border-radius: 4px;
	overflow: hidden;
	color: rgb(23,39,46);
	background: rgb(229,247,253);
}

.category .examples {
	width: 100%;
	padding: 16px 24px;
}

.category .collect {
	width: 100%;
	padding: 8px 24px 6px 24px;
	font-size: 0.95em;
	font-weight: 600;
	color: rgb(58,81,97);
	background: rgb(169,231,251);
	text-transform: uppercase !important;
	letter-spacing: 0.016em;
}

.category.collected {
	background: rgb(255,237,237);
}
.category.collected .collect {
	color: rgb(255,77,78);
	background: rgb(249,205,211);
}

.category h3 {
	margin: 0 !important;
	font-size: 1em !important;
	font-weight: 600 !important;
	color: rgb(58,81,97) !important;
}
.category p {
	margin: 0 !important;
}
.category.collected h3 {
	color: rgb(255,77,78) !important;
}