@import url('zero.css');
@import url('jquery.lightbox.css');

body, table { font: 12px/1.4 Helvetica, Arial, sans-serif; color: black; }
body { background-position: top; background-repeat: repeat-x; }

img { border: 0; }

a { text-decoration: none; }
    a:hover { text-decoration: underline; }

small { font-size: 90%; }

.first { margin-top: 0 }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.box { margin-bottom: 11px; background-repeat: repeat-y; }
  .box-w1 { background-position: top; background-repeat: no-repeat; }
  .box-w2 { background-position: bottom; background-repeat: no-repeat; padding: 8px; }
  
.box-red { background-image: url(../images/box-red-repeat.gif); }
  .box-red .box-w1 { background-image: url(../images/box-red-top.gif); }
  .box-red .box-w2 { background-image: url(../images/box-red-bottom.gif); }
  
.box-cyan { background-image: url(../images/box-cyan-repeat.gif); }
  .box-cyan .box-w1 { background-image: url(../images/box-cyan-top.gif); }
  .box-cyan .box-w2 { background-image: url(../images/box-cyan-bottom.gif); }
    
.box-clear { background-image: url(../images/box-clear-repeat.gif); }
  .box-clear .box-w1 { background-image: url(../images/box-clear-top.gif); }
  .box-clear .box-w2 { background-image: url(../images/box-clear-bottom.gif); }
      
.box-blue { background-image: url(../images/box-blue-repeat.gif); }
  .box-blue .box-w1 { background-image: url(../images/box-blue-top.gif); }
  .box-blue .box-w2 { background-image: url(../images/box-blue-bottom.gif); }
  
.box { color: white; }
  .box a { color: white; }
    .box a:hover { text-decoration: underline; }
  .box-clear { color: #5878B4 }
    .box-clear a { color: #5878B4 }

.box-link { background-position: 130px center; padding: 0 75px 0 0; background-repeat: no-repeat; display: block; line-height: 1.8; text-align: center; }
  .box-link:hover { text-decoration: none; }
  .box-clear .box-link { background-image: url(../images/btn-go.gif); }
  .box-cyan .box-link { background-image: url(../images/btn-more.gif); }
  
.faded-box { background: #ECEBE7; padding: 15px; border-top: 3px solid #DEDED6; }
  .faded-box .intro { width: 350px }

.hit-count { text-align: center; font-size: 140%; }
  
.home-page { position: relative; }
  .home-page-box { border-top: 3px solid black; padding: 8px 8px 30px 8px; list-style: none; display: block; float: left; width: 234px; }
    .home-page-box h2 { font-weight: bold; line-height: 1.2; }
  .home-page .box-1 { border-color: #74BBBB; }
    .home-page .box-1 h2 { color: #74BBBB; }
  .home-page .box-2 { border-color: #F74545; }
    .home-page .box-2 h2 { color: #F74545; }
  .home-page .box-3 { border-color: #ADA865; }
    .home-page .box-3 h2 { color: #ADA865; }
  .home-page .box-4 { border-color: #9B5A7E; }
    .home-page .box-4 h2 { color: #9B5A7E; }
  .home-page .box-2,
  .home-page .box-4 { margin-left: 10px; }
  .home-page .buttons { text-align: right; }
  
.news-list { border-top: 3px solid #DEDED6; }
  .news-list li { float: left; }
    .news-list .col-1 { width: 250px; }
    .news-list .col-2 { width: 250px; margin-left: 10px; }
    .news-list img { display: block; margin: 10px 0; }
  
.box-list { }
  .box-list li,
  .box-list-item { width: 250px; float: left; margin: 0 10px 10px 0; overflow: hidden; }
  .box-list .col-2 { margin-right: 0; }
  .box-list img.wide { display: block; width: 250px; margin: 6px 0 6px -15px; }
  .box-list .faded-box { min-height: 155px }
  
.research-list { }
  .research-list .research-list-item { width: 160px; float: left; margin-bottom: 10px; margin-left: 15px; }
  .research-list .image { width: 160px; height: 140px; margin-bottom: 6px;  }
  .research-list img { display: block; width: 160px; height: 140px }
  .research-list .col-1 { margin-left: 0; }

.big-button { float: right; text-indent: -5000px; width: 160px; height: 139px; margin-left: 15px;  }  
  .archive-button { background: url(../images/archive-button.gif); }
  .information-sheets-button { background: url(../images/information-sheets-button.gif); }
  
.content h2 { font-size: 16px; }
.content h3 { margin: 1.5em 0 0.5em 0; }
.content p { margin-bottom: 0.7em; }
.content .intro { font-size: 16px }
.content strong { font-weight: bold; }
.content ul,
.content ol { margin: 0.7em 0; padding-left: 16px; }
.content li { list-style: disc; display: list-item; }
.content big { font-size: 120%; }
.content table { }
  .content th,.
  .content td { padding: 4px; vertical-align: top; }
  .content th { font-weight: bold; }
  .content td { }

.tabular-form th { padding-top: 8px; }

a.more { color: #5DA3B0 !important; }
  a.more span { color: #9FA240 !important; }

body, html { height: 100%; }
#c1, #c2 { min-height: 100%; }

#c1 { width: 800px; margin: 0 auto; background: white; }
#c2 { padding: 0 33px }

  #header { border-bottom: 1px solid #F2F0EF; position: relative; padding-top: 22px; margin-bottom: 11px; }
    #logo { position: absolute; right: -16px; top: 15px; }
      #logo a { display: block; width: 130px; height: 130px; text-indent: -5000px; background: url(../images/logo.gif) no-repeat top left }
        #logo a:hover { background-position: 0 -130px; }
    #strapline { width: 567px; height: 19px; margin-bottom: 54px; background: url(../images/strapline.gif); text-indent: -5000px;  }
    
    #nav { height: 67px; }
      #nav li { height: 67px; float: left; }
      #nav a { display: block; text-indent: -5000px; height: 67px; background-position: top left; background-repeat: no-repeat; }
        #nav a:hover { background-position: left -67px; }
      
      #nav .who-are-we a { background-image: url(../images/nav/who-are-we.gif); width: 60px; }
      #nav .whats-happening a { background-image: url(../images/nav/whats-happening.gif); width: 74px; }
      #nav .research-and-publications a { background-image: url(../images/nav/research-and-publications.gif); width: 73px; }
      #nav .support-and-information a { background-image: url(../images/nav/support-and-information.gif); width: 68px; }
      #nav .getting-involved a { background-image: url(../images/nav/getting-involved.gif); width: 58px; }
      #nav .kids a { background-image: url(../images/nav/kids.gif); width: 44px; }
    
  .banner { height: 250px; float: left; overflow: hidden; margin-bottom: 11px; }
  #banner-text { width: 224px; position: relative; }
    #banner-text .quote { position: absolute; top: 15px; left: 15px; }
  #banner-image { width: 510px; }
    #banner-image img { width: 100%; height: 100%; display: block; }
    
  #left { width: 215px; float: left; clear: left; font-size: 11px; }
  
  #main { width: 510px; float: right; }
  
  #footer { clear: both; color: #7FCAD4; font-size: 10px; padding-top: 50px; padding-bottom: 11px; }
    #footer .nav,
    #footer .nav a { color: #5878B4; font-size: 11px; }
    
#support-box { padding-left: 10px; }
  #support-box h3 { font-size: 13px; }
  #support-box strong { font-weight: bold; font-size: 16px; }
  
#donate-box { text-align: center; }
  #donate-box h3 { font-size: 11px; font-weight: bold; }
  #donate-box form { width: 120px; margin: 6px auto; height: 25px; }
    #donate-box .bg { width: 83px; height: 25px; float: left; background: url(../images/donate-bg.gif); }
    #donate-box .amount { width: 20px; }
    #donate-box .submit { width: 37px; height: 25px; float: left; }