/*
** HTML elements
*/

* {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0;
  padding: 0;
}
/* Force vertical scrollbar on all the time (prevent flicker) */
html { 
  overflow-y: scroll; 
}
html { 
  overflow: -moz-scrollbars-vertical; 
}

html > body {
  font-size: 12px;
}
body {
  font-size: 12px;
  line-height: 1.333; /* 16px */
  margin: 0;
  padding: 0;
  background-color: #CCCEC1;
}
b, em, i, strong, u {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
img {
  border: 0;
}
sub {
  font-size: 7px;
  vertical-align: text-bottom;
}
sup {
  font-size: 7px;
  vertical-align: text-top;
}
table, tr, td, tbody {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}


/*
** Layout
*/
#topbar-left {
  background-image: url(images/bg-bg-tl.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: #CCCEC1;
}
#topbar-right {
  background-image: url(images/bg-bg-tr.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-color: #CCCEC1;
}
#topbar {
  width: 870px;
  height: 37px;
  background-image: url(images/bg-bg-t.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  text-align: right;
  background-color: #CCCEC1;
}
#topbar p {
  display: inline;
  margin: 0;
  padding: 0;
}
#topbar input.text {
  display: inline;
  font-size: 12px;
  line-height: 1.333;
  padding: 2px;
  border: 1px solid #ccc;
}
#topbar input.nodisplay {
  display: none;
} 
#topbar a {
  color: #4F4F4F;
  font-size: 13px;
  line-height: 2.846;
  text-decoration: none;
}
#topbar a:hover {
  text-decoration: underline;
}
#cse-search-box {
  display: inline;
  margin: 0;
  padding: 0;
}
#banner-left {
  background-image: url(images/bg-bg-l.gif);
  background-repeat: repeat-y;
  background-position: right;
  background-color: #CCCEC1;
}
#banner-right {
  background-image: url(images/bg-bg-r.gif);
  background-repeat: repeat-y;
  background-color: #CCCEC1;
}
#banner-print {
  display: none;
}
#banner {
  width: 870px;
  height: 94px;
}
#printbanner {
  display: none;
}
#menubar-left {
  background-image: url(images/bg-bg-l.gif);
  background-repeat: repeat-y;
  background-position: right;
  background-color: #CCCEC1;
}
#menubar-right {
  background-image: url(images/bg-bg-r.gif);
  background-repeat: repeat-y;
  background-color: #CCCEC1;
}
#menubars {
  width: 847px;
  height: 32px;
  margin: 0;
  padding: 0;
}
#menubars table tr td {
  margin: 0;
  padding: 0;
}
#menubar1 {
  height: 32px;
  background-color: #6a7449;
  background-image: url(images/bg-menubar-about.jpg);
  background-repeat: no-repeat;
}
#menubar2 {
  height: 32px;
  background-color: #487a8f;
  background-image: url(images/bg-menubar-resources.jpg);
  background-repeat: no-repeat;
}
#menubar1 *, #menubar1 a, #menubar2 *, #menubar2 a {
  color: white;
  font-weight: normal;
  font-size: 13px; 
  line-height: 1.615; /* 21px */
}
#menubar1 a.nolink:hover, #menubar2 a.nolink:hover {
  text-decoration: none;
}
#content-left {
  background-image: url(images/bg-bg-l.gif);
  background-repeat: repeat-y;
  background-position: right;
  background-color: #CCCEC1;
}
#content-right {
  background-image: url(images/bg-bg-r.gif);
  background-repeat: repeat-y;
  background-color: #CCCEC1;
}
#content {
  width: 870px;
  background-color: white;
}
#sidebar-left {
  width: 220px; 
  padding-top: 15px;
  padding-right: 10px;
}
#main {
}
#sidebar-right {
  width: 150px; 
  background-color: #9DA67A;
}
#footer-left {
  background-image: url(images/bg-bg-bl.gif);
  background-position: top right;
  background-repeat: no-repeat;
  background-color: #CCCEC1;
}
#footer-right {
  background-image: url(images/bg-bg-br.gif);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #CCCEC1;
}
#footer {
  width: 870px;
  height: 37px;
  background-image: url(images/bg-bg-b.gif);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #CCCEC1;
}
#footer td {
  font-size: 11px;
  line-height: 1.455;
  color: white;
}
#footer td a {
  color: white;
  font-size: 11px;
  line-height: 1.455;
  text-decoration: none;
}
#footer td a:hover {
  text-decoration: underline;
}

  
/* Menubar Styles */
#menubar1 ul, #menubar2 ul {
  width: 100%;
  margin: 0;
  padding: 11px 0px 0px 5px;
  list-style-type: none;
  overflow: hidden;
}
#menubar1 li, #menubar2 li {
  color: white;
  font-size: 13px; 
  line-height: 1.615; /* 21px */
  display: inline;
  margin: 0;
  padding: 0;
}
#menubar1 li a, #menubar2 li a {
  color: white;
  float: left;
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 0px 10px; /* padding inside tabs */
}
#menubar1 li a img.downarrowpointer, #menubar2 li a img.downarrowpointer {
  display: none;
}
#menubar1 li a:hover, #menubar2 li a:hover {
  text-decoration: underline;
}
#menubar1 a.active, #menubar2 a.active {
  text-decoration: underline;
}

/* Block Styles */
#bookmark-icons {
  height: 50px;
  background-color: #ccc;
}
#blockSearch {
  height: 28px;
  background-color: #EFF4F9;
  padding: 16px 17px;
}
#blockSearch td {
  font-size: 12px;
  line-height: 2.333;
  margin: 0;
  padding: 0;
}
#blockSearch td input {
  height: 22px;
  width: 181px;
  border: 1px solid #9C9D9D;
  padding: 2px;
}
#stay-informed {
  height: 50px;
  background-color: cyan;
}
#tag-cloud {
  height: 50px;
  background-color: red;
}
#newsTicker {
  height: 75px;
}

/* left menubar */
.menubar-submenu1, .menubar-submenu1 ul { /*topmost and sub ULs, respectively*/
  left: 0;
  top: 0;
  position: absolute;
  list-style-type: none;
  background-color: #66743a;
  visibility: hidden;
  z-index: 100;
  margin: 0;
  padding: 0;
  border-left: 1px solid #6a7448;
}
.menubar-submenu1 li {
  font-size: 12px; 
  line-height: 1.333; /* 16px */
  background-color: #66743a;
}
.menubar-submenu1 li a, .menubar-submenu1 li span {
  color: white;
  background-color: #66743a;
  width: 180px;
  font-size: 12px; 
  line-height: 1.333; /* 16px */
  display: block;
  text-decoration: none;
  padding: 3px 11px;
  margin: 0;
}
.menubar-submenu1 li a img.rightarrowpointer {
  position: absolute;
  padding-top: 3px;
  border: 0;
  /* padding-left: 4px; */
}
* html .menubar-submenu1 li a { /*IE6 CSS hack*/
  display: inline-block;
}
.menubar-submenu1 li a.line {
  border-top: 1px solid #66743a;
}
.menubar-submenu1 li a:hover, .menubar-submenu1 li span:hover {
  background-color: #405007;
}
              
/* right menubar */
.menubar-submenu2, .menubar-submenu2 ul { /*topmost and sub ULs, respectively*/
  left: 0;
  top: 0;
  position: absolute;
  list-style-type: none;
  background-color: #3b768f;
  visibility: hidden;
  z-index: 100;
  margin: 0;
  padding: 0;
  border-left: 1px solid #26708f;
}
.menubar-submenu2 li {
  font-size: 12px; 
  line-height: 1.333; /* 16px */
  background-color: #3b768f;
}
.menubar-submenu2 li a, .menubar-submenu2 li span {
  color: white;
  background-color: #3b768f;
  width: 180px;
  font-size: 12px; 
  line-height: 1.333; /* 16px */
  display: block;
  text-decoration: none;
  padding: 3px 11px;
  margin: 0;
}
.menubar-submenu2 li a img.rightarrowpointer {
  position: absolute;
  padding-top: 3px;
  border: 0;
  /* padding-left: 4px; */
}
* html .menubar-submenu2 li a { /*IE6 CSS hack*/
  display: inline-block;
}
.menubar-submenu2 li a.line {
  border-top: 1px solid #3b768f;
}
.menubar-submenu2 li a:hover, .menubar-submenu2 li span:hover {
  background-color: #2c4b59;
}
                
/* Block Styles */
.sidemenu {
  padding: 0px 5px 0px 15px;
  margin-bottom: 8px;
}
.sidemenu .title {
  color: #B92F14; 
  font-weight: normal;
  font-size: 16px;
  line-height: 1;
}
.sidemenu ul.menu {
  margin: 0;
  padding: 0;
  background-image: url(images/bg-home-pubs.gif);
  background-repeat: repeat-x;
  padding: 4px 0px 0px 5px;
}
.sidemenu ul.menu li.leaf,
.sidemenu ul.menu li.collapsed,
.sidemenu ul.menu li.expanded {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
.sidemenu ul.menu li.leaf a,
.sidemenu ul.menu li.collapsed a,
.sidemenu ul.menu li.expanded a {
  color: #474747;
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
  display: block;
  text-decoration: none;
  padding-bottom: 8px;
}
.sidemenu ul.menu li.leaf a:hover,
.sidemenu ul.menu li.collapsed a:hover,
.sidemenu ul.menu li.expanded a:hover {
  text-decoration: underline;
}
.sidemenu ul.menu li.leaf a.active,
.sidemenu ul.menu li.collapsed a.active,
.sidemenu ul.menu li.expanded a.active { 
  font-weight: bold;
}

/* Sub-menus */
.sidemenu ul.menu li.expanded { 
}
.sidemenu ul.menu li.expanded a {
}
.sidemenu ul.menu li.expanded ul.menu {
  margin: 0;
  padding: 0px;
  background-image: none;
  padding: 0px 0px 8px 0px;
}
.sidemenu ul.menu li.expanded ul.menu li.leaf,
.sidemenu ul.menu li.expanded ul.menu li.collapsed,
.sidemenu ul.menu li.expanded ul.menu li.expanded {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  background-image: url(images/bg-menu-bullet.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
.sidemenu ul.menu li.expanded ul.menu li.leaf a,
.sidemenu ul.menu li.expanded ul.menu li.collapsed a,
.sidemenu ul.menu li.expanded ul.menu li.expanded a {
  color: #474747;
  margin-left: 14px;
  padding-top: 0px;
  font-size: 12px;
  margin-bottom: 0px;
}
.sidemenu ul.menu li.expanded ul.menu li.leaf a:hover,
.sidemenu ul.menu li.expanded ul.menu li.collapsed a:hover,
.sidemenu ul.menu li.expanded ul.menu li.expanded a:hover {
  text-decoration: none;
  color: #003366;
}
.sidemenu ul.menu li.expanded ul.menu li.leaf a.active, 
.sidemenu ul.menu li.expanded ul.menu li.collapsed a.active, 
.sidemenu ul.menu li.expanded ul.menu li.expanded a.active {
  font-weight: bold;
}
.sidemenu ul.menu li.expanded ul.menu li.expanded ul.menu li.leaf a,
.sidemenu ul.menu li.expanded ul.menu li.expanded ul.menu li.collapsed a,
.sidemenu ul.menu li.expanded ul.menu li.expanded ul.menu li.expanded a {
  padding-left: 14px;
  background-image: none;
}

/* 
** Styles for xCaption.js - image captions
*/ 
div.xCaption {
}
p.xCaption {
  font-size: 0.833em; line-height: 1.600; margin-top: 0.000em; margin-bottom: 1.600em;
  font-weight: bold;
  text-align: left;
  padding: 0em 3px 3px 2px; 
}

/* 
** Drupal Nonsense
*/
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .links {
  margin-bottom: 0em;
}
.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: right;
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right;
  margin: 0.5em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.error {
  border-color: red;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0em;
}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.2em 10px 0.2em 10px;
  margin-bottom: 1em;
}
.node .picture {
  border: 1px solid #ddd;
  float: right;
  margin: 0.5em;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
}
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
#help {
  font-size: 0.917em; line-height: 1.455; margin-top: 0.000em; margin-bottom: 1.455em;
}


.block-left, .block-right {
  padding-bottom: 16px;
  background-color: #DBECF4
}
.block-footer {
  clear: both;
  border-top: 2px solid #999;
  padding-top: 14px;
}

/* nodeList Elements */
.related-nodes {
  padding: 0px 5px 0px 15px;
  margin-bottom: 16px;
}
.related-nodes .title {
  color: #B92F14;
  font-weight: normal;
  font-size: 16px;
  line-height: 1;
}
.related-nodes .items {
  background-image: url(images/bg-home-stories.gif);
  background-repeat: repeat-x;
  padding: 4px 0px 0px 5px;
}
.related-nodes .item {
  padding-bottom: 8px;
  display: block;
  clear: both;
}
.related-nodes .item img {
  padding-bottom: 4px;
}
.related-nodes a {
  color: #474747;
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
.related-nodes a.active {
  font-weight: bold;
}
.related-nodes a:hover {
  text-decoration: underline;
}
.related-nodes .more {
  clear: both;
  margin-bottom: 8px;
}
.related-nodes .more a {
  font-weight: bold;
  color: black;
}
.related-nodes .imgleft {
  float: left; 
  padding-right: 5px;
}
.related-nodes .imgright {
  float: right; 
  padding-left: 5px;
}

select.form-select option {
  color: black;
  font-family: non-proportional, 'courier new', courier;
  font-size: 12px;
  font-weight: normal;
}

/* Ads */
#ad-enews, #ad-donate {
  margin: 50px 0px;
  text-align: center;
}
#ad-enews-small, #ad-donate-small, #ad-abd {
  margin-top: 13px;
  text-align: center;
}
#ad-program-areas {
  padding: 0px 5px 8px 15px;
}
#ad-program-areas p {
  padding-bottom: 8px;
}
#ad-program-areas p a {
  color: #494949;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
#ad-program-areas p a:hover {
  text-decoration: underline;
}
#ad-program-areas p a .title {
  color: #B92F14;
  font-size: 14px;
  line-height: 1;
}
#ad-program-areas p a:hover .title {
}
#billboards {
  width: 470px;
  height: 170px;
  float: left;
}

#ad-homeMapNav {
  width: 150px;
  float: right;
}
#ad-homeMapNav .title {
  color: #303030;
  background-color: #f4f6e5;
  font-size: 12px;
  line-height: 2;
}
#ad-homeMapNav .map {
  background-color: #f4f6e5;
  height: 136px;
  padding: 5px 0px;
}

#ad-smallMapNav {
}
#ad-smallMapNav .title {
  color: white;
  font-size: 12px;
  line-height: 1;
  padding-top: 13px;
}
#ad-smallMapNav .map {
  height: 136px;
  padding-bottom: 10px;
}

#ad-bigMapNav {
  margin-bottom: 8px;
}
#ad-bigMapNav .title {
  display: none;
  /*
  color: white;
  background-color: #445018;
  font-size: 12px;
  line-height: 2;
  */
}
#ad-bigMapNav .map {
  padding: 10px;
}

#ad-watershed-facts {
  width: 155px;
  float: right;
}
#ad-watershed-facts .title {
  color: white;
  background-color: #51575B;
  font-size: 12px;
  line-height: 2;
  text-align: center;
  display: none;
}
#ad-watershed-facts .data {
  padding: 8px 10px 0px 10px;
  background-color: #DDECF7;
}
#ad-watershed-facts .data .label {
  color: #000;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
}
#ad-watershed-facts .data .value {
  color: #000;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  padding-bottom: 8px;
}
#ad-watershed-facts .data .value sup {
  color: #51575B;
}

div.clear {
  width: 100%;
  height: 1px;
  margin: 0 0 -1px 0;
  clear: both;
}