@import url('/css/baseline.mini.css');
/* Legacy template version 20091103163000 */

/*
 * Layout
 */
  div.pageContainer {
    padding-top: 1em;
  }

  /* Page header */
    div#NISDheader {
      position: relative;
      width: 100%;
      height: 109px;
      border-bottom-width: 3px;
      border-bottom-style: solid;
      background-repeat: no-repeat;
      background-position: top center;
    }

    div#NISDheader ul.menu {
      position: relative;
      top: 25px;
      width: 741px; /* (100*7) + 40 + 1 */
      margin: 0 auto;
      list-style: none;
    }

    div#NISDheader ul.menu li {
      position: relative;
      float: left;
      height: 55px;
      width: 100px;
    }

    div#NISDheader ul.menu li.home {
      height: 90px; /* 75 + 15 */
      width: 40px;
      top: -11px;
      left: -14px;
      background-repeat: no-repeat;
      background-position: top center;
    }

    div#NISDheader ul.menu li.search {
      /* This is what this really _should_ be,
       * but IE6 throws a tizzy over absoluting
       * this block. Whatever. The rules below
       * work, so that's what we'll do until
       * we are un-chained.
        position: absolute;
        right: 5px;
        top: 60px;
        height: auto;
        width: auto;
        margin: 0;
        padding: 0;
      */
      height: auto;
      width: 94%;
      margin: 0;
      padding: 0;
      text-align: right;
    }

    div#NISDheader ul.menu li a {
      display: block;
      position: relative;
      width: 100%;
      top: 17px;
    }

    div#NISDheader ul.menu li.home a {
      top: 0;
    }

    div#NISDheader ul.menu li.home a img {
      height: 75px;
      width: 40px;
    }

    div#NISDheader ul.menu li.home a span.label {
      display: none;
    }

    /*div#NISDheader ul.menu li.community a, */
    div#NISDheader ul.menu li.hr a {
      top: 5px;
    }

    div#NISDheader ul.menu li.search a {
      top: 0;
    }

    div.alert {
      border-width: 1px;
      border-style: solid;
      padding: .25em 0 .5em;
    }


  /* Page footer */
    div#NISDfooter {
      clear: both;
      height: 87px;
      margin: 1cm auto 0;
      padding: 0 5mm;
      background-repeat: no-repeat;
      background-position: top center;
    }

    div#NISDfooter address {
      float: left;
      width: 100%;
    }

    div#NISDfooter div.legalBlock {
      float: right;
      width: 100%;
    }

    div#NISDfooter address, div#NISDfooter div.legalBlock {
      width: 40%;
      margin-top: 2mm;
    }

    .banner {
      width: 430px;
      height: 40px;
      padding: 10px 10px 0;
      margin: 0 0 1em;
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 100%;
      border-width: 1px;
      border-style: solid;
      font-family: "Century Gothic", sans-serif;
      font-size: 22px;
      font-weight: 100;
      text-align: right;
      white-space: nowrap;
    }

    .banner a, .banner a:link, .banner a:visited {
      text-decoration: none;
    }


/*
 * Color
 */
  /* Page header */
    div#NISDheader {
      background-color: #00337f;
      background-color: #00438f;
      border-bottom-color: #333;
    }

    div#NISDheader {
      background-image: url('/images/layout/header-bg-legacy.png');
    }

    div#NISDheader ul.menu li.home {
      background-image: url('/images/layout/button-northside-N.png');
    }

    div#NISDheader ul.menu li.administration, div#NISDheader ul.menu li.news {
      background-color: #2b60a8;
    }

    div#NISDheader ul.menu li.schools, div#NISDheader ul.menu li.bond {
      background-color: #386bad;
    }

    div#NISDheader ul.menu li.instruction, div#NISDheader ul.menu li.community {
      background-color: #4676b2;
    }

    div#NISDheader ul.menu li.hr {
      background-color: #5180b6;
    }

    div#NISDheader ul.menu li:hover {
      background-color: #5f93c3;
    }

    div#NISDheader ul.menu li.home:hover, div#NISDheader ul.menu li.search:hover {
      background-color: inherit;
    }

    div#NISDheader ul.menu li a:link, div#NISDheader ul.menu li a:visited {
      color: #fff;
    }

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

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

  /* Page footer */
    div#NISDfooter {
      background-color: #00337f;
      background-image: url('/images/layout/footer-bg.png');
      color: #fff;
    }

    div#NISDfooter a:link, div#NISDfooter a:visited {
      color: #fff;
    }

    .infobox {
    	background-color: #d9e7f1;
    	border-color: #00337f;
    }

    .infobox .reverse {
      background-color: #00337f;
      color: #fff;
    }

    .infobox, h1, h2, h3, h4, h5, h6, h7 {
    	color: #00337f;/*013678;*/
    }

    .banner {
      background-image: url('/images/layout/section_header.png');
      border-color: #00337f;
    }

/*
 * Typography
 */
  /* Page header */
    div#NISDheader h1 {
      display: none;
    }

    div#NISDheader ul.menu {
      font-size: 16px;
      font-family: "Century Gothic", sans-serif;
      text-align: center;
    }

    div#NISDheader ul.menu li a:link, div#NISDheader ul.menu li a:visited {
      text-decoration: none;
    }

    div.alert {
      font-size: 1.1em;
      font-weight: bold;
      text-align: center;
    }

  /* Page footer */
    div#NISDfooter div.legalBlock {
      text-align: right;
    }


/*
 * Page content styles
 */
    div.staff {
      margin: 0 0 3em;
      padding: 0 1mm 1cm 5mm;
      border-left-width: 1px;
      border-left-style: solid;
      border-left-color: #00337f;
    }

    div.staff h3 {
      clear: both;
      margin-left: -3mm;
    }

    div.staff address {
      margin: 0 0 1em;
    }

    div.staff div.positions div.mugshot h4 {
      margin-top: 0;
      margin-bottom: .5em;
    }

    div.staff div.positions div.mugshot img.mugshot {
      float: left;
      width: 100px;
    }

    div.staff div.position, div.staff div.mugshot {
      clear: both;
      overflow: auto;
    }

    div.staff div.positions div.position table.contacts {
      width: 100%;
      margin: 0 0 1.5em;
    }

    div.staff div.positions div.position table.contacts td.name {
      width: 49%;
    }

    div.staff div.positions div.position table.contacts td.number {
      width: 49%;
    }

    div.navigation li {
      margin-bottom: .5em;
    }