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

/*
 * Layout
 */

  /* Page header */
    div#NISDheader {
      position: relative;
      background-color: #00337f;
      background-color: #00438f;
      background-repeat: no-repeat;
      background-position: top center;
      border-bottom-color: #333;
      border-bottom-width: 3px;
      border-bottom-style: solid;
      color: #fff;
      font-family: "Century Gothic", sans-serif;
    }

    div#NISDheader h1,
    div#NISDheader ul.menu,
    div#NISDheader p#tagline {
      width: 700px;
      margin: 0 auto;
      padding: 0 0 0 50px;
    }

    div#NISDheader h1 {
      color: #fff;
      font-size: 18px;
      font-weight: normal;
    }

    div#NISDheader p#tagline {
      font-size: 16px;
      font-style: italic;
    }

    div#NISDheader ul.menu {
      position: relative;
      left: 50px;
      height: 55px;
      list-style: none;
    }

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

    div#NISDheader ul.menu li a {
      display: block;
      width: 100%;
      height: 100%;
      text-align: center;
      text-decoration: none;
    }

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

    div#NISDheader ul.menu li a span.label {
      position: relative;
      top: 17px;
      font-size: 16px;
    }

    div#NISDheader ul.menu li.home {
      background-image: url('/images/layout/button-northside-N.png');
      width: 40px;
      height: 75px;
      top: -10px;
      left: -48px;
      background-image: url('http://nisd.net/images/header/01.png');
      background-image: url('/images/layout/button-northside-N.gif');
      width: 50px;
      height: 75px;
      top: -15px;
      left: -55px;
      background-repeat: no-repeat;
      background-position: top center;
      background-color: inherit;
    }

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

    div#NISDheader ul.menu li.administration {
      left: 0px;
      background-color: #2b60a8;
    }

    div#NISDheader ul.menu li.schools {
      left: 100px;
      background-color: #386bad;
    }

    div#NISDheader ul.menu li.instruction {
      left: 200px;
      background-color: #4676b2;
    }

    div#NISDheader ul.menu li.hr {
      left: 300px;
      background-color: #5180b6;
    }
    div#NISDheader ul.menu li.hr a span.label {
      top: 8px;
    }

    div#NISDheader ul.menu li.community {
      left: 400px;
      background-color: #4676b2;
    }

    div#NISDheader ul.menu li.bond {
      left: 500px;
      background-color: #386bad;
    }

    div#NISDheader ul.menu li.news {
      left: 600px;
      background-color: #2b60a8;
    }

    div#NISDheader ul.menu li.search {
      top: 55px;
      left: 600px;
      height: 22px;
      background-color: inherit;
    }

    div#NISDheader ul.menu li.search a {
      text-align: right;
    }

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

    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;
    }


  /* Page footer */
    div#NISDfooter {
      clear: both;
      height: 87px;
      margin: 1cm auto 0;
      padding: 0 5mm;
      background-repeat: no-repeat;
      background-position: top center;
      background-color: #00337f;
      background-image: url('/images/layout/footer-bg.png');
      color: #fff;
    }

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

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

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

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




/*
 * Page content styles
 */
    .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 {
      width: 430px;
      height: 40px;
      padding: 10px 10px 0;
      margin: 0 0 1em;
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 100%;
      background-image: url('/images/layout/section_header.png');
      border-color: #00337f;
      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;
    }

    div.alert {
      border-width: 1px;
      border-style: solid;
      padding: .25em 0 .5em;
      font-size: 1.1em;
      font-weight: bold;
      text-align: center;
    }

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

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

    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;
    }