/******************************************************************
*
*   File: Global IAF stylesheet
*   Author: Craig Nelson / Classic Labs
*/

  body {
    margin: 0;
    padding: 0;
    color: #000;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    background: #4d4d4d url(/images/background.png) repeat-x 0 0;
  }
  h1, h2, h3, h4, h5, h6, p { margin: 0 0 15px; }
  ul, dl, ol {
    margin-top: 0;
    margin-bottom: 15px;
  }
  img { border: none; }
  h2 { font-size: 20px; }
  h3 {
    padding: 4px 10px;
    font-size: 17px;
    border-bottom: 1px solid #d4a76d;
    background: #fff;
  }
  table {
    padding: 1px;
    width: 100%; 
  }
  table,
  table td,
  table th {
    vertical-align: baseline;
    border: 1px solid #aaa;
  }
    table th {
      color: #000;
      font-size: 14px;
      font-weight: bold;
      text-align: left;
      background: #fff;
    }
    table td { background: #f1f1f1; }
    table td,
    table th { padding: 3px 7px; }
  .clear { clear: both; }
  div.sub-header {
    position: relative;
    height: 200px;
    overflow: hidden;
  }
    div.sub-header h2 {
      position: absolute;
      left: 0;
      bottom: 0;
      margin: 0;
      padding: 5px 20px;
      width: 100%;
      color: #000;
      border-bottom: 1px solid #d4a76d;
      background: url(/images/heading-bk.png) repeat 0 0;
    }
    #container {
      margin: 40px auto 20px;
      width: 1000px;
    }
      #header { text-align: right; }
        #nav {
          margin: 0 0 10px;
          padding: 0;
          height: 14px;
          list-style: none;
          overflow: hidden;
        }
          #nav li { display: inline; }
            #nav li a {
              display: block;
              float: right;
              margin: 0 0 0 32px;
            }
      #content {
        padding: 20px;
        background: #ddd;
      }
      /* home page */
      div.home {
        position: relative;
        height: 450px;
      }
        div.slide {
          position: absolute;
          top: 0px;
          left: 0px;
          height: 450px;
          overflow: hidden;
        }
          div.slide img { display: block; }
      /* --home page */
      /* board page */
      div.board { background: url(/images/header-001.jpg) no-repeat 0 0; }
      ul.board {
        margin: 0;
        padding: 0;
        list-style: none;
      }
        ul.board li {
          float: left;
          margin: 0 30px 30px 0;
          width: 450px;
          height: 200px;
          background: #f1f1f1;
        }
          ul.board li h3 {}
          ul.board li p { padding: 0 10px; }
      /* --board page */
      /* sketchbook page */
      div.sketchbook { background: url(/images/header-002.jpg) no-repeat 0 0; }
      /* --sketchbook page */
      /* scholarships page */
      div.scholarships { background: url(/images/header-001.jpg) no-repeat 0 0; }
      table.winners { margin-bottom: 15px; }
      table.winners td.award { width: 10%; }
      table.winners td.recipient { width: 20%; }
      table.winners td.school { width: 30%; }
      table.winners td.sponsor { width: 40%; }
      /* --scholarships page */
      /* grants page */
      div.grants { background: url(/images/header-002.jpg) no-repeat 0 0; }
      /* --grants page */
      /* sponsorship page */
      div.sponsorship { background: url(/images/header-001.jpg) no-repeat 0 0; }
      /* --sponsorship page */
      /* calendar page */
      div.calendar { background: url(/images/header-002.jpg) no-repeat 0 0; }
      table.calendar td.date { width: 20%; }
      table.calendar td.type { width: 20%; }
      table.calendar td.details { width: 60%; }
      /* --calendar page */
      /* links page */
      div.links { background: url(/images/header-001.jpg) no-repeat 0 0; }
      /* --links page */
      #footer { text-align: center; }
        #footer-nav {
          margin: 0;
          padding: 0;
          list-style: none;
        }
          #footer-nav li { display: inline; }
          #footer-nav li a { margin: 0 10px; }
        #credits,
        #credits a {
          color: #aaa;
          font-size: 12px;
        }
        #credits a:hover { color: #D4A76D; }