@import url('/css/template/');


/*
 * layout.css - Styles that affect the layout and positioning of pages.
 */

  body {
    margin: 0px;
    padding: 0px;
  }

  img {
    border: 0;
  }

  h1 {
    margin-bottom: 1em;
  }

  h2, h3, h4, h5, h6 {
    margin-top: 1em;
  }

  div#NISDpageContainer, div.pageContainer {
    width: 900px;   /* 1024.768 */
    width: 775px;   /* 800x600 */
    margin: 0 auto;
    overflow: auto;
  }

  /* For two column layouts */
  div.contentColumn {
    float: left;
    width: 58%;
    padding: 0 1%;
  }
  div.asideColumn {
    float: right;
    width: 37%;
    padding: 0 1%;
  }

  /* Error "dialog" */
  dl.errors {
    border-width: 1px;
    border-style: solid;
    padding: 10px;
  }

  /* An aside containing a list or table */
  div.infobox {
  	border-style: solid;
  	border-width: 1px;
  	margin: 1em 0;
  	padding: 0 5px 1em;
  }

  div.infobox .reverse {
    padding: 2px 0 5px;
    margin: 0 -5px 5px;
  }

  /* A masthead image */
  img.h1, img.header {
    margin-bottom: 1em;
  }

  /* A staff photo */
  img.mugshot {
    border-style: solid;
    border-width: 1px;
    margin: 3px;
  }
/* END - layout.css */


body {
  color: #000;
}

div#pageContainer {
  width: 100%;
}

body#contact div#pageContainer {
  margin: 2em;
}

h2, h3 {
  color: #d45e23;
}

dl.errors {
  border: 1px solid #333;
  padding: 10px;
}

dl.errors dt {
  font-weight: bold;
  color: #f00;
}

div.menu {
  float: left;
  width: 30%;
  margin-left: 2%;
}

div#employeeList ul {
  width: 250px;
}

div.menu > ul {
  padding: 0;
}

div.menu ul.destinationMenu {
  margin-bottom: 2em;
}

li {
  list-style-type: none;
}

a.subMenuLink, a.narrowedMenuLink {
  display: block;
  width: 100%;
  background-color: #edd593;/*eee;*/
  border: 1px solid #999;
  margin-top: 3px;
  padding: 2px;
  color: #000;
  text-decoration: none;
}

div.schoolMenu {
  margin-top: .5em;
}

p#captchaText {
  text-align: justify;
}

label, input, textarea {
  margin-left: 10px;
}

label {
  display: block;
}

input {
  display: block;
  margin-bottom: 1em;
}

input#empName {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right;
}

textarea {
  width: 90%;
}

input.text, input.button, textarea {
  border: 1px solid #999;
}

input.button {
  margin: 0 auto;
  background-color: #eee;
  padding: 0 2em;
}

p.notice {
  background-color: #ffffdd;
  border: 2px solid #ffd700;
  padding: 5px;
}