/*
 * Layout
 */
  address {
    margin: 1em;
  }

  p.byline {
    margin: 0;
  }

  p.dateline {
    margin-bottom: .5em;
  }

  /* Legacy stuff */
    div.alert {
      padding: .25em 0 .5em;
      font-size: 1.1em;
      font-weight: bold;
      text-align: center;
    }

    .alert a,
    .alert a:link,
    .alert a:visited {
      text-decoration: underline;
    }

    div.alert, div.alert a {
      color: #fcc;
    }

    div.information, div.information a {
      color: #007ac0;
    }

  /* Header */
    div.header {
      width: 100%;
      padding: 0;
    }

    div.header img.h1 {
      margin: 0;
    }

    div.header a img {
      display: block;
    }

  /* NISD This Week teaser */
    div#NISDthisweek {
      display: none;
      margin: 0;
      padding: 5mm 20px 5mm 55px;
    }

    body#index div#NISDthisweek {
      display: block;
      overflow: auto;
    }

    div#NISDthisweek h3 {
      margin: 0;
    }

    div#NISDthisweek img {
      float: left;
      margin-right: .5em;
      border: 1px solid #333;
    }

  /* Navigation list */
    ul.navigation {
      width: 600px; /* 5 buttons wide */
      margin: 0 1%;
      padding: 15px 0;
      list-style-type: none;
      background-color: #fff;
      font-size: 10px;
      line-height: 27px;
    }

    ul.navigation li {
      float: left;
      height: 27px;
      width: 109px;
      background-image: url('../images/button.png');
      text-align: center;
    }

    ul.navigation li.hilite {
      background-image: url('../images/button-hilite.png');
    }

    ul.navigation li a {
      text-decoration: none;
      color: #000;
    }

  /* Aside */
    div.asideColumn {
      position: relative;
      top: -84px; /* 2 x 1 row of buttons @ 27px ea. + 2 x padding @ 15px ea. */
      padding-top: 800px;
      background-repeat: no-repeat;
      font-size: 12px;
    }

    form.search label, form.search input.button {
      display: none;
    }

    form.search input#q {
      position: absolute;
      top: 26px;
      left: 65px;
      height: 14px;
      width: 157px;
      border-width: 0;
      /* border: 1px solid #0f0; */
    }

    p.aboutUs, p.contactUs, p.districtLink {
      position: absolute;
      text-align: center;
    }

    p.aboutUs, p.contactUs {
      top: 55px;
      width: 100px;
    }

    p.aboutUs {
      left: 18px;
    }

    p.contactUs {
      left: 128px;
    }

    p.districtLink {
      top: 82px;
      left: 20px;
      width: 210px;
    }

    div.calendar, div.mission {
      position: absolute;
      top: 127px;
      left: 23px;
      height: 255px;
      width: 190px;
      padding: 0 5px;
      font-weight: bold;
      font-size: 13px;
      /* border: 1px solid #0f0; */
    }

    div.calendar {
      padding: 0;
      width: 200px;
      text-align: center;
    }

    div.calendar h3 {
      margin: 4px 0 4px;
      font-size: 20px;
      line-height: 20px;
    }


  /* News tips page */
    div.tip, div.twitter {
      position: relative;
      margin-bottom: 1.5em;
      border-bottom: 1px solid #333;
    }

    div.tip h3 {
      margin-right: 40px;
    }

    div.tip div.widgets {
      position: absolute;
      top: .5em;
      right: 0;
    }

    div.tipPhoto {
      float: right;
      width: 33%;
      margin: 0 0 .5em .5em;
      background-color: #ccc;
      border: 1px solid #000;
    }

    div.tipPhoto img {
      width: 100%;
      border-bottom: 1px solid #333;
    }

    div.tipPhoto p {
      padding: 0 .5em;
    }


    div#contactInfo {
      display: none;
    }

    div.twitter {
      background: #fff url('../images/twitter_logo.gif') no-repeat scroll center 1em;
      padding-bottom: 1em;
    }

    div.twitter h3 {
      display: none;
    }

    div.twitter ul {
      font-size: smaller;
      margin-bottom: 0;
    }

    div.twitter a.moreLink {
      display: block;
      padding-right: 2em;
      text-align: right;
      font-size: larger;
      line-height: 1em;
    }


  /* Photos page */
    ul.photos {
      list-style-type: none;
    }

    ul.photos li {
      float: left;
      text-align: center;
    }

    ul.administration li {
      width: 25%;
    }

    ul.administration img {
      width: 90%;
    }

    ul.trustees li {
      width: 33%;
    }

    ul.trustees li.group {
      width: 66%;
    }

    ul.trustees li.group img {
      width: 100%;
    }

    body#photos span.title {
      display: block;
    }

    body#photos div.contentColumn h3 {
      clear: left;
      padding-top: 2em;
    }

    ul.graphics li {
      width: 33%;
      overflow: hidden;
    }

    ul.graphics img {
      height: 100px;
      max-width: 100%;
    }

  /* Contact page */
    div.contactBlock dt {
      float: left;
      clear: left;
      width: 5em;
    }



/*
 * Color
 */
  a.moreLink {
    color: #f00;
  }

  address {
    color: #999;
  }

  div.pageContainer {
    background-color: #fff;
  }

  div#NISDthisweek {
    background-color: #000;
    color: #fff;
  }

  div.asideColumn {
    background-image: url('../images/side-bg.jpg');
  }

/*
 * Typography
 */
  body {
    background-color: #292728;
    font-family: Verdana, Geneva, sans-serif;
    margin-bottom: 3in;
  }

  address {
    text-align: center;
  }

  div.header a, div.asideColumn a, a.moreLink {
    text-decoration: none;
  }

  p.byline, p.dateline, a.moreLink {
    font-style: italic;
    font-size: .8em;
  }

  p.foot {
    text-align: center;
  }

  ul.tweets a {
    white-space: nowrap;
  }