* {
   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 {
   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: #eaeae9 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;
}

nav ul {
   height: 38px;
   overflow: hidden;
}

nav ul li {
   float: left;
   width: 43.75%;
   padding: 0 3.125%;
}

nav ul li a,
nav ul li a:link,
nav ul li a:visited {
   color: #fff;
   font-size: 1em;
   font-weight: normal;
   font-family: superclarendon, Georgia, Times, serif;
   -moz-box-shadow: 0 1px 5px rgba(0,0,0,.3);
   -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
   box-shadow: 0 1px 5px rgba(0,0,0,.3);
   border: 3px solid #ec9047;
   padding: 10px;
}

nav ul li.active a,
nav ul li.active a:hover {
   color: #666666;
   text-shadow: 1px 1px 1px #fff;
   border: 3px solid #bbbbbb;
   background: url(/images/button_active.gif) top repeat-x;
}

/* --------------------------- 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 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%;
}

section#insider.tab_content.cf .item {
   padding-bottom: 15.425%;
}

section#insider.tab_content.cf div.top,
section#reporter.tab_content.cf div.top {
   padding: 3.125%;
}

section#reporter.tab_content.cf div.top img {
   width: 98%;
}

section#insider.tab_content.cf div.top img {
   width: 98%;
}

section#insider.tab_content.cf div.top p {
   text-align: center;
}

section#insider.tab_content.cf div.top iframe {
   width: 100%;
}

.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;
width: 98%;
}

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

/* --------------------------- FOOTER */

footer span.state {
   display: block;
   width: 139px;
   height: 121px;
   zoom: 1;
   position: relative;
   background: url(/images/state.png) no-repeat;
   margin: -70px auto 0 auto;
}

footer .level {
   padding: 10px 0;
}

footer .level h4 {
   font-size: 1.1em;
   font-family: superclarendon, Georgia, Times, serif;
}

footer .level h4 a {
   color: #222222;
}

footer .level h4,
footer .level p,
footer .level ul li {
   padding: 3px 0;
}

/* --------------------------- 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;
}

.content div.arrow {margin: 20px 0;}

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 url(/images/content/icon-arc.png) 17px center no-repeat;
   padding: 20px 0;
}

article.map a {
   background: #fbfbfb url(/images/content/icon-map.png) 17px 40% no-repeat;
}

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

article.alert 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.3em/1em superclarendon, Georgia, Times, serif;
   padding: 0 10px 5px 100px;
}

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

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

article.news,
article.news_lower,
article.news_middle_upper,
article.news_middle_lower {
   text-align: left;
}

article.news p.category,
article.news_lower p.category,
article.news_middle_upper p.category,
article.news_middle_lower p.category {
   color: #444444;
   font-style: italic;
   font-family: Trebuchet MS, Trebuchet, sans-serif;
   border-bottom: 1px dotted #7c7c7c;
   padding: 2px 0;
}

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

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

article.news h3,
article.news_lower h3,
article.news_middle_upper h3,
article.news_middle_lower h3 {
   font-size: 1.3em;
   padding-top: 5px;
}

article.news p,
article.news_lower p,
article.news_middle_upper p,
article.news_middle_lower p {
   padding: 5px 0;
}

article.news p a.more,
article.news_lower p a.more,
article.news_middle_upper p a.more,
article.news_middle_lower p a.more {
   font-weight: bold;
}

article.news div.arrow,
article.news_lower div.arrow,
article.news_middle_upper div.arrow,
article.news_middle_lower div.arrow {
   margin: 10px 0 5px 0;
}

/* --------------------------- MODULE */

section.module {
   text-align: left;
}

section.module h3,
.content section.module h3 {
   color: #8f8f8f;
   font-weight: normal;
   font-family: superclarendon, Georgia, Times, serif;
   padding: 5px 0;
}

section.module h3 a {
   display: block;
   color: #8f8f8f;
   font-size: 1em;
   padding: 7px 0 7px 35px;
}

section.module h3 a:hover {
   opacity: 0.7;
}

section.module h3.library a {
   background: url(/images/icon-library.png) left center no-repeat;
}

section.module h3.people {
   background: url(/images/icon-people.png) left center no-repeat;
   padding: 5px 0 5px 40px;
}

section.module h3.connect {
   background: url(/images/icon-connect.png) left center no-repeat;
   padding: 5px 0 5px 40px;
}

section.module ul {
   margin-bottom: 10px;
}

/* --------------------------- EDIT */

div.edit {
   position: absolute;
   left: 0;
   margin-top: 15px;
}

div.edit-right {
   left: auto;
   right: 0;
}

div.edit a {
   color: #444444;
   font-weight: bold;
   text-transform: uppercase;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
   box-shadow: 0 1px 3px rgba(0,0,0,.5);
   background: #ffd600;
   padding: 15px 30px;
}

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

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

header {
   background-position: center top;
}

.logo {
   float: left;
   width: 31.25%;
   margin: 15px 1.041666667%;
}

.logo a {
   background-size: 100%;
   -moz-background-size: 100%;
   -webkit-background-size: 100%;
   background-position: left center;
}

header nav {
   float: right;
   width: 64.58333333%;
}

nav ul {
   height: 49px;
   overflow: hidden;
   margin-top: 126px;
}

nav ul.hover {
   height: 70px;
   margin-top: 105px;
}

nav ul li a,
nav ul li a:link,
nav ul li a:visited {
   font-size: 1.1em;
}

nav ul.hover li a,
nav ul.hover li a:link {
   margin-top: 21px;
}

nav ul.hover li.active a,
nav ul.hover li.active a:link {
   padding: 15px 0;
   margin-top: 21px;
}

nav ul.hover li a:hover {
   padding: 25px 0;
   margin: 0;
}

nav ul li {
   float: left;
   width: 46.41935484%;
   padding: 0 1.612903226%;
}

nav ul li a,
nav ul li a:link {
   padding: 15px 0;
}

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

ul.place li {
   display: inline;
}

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

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

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

ul.aboutus {
   padding: 0;
}

.title h1 {
   font-size: 3em;
}

.no_tabs {
   margin-top: 11px;
}

.tab_content .item {
   float: left;
   width: 46.38709677%;
   height: 105px;
   padding: 1.612903226%;
}

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

.page .center {
   padding: 1.041666667% 1.041666667% 70px 1.041666667%;
}

footer section {
   padding-bottom: 20px;
}

footer .level {
   float: left;
   text-align: left;
   width: 22.91666667%;
   padding: 0 1.041666667%;
}

}

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

article.callout a {
   text-align: center;
   background-position: center 15px;
   padding-top: 83px;
}

article.callout h3,
article.callout p {
   padding: 0 10px 5px;
}

}

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

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

.center {
   width: 960px;
   margin: 0 auto;
}

.logo a {
   margin: 0;
}

header nav {
   width: 47.91666667%;
}

.title h1 {
   font-size: 3.3em;
}

.title h2 {
   font-size: 1.5em;
}

.tab_content .item {
   width: 21.35483871%;
   height: 150px;
}

.tab_content .starred {
   width: 45.16129032%;
}

.tab_content .starred img {
   float: left;
   margin: 0 10px 10px 0;
}

.tab_content .item h2 {
   font-size: 1.1em;
}

.tab_content .item p {
   font-size: 0.9em;
   padding: 0;
}

.page {
   background-color: #eaeae9;
   background-image: -moz-linear-gradient(100% 100% 90deg, #f8f8f8, #eaeae9);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaeae9), to(#f8f8f8));
}

section.marquee {
   padding: 1.041666667%;
}

}