@charset "utf-8";

body { 

  margin: 0;
  background: #E3E8D9 url('/images/bkg_body.gif') repeat-x;
  font: 15px Tahoma, Arial, Helvetica, Verdana, sans-serif; 
  color: black;
}

ul, ol, li, dl, dt, dd { padding: 0; margin: 0 }
li { list-style-type: none }

ul, ol { padding: 0 0 18px 2.3em }
dl { padding: 0 0 18px 1.0em }

li, dd { padding-bottom: 7px }
dd { padding-left: 15px }

ul li { list-style-type: disc; }
ol li { list-style-type: decimal; }

p { margin: 0 0 15px 0 }
p.quote { font-style: italic; line-height: 1.8em; margin-bottom: 5px }

h1 { margin:0 0 20px 0; font-size:24px; color: #800000; }
h2 { margin:0 0 10px 0; font-size:22px; color: #003399; font-weight: normal; }
h3 { margin:0 0 7px 0; font-size:16px; color: #2A3947; font-weight: normal; }
h4 { margin:0 0 5px 0; font-size:13px; color: black; }

h1 em, h2 em, h3 em, h4 em { font-weight: normal; font-size: 80%; }

a { color: #2A3947 }
a:hover { color: black }

b, strong { color: black }

img { border: 0px }

table { margin-bottom: 15px; }


.lg { font-size: 125%;}
.md { font-size: 115%;}
.sm { font-size: 90%;}

.rt { float: right; margin: 0 0 1.0em 1.2em }
.lt { float: left; margin: 0 1.2em 1.0em 0 }
.cb { clear: both }

.p { display: block; margin:0 0 15px 0 }

.first { margin-top: 15px; }
.last { margin-bottom: 0; }
.on { font-weight: bold; font-size: 120%; }

.txt-bottom { vertical-align: text-bottom }
.txt-top { vertical-align: text-top }
.txt-rt { text-align: right; }

.highlight { background-color:#EDEDED }
.padded { padding: 5px }


/* ---------------------------------------------------- page ----------------------------------------------------- */


#page { width: 100%; }


/* ------------------------------------------------ page > content ----------------------------------------------- */


#page #content { }


/* ------------------------------------ page > content > nav (Links at top of page) ------------------------------ */


#page #content #nav { 

  padding-top: 13px;
  width: 980px;
  margin: 0 auto;
  position: relative;
}

#page #content #nav ul { float: left; padding: 0 0 0 332px; }

#page #content #nav ul li { list-style-type: none; display: inline; }

#page #content #nav ul li a { 

  float: left;
  padding: 30px 50px;
  font-size: 22px;
  color: white;
  font-weight: bold;
  text-decoration: none;
/*  border-right: 1px solid #999;*/
}

#page #content #nav ul li a.last { border-right: 0; }
#page #content #nav ul li a:hover { background-color: #90C7DB; }


#page.learn-something #content #nav ul li a.learn-something, 
#page.help-yourself #content #nav ul li a.help-yourself, 
#page.get-involved #content #nav ul li a.get-involved { background-color: #90C7DB; }


/* Page Specific (Homepage) */

#page.home #nav { 
  
  background: transparent url('/images/bkg_body_home.gif') no-repeat 0 13px; height: 100px; 
}


/* --------------------------------------- page > content > nav > logo ------------------------------------------- */


#logo { }

#logo h1 { margin: 0 }

#logo h1 a {
  
  width: 302px;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  padding-top: 293px;
  background-image: url('/images/logo.gif');
}


/* --------------------------------------------- page > content > text --------------------------------------------- */


#page #content #text { 
  
  clear: both; 
  border-top: 1px solid #58AC0E; 
  background-color: white; 
}


/* --------------------------------------- page > content > text > text-main --------------------------------------- */


#page #content #text #text-main { 
  
  width: 980px; 
  margin: 0 auto; 
  padding:15px 0 10px 0; 
  min-height: 460px;
  background-repeat: no-repeat;
  background-position: bottom right;
}

/* --- Floating People (Learn Something) --- */
#page.learn-something #content.default #text #text-main { background-image: url('/images/person1.jpg') }

/* --- Floating People (Help Yourself) --- */
#page.help-yourself #content #text #text-main { background-image: url('/images/person2.jpg') }
#page.help-yourself #content.informative-guides #text #text-main { background-image: url('/images/person4.jpg') }
#page.help-yourself #content.default #text #text-main { background-image: none }

/* --- Floating People (Get Involved) --- */
#page.get-involved #content #text #text-main { background-image: url('/images/person3.jpg') }

#page #content #text #text-main p { line-height: 1.8em; }
#page #content #text #text-main .copy { width: 480px; margin: 170px 0 0 22px; }
#page #content #text #text-main .copy:after { 

    content: ""; 
    display: block; 
    height:0; 
    clear: both; 
    visibility: hidden
}


/* --- Content Specific (Pages with file downloads) --- */

.link_file { 
  
  width: 110px; 
  float: left;
  margin: 0 30px 20px 0;
  height: 200px;
  overflow: hidden;
  
}

.link_file a { text-decoration: none; color: #333; }

.link_file a img { display: block; }

.link_file a strong { display: block; font-size: 80%; }

.link_file a em { display: block; font-style: normal; font-size: 75%; }


/* ----------------------------------- page > content > text > text-main > subnav ---------------------------------- */


#subnav { 

  float: right;
  padding: 50px 0 20px 0;
  width: 229px;
}

#subnav ul, #subnav li { list-style-type: none; }

#subnav li { padding-bottom: 10px; float: right; clear: both; }

#subnav ul li a:hover { background-position: 0 0 !important; }

#subnav ul li a {
  
  width: 229px;
  height: 0;
  padding-top: 50px;
  overflow: hidden;
  float: left;
  clear: both;
  background: transparent no-repeat 0 -50px;
}

/* ----- Section Specific (Homepage) ----- */

#page.home #subnav { width: 347px }

#page.home #subnav .video { 
  
  width: 320px; 
  height: 277px; 
  float: left;
  clear: both; 
  margin:13px 0 0 13px; 

}

#page.home #subnav ul li a { width: 347px; padding-top: 91px; background-position: 0 0 }

/* Learn Something */
#page.home #subnav ul li a.learn-something { background-image: url('/images/btn_learnSomething.gif') }
/* Help Yourself */
#page.home #subnav ul li a.help-yourself { background-image: url('/images/btn_helpYourself.gif') }
/* Get Involved */
#page.home #subnav ul li a.get-involved { background-image: url('/images/btn_getInvolved.gif') }



/* ----- Section Specific (Learn Something) ----- */


/* Explore Data */
#page.learn-something #subnav ul li a.explore-data { background-image: url('/learn_something/images/btn_exploreData.gif') }
/* "ON" state */
#page.learn-something #content.explore-data #subnav ul li a.explore-data { background-position: 0 0 }

/* View Documents */
#page.learn-something #subnav ul li a.view-documents { background-image: url('/learn_something/images/btn_viewDocuments.gif') }
/* "ON" state */
#page.learn-something #content.view-documents #subnav ul li a.view-documents { background-position: 0 0 }

/* Additional Sources */
#page.learn-something #subnav ul li a.additional-sources { background-image: url('/learn_something/images/btn_additionalSources.gif') }
/* "ON" state */
#page.learn-something #content.additional-sources #subnav ul li a.additional-sources { background-position: 0 0 }


/* ----- Section Specific (Get Involved) ----- */

#page.get-involved #subnav ul li a { background-position: 0 0; }

/* Idaho */
#page.get-involved #subnav ul li a.idaho { background-image: url('/get_involved/images/btn_idaho.gif') }

/* Washington */
#page.get-involved #subnav ul li a.washington { background-image: url('/get_involved/images/btn_washington.gif') }

/* Oregon */
#page.get-involved #subnav ul li a.oregon { background-image: url('/get_involved/images/btn_oregon.gif') }

/* BC */
#page.get-involved #subnav ul li a.bc { background-image: url('/get_involved/images/btn_bc.gif') }


/* ----- Section Specific (Help Yourself) ----- */


/* Informative Guides */
#page.help-yourself #subnav ul li a.informative-guides { background-image: url('/help_yourself/images/btn_informative_guides.gif') }
/* "ON" state */
#page.help-yourself #content.informative-guides #subnav ul li a.informative-guides { background-position: 0 0 }


/* Additional Sources */
#page.help-yourself #subnav ul li a.additional-sources { background-image: url('/help_yourself/images/btn_additional_sources.gif') }
/* "ON" state */
#page.help-yourself #content.additional-sources #subnav ul li a.additional-sources { background-position: 0 0 }


/* -------------------------------------------------- page > foot -------------------------------------------------- */


#foot { 

  clear: both;
  border-top: 1px solid #58AC0E;
  background-color: #E3E8D9;
  padding: 20px;

}

#foot .copy { width: 936px; margin: 0 auto; font-size: 95%; }
#foot .copy p.art4orm { font-size: 95%; }


/* ------------------------------------------- Hacks and Clearfixes -------------------------------------------------- */


.clearfix:after { 

    content: ""; 
    display: block; 
    height:0; 
    clear: both; 
    visibility: hidden
}