* {
   margin: 0;
   padding: 0;
   list-style: none;
}

body {
   color: #666666;
   text-align: center;
   text-shadow: 1px 1px 1px #fff;
   font: normal 83%/1.2 Helvetica Neue, Helvetica, Arial, sans-serif;
}

a {
   text-decoration: none;
   outline: none;
}

a:hover {
   text-decoration: underline;
}

a:link, 
a:visited {
   color: #e3741d;
}

a img {
   border: none;
}

.nodisplay, 
nav,
ul.place,
section.module,
aside,
footer {
   display: none;
}

.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {clear:both;}

/* For IE 6/7 */
.cf {zoom:1;}

.clear {clear:both;}

/* --------------------------- HEADER */

header {
   background: url(/images/header.gif) center -25px no-repeat;
}

.logo a {
   display: block;
   width: auto;
   max-width: 221px;
   height: 145px;
   background: url(/images/logo.png) center no-repeat;
   background-size: 80%;
   -moz-background-size: 80%;
   -webkit-background-size: 80%;
   -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease;
   margin: 0 auto;   
}

.logo a:hover {
   opacity: 0.7;
}

/* --------------------------- CONTENT */

.title h1 {
   color: #444444;
   font: normal 2.7em/1em superclarendon, Georgia, Times, serif;
   margin: 15px 0;
}

.title h2 {
   font: italic 1.3em/1.1em Georgia, Times, serif;
   margin: 15px 0;
}

ul.place li {
   display: inline;
}

ul.place a {
   color: #8f8f8f;
   font-family: superclarendon, Georgia, Times, serif;
   padding: 0 5px;
}

ul.place a:hover {
   opacity: 0.7;
}

/* --------------------------- TABS */

ul.tabs, .tab_content {
   text-align: left;
}

ul.tabs li,
.page .content ul.tabs li {
   float: left;
   width: 50%;
   background: none;
   padding: 0;
   margin: 0;
}

ul.tabs li a {
   display: block;
   opacity: 0.65;
   color: #8f8f8f;
   font: normal 1em/1em superclarendon, Georgia, Times, serif;
   border-bottom: 1px solid #dadada;
   padding: 10px;
}

ul.tabs li.active a {
   opacity: 1;
   border-top: 1px solid #dadada;
   border-right: 1px solid #dadada;
   border-bottom: none;
   border-left: 1px solid #dadada;
   background: #fbfbfb;
}

.tab_content {
   background: #fbfbfb;
   border-right: 1px solid #dadada;
   border-bottom: 1px solid #dadada;
   border-left: 1px solid #dadada;
}

.no_tabs {
   border-top: 1px solid #dadada;
}

.tab_content .item {
   padding: 3.125%;
}

.tab_content .item h2,
.content .tab_content .item h2 {
   font: bold 1.3em/1em Helvetica Neue, Helvetica, Arial, sans-serif;
}

.tab_content .item img {
   border: 3px solid #d2d2d2;
}

.tab_content .item a:hover img {
   border: 3px solid #e3741d;
}

/* --------------------------- PAGE */

.page {
   -moz-box-shadow: 0 5px 5px rgba(0,0,0,.1);
   -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1);
   box-shadow: 0 5px 5px rgba(0,0,0,.1);
}

.page .center {
   background: rgb(255,255,255);
   background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 15%, rgba(248,248,248,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(15%,rgba(248,248,248,1)), color-stop(100%,rgba(248,248,248,1)));
   background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 15%,rgba(248,248,248,1) 100%);
   background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 15%,rgba(248,248,248,1) 100%);
   background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 15%,rgba(248,248,248,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
   background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 15%,rgba(248,248,248,1) 100%);
   padding: 3.125% 3.125% 70px 3.125%;
}

/* --------------------------- ELEMENTS */

div.arrow {
   height: 6px;
   background: url(/images/hr_arrow.gif) center bottom repeat-x;
}

div.arrow span {
   display: block;
   height: 6px;
   background: url(/images/hr_arrow.gif) center top no-repeat;
}

article.news ul li,
section.module ul li {
   background: url(/images/li_arrow.gif) left 5px no-repeat;
   padding: 3px 0 3px 15px;
   margin-left: 5px;
}

article.news ul li a,
section.module ul li a {
   display: block;
   font-weight: bold;
}

article.news p.more,
section.module p.more {
   float: right;
}

/* --------------------------- BUTTON */

a.button,
nav ul li a {
   display: block;
   color: #fff;
   font-weight: bold;
   font-size: 0.9em;
   text-align: center;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #666666;
   border: 2px solid #ec9047;
   background: url(/images/button.gif) top repeat-x;
   padding: 5px 15px;
}

a.button:hover,
nav ul li a:hover {
   text-decoration: none;
   background-position: center -78px;
}

/* --------------------------- CALLOUT */

article.callout {
   display: block;
   text-align: left;
}

article.callout a {
   display: block;
   border: 1px solid #dadada;
   box-shadow: 0 0 1px rgba(256,256,256,.9) inset;
   -moz-box-shadow: 0 0 1px rgba(256,256,256,.9) inset;
   -webkit-box-shadow: 0 0 1px rgba(256,256,256,.9) inset;
   background: #fbfbfb;
   padding: 20px 0;
}

article.box a {
   background: #fbfbfb url(/images/content/icon-donate.png) 20px center no-repeat;
}

article.alerts a {
   background: #fbfbfb url(/images/content/icon-alerts.png) 20px center no-repeat;
}

article.heart a {
   background: #fbfbfb url(/images/content/icon-heart.png) 20px center no-repeat;
}

article.papers a {
   background: #fbfbfb url(/images/content/icon-papers.png) 20px center no-repeat;
}

article.calendar a {
   background: #fbfbfb url(/images/content/icon-calendar.png) 20px center no-repeat;
}

article.callout a:hover {
   text-decoration: none;
   background-color: #f4f4f4;
}


article.callout h3 {
   font: normal 1.5em/1em superclarendon, Georgia, Times, serif;
   padding: 0 10px 5px 100px;
}

article.callout p {
   color: #666666;
   padding: 0 10px 5px 100px;
}

/* --------------------------- NEWS */

article.news {
   text-align: left;
}

article.news p.category {
   color: #444444;
   font-style: italic;
   font-family: Georgia, Times, serif;
   border-bottom: 1px dotted #7c7c7c;
   padding: 2px 0;
}

article.news img {
   width: 98%;
   border: 3px solid #d2d2d2;
   margin: 5px 0;
}

article.news a:hover img {
   border: 3px solid #e3741d;
}

article.news h3 {
   font-size: 1.5em;
}

article.news p {
   padding: 5px 0;
}

article.news p a.more {
   font-weight: bold;
}

article.news div.arrow {
   margin: 10px 0 5px 0;
}

.page .title {
   border-bottom: 1px solid #ededed;
   padding: 5px 0 15px 0;
   margin-bottom: 4px;
}

.page .body {
   border-top: 1px solid #ededed;
}

.page .content {
   text-align: left;
   border-bottom: 1px solid #ededed;
   padding: 20px 0;
   margin-bottom: 4px;
}

.page .content h2 {
   color: #444444;
   font: normal 1.6em/1em superclarendon, Georgia, Times, serif;
   padding: 10px 0 5px 0;
}

.page .content h3 {
   color: #444444;
   font-size: 1.4em;
   padding: 5px 0;
}

.page .content h4 {
   font-size: 1.2em;
   padding: 5px 0;
}

.page .content p {
   padding: 5px 0;
}

.page .content ul,
.page .content ol {
   margin: 5px;
}

.page .content ul li {
   background: url(/images/li_arrow.gif) left 5px no-repeat;
   padding-left: 15px;
   margin: 5px 0;
}

.page .content ol li {
   list-style-type: decimal;
   margin: 5px 0 5px 15px;
}

.page .content ol li ol li {
   list-style-type: lower-alpha;
}

.page .content blockquote {
   font-size: 0.9em;
   border-left: 1px dotted #8F8F8F;
   padding: 0 20px;
   margin: 10px 0;
}

.page .content p.date {
   color: #8f8f8f;
   font-style: italic;
   font-size: 1.1em;
   font-family: Georgia, Times, serif;
}

.page .content .segment {
   border-bottom: 1px dotted #CECECE;
   padding-bottom: 20px;
   margin: 20px 0;
}

.page .content .segment h3 {
   font-size: 1em;
   text-align: center;
   text-transform: uppercase;
   background: #ededed;
   padding-left: 10px;
}

.page .content .children .item {
   border-left: 5px solid #ededed;
   padding-left: 10px;
   margin: 10px 0;
}

.page .content .children h2 {
   font-weight: bold;
   font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
   padding-bottom: 0;
}

.page .content ul.tabs {
   margin: 0;
}

ul.tabs li.state a {
   background: #fbfbfb url(/images/icon-map_state.png) 7px center no-repeat;
   padding-left: 45px;
}

ul.tabs li.federal a {
   background: #fbfbfb url(/images/icon-map_usa.png) 7px center no-repeat;
   padding-left: 45px;
}

.page .content p.more {
   width: 30%;
   margin: 0 auto;
}

.first-level .content .module {
   margin: 20px 0;
}

.special article.news,
.library article.news {
   padding: 15px 0;
}

.special article.news img {
   width: 96%;
}

.special .content img.primary {
   width: 100%;
}

.special article.news iframe,
.special article.news object,
.special .content iframe,
.special .content object {
   width: 100%;
   height: 200px;
}

.page aside {
   border-top: 1px solid #ededed;
   padding: 20px 0;
}

.page aside .callout,
.page aside .module {
   margin: 10px 0;
}

/* --------------------------- LIBRARY */

div.search {
   padding: 20px 0 40px 0;
}

.search form {
   width: 70%;
   text-align: center;
   margin: 0 auto;
}

.search input.field {
   width: 90%;
   font-size: 1.5em;
   box-shadow: 0 0 1px rgba(0,0,0,.5) inset;
   -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1) inset;
   -webkit-box-shadow: 0 0 1px rgba(256,256,256,.5) inset;
   border: none;
   background: #e9eae7;
   padding: 10px;
}

.search input.search {
   color: #fff;
   font: bold 1.1em Helvetica Neue, Helvetica, Arial, sans-serif;
   text-align: center;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #666666;
   border: 2px solid #ec9047;
   background: url(/images/button.gif) top repeat-x;
   padding: 5px 15px;
   margin: 5px auto;
}

.page .content .search h3 {
   font-weight: normal;
   font-style: italic;
   font-family: Trebuchet MS, Trebuchet, sans-serif;
   padding: 15px 0 0 0;
}

.page .content .search ul li {
   display: inline;
   font-size: 1.5em;
   background: none;
   padding: 0;
   margin: 0;
}

.page .content .search ul.alpha li {
   padding: 0 2px;
}

article.news span.PDF,
article.news span.Website {
   display: block;
   float: right;
   width: 30px;
   height: 29px;
}

article.news span.PDF {
   background: rgba(248,248,248,0.7) url(/images/icon-pdf.png) right no-repeat;
}

article.news span.Website {
   background: rgba(248,248,248,1) url(/images/icon-website.png) right no-repeat;
}

div.resource {
   text-align: center;
   box-shadow: 0 0 1px rgba(0,0,0,.1) inset;
   -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1) inset;
   -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1) inset;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   background: #e8e8e7;
   margin: 0 auto;
}

div.resource img {
   padding: 20px 0 10px;
}

div.resource p.open {
   width: 200px;
   padding-bottom: 20px;
   margin: 0 auto;
}

div.resource p.open a {
   font-size: 1.15em;
   padding: 10px 0;
}

div.resource p.open a span {
   background: url(/images/icon-open.png) no-repeat;
   padding-left: 30px;
}

/* --- ####### MEDIUM VIEWPORT ###### --- */

@media screen and (min-width: 615px) {

ul.place {
   background: url(/images/icon-brush.png) left center no-repeat;
   padding: 5px 0 5px 30px;
   margin-top: 0;
}

ul.washingtonstate {
   background: url(/images/icon-map_state.png) left center no-repeat;
   padding: 5px 0 5px 35px;
}

ul.unitedstates {
   background: url(/images/icon-map_usa.png) left center no-repeat;
   padding: 5px 0 5px 40px;
}

ul.library {
   background: url(/images/icon-library.png) left 6px no-repeat;
   padding: 13px 0 10px 33px;
}

.page .content {
   float: left;
   width: 72.916666667%;
   border: none;
   padding: 20px 1.041666667%;
}

.page .special .content {
   width: 64.58333333%;
}

.page .library .content {
   float: none;
   width: auto;
}

.page .content .news h3 {
   line-height: 1.1em;
}

.page .content .lead h3 {
   font-size: 2.2em;
}

.first-level .content {
   width: 64.58333333%;
}

.library .content section.news {
   padding: 20px 0;
}

.special article.news,
.library article.news {
   float: left;
   width: 22.91666667%;
   margin: 0 1.041666667%;
}

.special article.lead {
   float: none;
   width: auto;
}

.special article.news iframe,
.special .content iframe {
   height: 345px;
}

.search form {
   width: 440px;
   padding-bottom: 10px;
   margin: 0 auto;
}

.search form input.field {
   float: left;
   width: auto;
   height: 25px;
}

.search form input.search {
   float: left;
   height: 45px;
   margin: 0 10px;
}

.search .find {
   text-align: center;
   padding: 10px 0;
   margin: 0 auto;
}

.page .content .search h3 {
   display: inline;
   padding: 0 10px;
}

.search ul {
   display: inline;
}

.search ul li a {
   font-weight: bold;
   font-size: 0.85em;
}

.page aside {
   float: left;
   width: 22.91666667%;
   padding: 20px 1.041666667%;
}

.first-level aside,
.page .special aside {
   width: 31.25%;
}

}

/* --- ####### LARGE VIEWPORT ###### --- */

@media screen and (min-width: 960px) {

.page .title {
   padding-right: 1.041666667%;
   padding-left: 1.041666667%;
}

div.resource {
   width: 31.25%;
}

}