html {
  height: 100%; }

body {
  font-family: Lucida Grande, Helvetica, Arial, sans-serif;
  font-size: 0.8125em;
  line-height: 1.5;
  color: #000000;
  background: URL(/images/maze-bgtile.gif);
  min-height: 100%;
  position: relative;
  text-align: center; }

a {
  text-decoration: none;
  color: #7e6502;
  font-weight: bold;
  border-bottom: 1px dotted;
  border-color: #806600;
  display:inline; }
  a:hover {
    color: #000000;
    border-color: #000000; }
  a.external {
    background: URL(/images/i-arrow-extlink.gif) 0 0.2em no-repeat;
    padding-left: 23px; }
  a.pdf {
    background: URL(/images/i-pdf16.png) 0 0 no-repeat;
    padding-left: 20px; }

#container {
  width: 980px;
  margin: 0 auto;
  position: relative;
  min-height: 100%;
  text-align: left; }

#header {
  background: URL(/images/header-bg.gif) 0 0 no-repeat;
  margin-top: 20px;
  padding: 15px 0 0;
  width:100%;
  position: relative;
  font-size: 1.077em; }
  #header #fontsizer {
    position: absolute;
    right: 10px;
    top: 10px; }
    #header #fontsizer li {
      display: inline;
      position: relative;
      margin-right: 5px;
      cursor: pointer; }
  #header #logo {
    margin: 0 0 0 12px;
    border: none;
    display: block;
    float: left; }
  #header #link_ning {
    border: none;
    display: block;
    background: URL(/images/ning-bg.gif) 0 0 no-repeat;
    color: #ffffff;
    padding: 5px 40px 5px 0;
    width: 260px;
    text-align: right;
    float: right;
    margin: 65px 1px 1px 0; }
    #header #link_ning:hover {
      background-position: 0 -101px; }
  #header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

#nav ul {
  background: URL(/images/goldgradient-bg.jpg) 0 -40px repeat-x;
  padding: 0 0 5px 20px;
  width:960px;
  clear: both; }
  #nav ul li {
    width: 159px;
    border-left: 1px solid;
    border-color: #c7bc91;
    float: left;
    padding: 5px 0 1px;
    font-size: 1.077em;
    line-height: 1.5; }
    #nav ul li a {
      color: #ffffff;
      padding: 1px 10px;
      display: block;
      border: none; }
      #nav ul li a:hover {
        background: #584600; }
    #nav ul li#nav3 {
      width: 310px; }
    #nav ul li ul {
      background: transparent;
      padding-left: 0;
      padding: 0;
      width:auto; }
      #nav ul li ul li {
        border: none;
        float: none;
        width: 100%;
        font-size: 1em;
        padding-top: 0; }
  #nav ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

#middle {
  background: #ffffff;
  padding: 23px 0;
  width:100%; }
  #middle:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

#subnav {
  width: 196px;
  background-color: #ede9db;
  float: left;
  padding: 0 23px 20px; }
  #subnav.home {
    width: 300px;
    margin-left: 20px;
    padding: 0;
    background: transparent; }
  #subnav ul li {
    border-bottom: 1px dotted;
    border-color: #806600; }
    #subnav ul li a {
      border: none;
      display: block;
      padding: 5px 2px; }
      #subnav ul li a:hover {
        background: #ffffff; }
      #subnav ul li a span.date {
        display: block;
        font-weight: normal;
        color: #000000; }
  #subnav .navtitle {
    font-size: 1.385em;
    line-height: 1.4em;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #357976;
    font-weight: bold; }

.newssub {
  width: 274px !important; }

#main {
  width: 880px;
  float: right; }
  #main #content {
    width: 540px; }
  #main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #main h1 {
    font-size: 1.692em;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #357976; }
  #main h2 {
    font-size: 1.385em;
    line-height: 1.4;
    margin-top: 24px;
    margin-bottom: 8px;
    color: #333333; }
  #main h3 {
    font-size: 1.154em;
    line-height: 1.4;
    margin-top: 16px;
    margin-bottom: 8px;
    color: #357976; }
  #main h4 {
    font-size: 1.154em;
    line-height: 1.4;
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: normal;
    color: #357976; }
  #main h5 {
    font-size: 1.077em;
    line-height: 1.4;
    margin-top: 8px;
    margin-bottom: 8px; }
  #main h6 {
    font-size: 1.077em;
    line-height: 1.4;
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: normal; }
  #main p, #main ul, #main ol, #main hr, #main table, #main img, #main ul, #main ol, #main li {
    margin-bottom: 1em; }
  #main ul li {
    margin-left: 30px;
    list-style-type: disc; }
  #main ol li {
    margin-left: 30px;
    list-style-type: decimal; }
  #main hr {
    border-top: 1px dotted;
    border-color: #357976;
    height: 0;
    width: 100%;
    margin-top: 1em;
    border-bottom: none; }
  #main blockquote {
    font-style: italic; }
  #main .backtotop {
    border-top: 1px dotted;
    border-color: #806600;
    padding-top: 5px;
    clear: both; }
  #main #supp {
    width: 300px;
    float: right;
    padding: 0 20px 10px 20px; }
    #main #supp img {
      margin-top: 40px; }
  #main.withsubnav {
    width: 720px; }
    #main.withsubnav.news {
      width: 620px; }
    #main.withsubnav #content {
      width: 456px; }
      #main.withsubnav #content img.supp {
        float: right;
        margin-right: -240px; }
    #main.withsubnav.withsupp #content {
      width: 380px;
      float: left; }
    #main.withsubnav .orgs {
      padding-left: 48px; }
      #main.withsubnav .orgs h2, #main.withsubnav .orgs h3 {
        padding-left: 48px;
        margin: 40px 0 10px -48px !important;
        width: 652px;
        border-top: 1px dotted #357976;
        padding-top: 20px;
        clear: both; }
        #main.withsubnav .orgs h2.member,         #main.withsubnav .orgs h3.member {
          background: URL(/images/member-bg.gif) 0 0 no-repeat;
          color: #357976 !important;
          padding-top: 40px; }
      #main.withsubnav .orgs.no-indent {
        padding-left: 0; }
        #main.withsubnav .orgs.no-indent h2, #main.withsubnav .orgs.no-indent h3 {
          padding-left: 0;
          margin-left: 0 !important;
          width: 700px; }
        #main.withsubnav .orgs.no-indent hr {
          width: 700px;
          margin-left: 0; }
      #main.withsubnav .orgs h3 {
        font-size: 1.385em;
        line-height: 1.4;
        color: #333333; }
      #main.withsubnav .orgs img {
        float: right;
        margin-right: -200px; }
      #main.withsubnav .orgs hr {
        width: 700px;
        margin: 40px 0 1em -48px; }
  #main .publications {
    width: 960px;
    margin-left: -80px; }
    #main .publications ul li {
      display: block;
      float: left;
      width: 440px;
      background: #ede9db URL(/images/i-resource.png) no-repeat 100% 0;
      margin: 0 20px 20px 0;
      padding: 10px;
      position: relative;
      height: 210px; }
      #main .publications ul li img {
        float: right; }
      #main .publications ul li h2 {
        margin-top: 0; }
      #main .publications ul li h2, #main .publications ul li p {
        float: left;
        width: 300px; }
      #main .publications ul li:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
      #main .publications ul li a {
        display: block;
        width: 440px;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3px 10px;
        background-color: #ded8bf; }
        #main .publications ul li a.pdf {
          background-position: 10px 50%;
          padding-left: 30px;
          width: 420px; }
    #main .publications ul:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }

.news {
  padding-right: 160px;
  margin-right: 20px;
  width: 460px !important; }
  .news .date {
    font-size: 1.385em;
    line-height: 1.4;
    margin-top: 24px;
    margin-bottom: 8px;
    color: #333333;
    font-weight: bold; }
  .news table {
    margin-right: -100px; }

#footer {
  margin: 1px 0 40px;
  background: URL(/images/header-bg.gif) 0 100% no-repeat;
  padding: 5px 20px; }
  #footer .vcard li {
    display: inline; }
  #footer .vcard .type {
    display: none; }

.pagination-bar {
  margin-top: 1.5em; }
  .pagination-bar li {
    display: inline !important;
    border: none !important;
    font-weight: bold; }
    .pagination-bar li a {
      display: inline !important;
      border-bottom: 1px dotted !important;
      padding: 0 2px 0 0 !important; }
      .pagination-bar li a:hover {
        background: transparent !important;
        color: #000000; }

table {
  border-collapse: collapse;
  width: 560px; }
  table th, table td {
    padding: 7px 10px;
    background-color: #e2eceb;
    text-align: left;
    border-top: 1px solid #FFFFFF; }
  table th {
    background-color: #ccdcdc; }
  table.fullwidth {
    width: 700px; }

.box {
  background-color: #e2eceb;
  padding: 20px 20px 20px 76px;
  width: 600px;
  margin-bottom: 20px; }
  .box .tiptext {
    color: #357976; }

.home#subnav div {
  margin-bottom: 20px; }
  .home#subnav div h1 {
    padding: 5px 10px; }
  .home#subnav div span {
    padding: 0 10px;
    display: block; }
    .home#subnav div span.caps {
      display: inline;
      padding: 0; }
    .home#subnav div span.date {
      font-weight: bold !important;
      margin-top: 10px;
      font-size: 0.923em; }
    .home#subnav div span.title {
      font-size: 1.2em;
      line-height: 1.4em; }
    .home#subnav div span.excerpt {
      font-weight: normal;
      color: #000000; }
  .home#subnav div.updates {
    background: #ede9db; }
    .home#subnav div.updates h1 {
      background: URL(/images/homeboxtab-gold.gif) no-repeat 0 0; }
  .home#subnav div.events {
    background: #e2eceb; }
    .home#subnav div.events h1 {
      background: URL(/images/homeboxtab-green.gif) no-repeat 0 0; }
    .home#subnav div.events span.date {
      font-weight: normal !important; }
.home#main.withsubnav {
  width: 640px !important; }
.home#main #content {
  width: 300px !important; }
  .home#main #content h1 {
    font-size: 1.4em;
    padding-top: 0.5em;
    border-top: 1px dotted;
    border-color: #357976;
    margin-top: 0; }
.home#main .box {
  background-color: #357976 !important;
  width: 300px;
  padding: 0;
  color: #ffffff; }
  .home#main .box p {
    padding: 5px 10px 20px 10px; }
  .home#main .box img {
    margin-top: 0 !important; }
  .home#main .box a {
    border-color: #ffffff;
    color: #DDD; }
    .home#main .box a:hover {
      color: #ffffff; }