/* Style sheet for Berkwood Hedge School (www.berkwood.org) */

  /* Use standard tags p, strong, small and big so even if a non-style browser
     is used, the page is rendered with the same intent */

  /* Modified tags */

  * {
  }

  html, body {
    height: 100%;
  }

  body {
    font-family: arial, helvetica, sans-serif;
    color: black;
    text-align: center;
    background: #AB7E5D url(images/shadow-brown.gif) repeat-y center;
  }

  img, div { behavior: url(iepngfix.htc); }

  body, form, table, tr, td, th, div, li, a { padding: 0; margin: 0; border: 0; }
  table { border-collapse: collapse; } /* these two lines, combined, same as cellspacing=0 */

  img { display: block; }  /* always put this when using Strict Doctype */
  .inline { display: inline; }

  p, #content li {
    line-height: 1.5em;
  }

  .indent {
    padding-left: 30px;
  }

  #content li {
    margin-bottom: 1em;
  }

  .jumpto li {
    margin-bottom: 0.5em !important;
    line-height: 1.25em !important;
  }

  h2 {
    font-family: "Trebuchet MS";
    text-transform: uppercase;
    font-size: 14px;
    color: #003333;
  }

  big, .big {
    font-size: 20px;
  }

  small, .small {
    font-family: verdana, arial, sans-serif;
    font-size: 80%;
  }

  strong, .strong {
    font-weight: bold;
  }

  ul {
    text-align: left;
  }

  hr {
    height: 1px;
    color: #E2C499;            /* IE uses color */ 
    background-color: #E2C499; /* Mozilla uses background-color */
    border: 0;                 /* Supress the border for Safari */
    clear: both;
  }

  /* Layout */

  #main {
    min-height: 100%;
    margin-bottom: -30px;  /* This affects the bottom margin */
    height: auto;
    width: 930px;  /* This affects the width */
    margin-left: auto;
    margin-right: auto;
    background: #FAF7E5 url(images/side.jpg) repeat-y;  /* this affects the sidenav width */
    text-align: left;
  }

  #main.home {
    background: #FAF7E5 url(images/sidehome.jpg) repeat-y;  /* this affects the sidenav width */
  }

  #ginko {
    background: url(images/ginkos-side.png) no-repeat;
  }

  * html #main {
    height: 100%;
  }

  #printheader {
    padding-bottom: 10px;
  }

  #printheader img {
    margin-bottom: 30px;
  }

  #header {
    background: #004E4E url(images/header.jpg);
    height: 130px;
    width: 930px;  /* This affects the width */
  }

  .home #header {
    background: #004E4E url(images/headerhome.jpg) no-repeat;
    min-height: 296px;
  }

  #leftsidenav {
    float: left;
    width: 164px;  /* this affects the sidenav width */
    margin: 0;
    padding: 10px;  /* this affects the sidenav width */
  }

  #leftsidenav ul {
    margin: 0;
    padding: 0px;
    list-style-type: none;
  }

  #leftsidenav a, .searchsubmit {
    text-decoration: none;
    font-family: "Trebuchet MS";
    font-size: 13px;
    color: #003366;
  }

  #leftsidenav a:hover {
    text-decoration: underline;
  }

  #leftsidenav li {
    padding: 0;
    background-image: none;
    margin-bottom: 0.5em;
  }

  #quicklinks {
    margin-bottom: 2em !important;
  }

  #search input {
    background: #FAF7E5;
  }

  .searchsubmit {
    background: none;
    background: url(images/trans.gif) !important;
    border: 0;
    cursor: pointer;
  }

  #rightsidenav {
    float: left;
    width: 165px;  /* this affects the sidenav width */
    margin: 0;
    padding: 9px;  /* this affects the sidenav width */
    font-family: "Trebuchet MS";
    text-transform: lowercase;
  }

  #rightsidenav ul {
    margin: 0;
    padding: 0px;
    list-style-type: none;
  }

  #rightsidenav a {
    font-size: 13px;
    text-decoration: none;
  }

  #rightsidenav a:hover {
    text-decoration: underline;
  }

  #rightsidenav li {
    padding: 0;
    background-image: none;
    margin-bottom: 0.5em;
  }

  #homefeature {
    height: 390px;
  }

  #gb img {
    margin-left: 42px;
  }

  #content {
    float: left;
    width: 541px;  /* This affects the width */
    padding: 10px;  /* This affects the width */
    color: #333333;
    font-size: 12px;
  }

  #footer {
    clear: both;
    height: 30px;  /* This affects the bottom margin */
    width: 930px;  /* This affects the width */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: #004E4E;
    font-size: 9px;
    font-family: verdana, georgia, sans-serif;
  }

  #clearfooter {
    clear: both;
    height: 30px;  /* This affects the bottom margin */
  }

  /* Menu */

  #menu, #bottomnav {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 0;
  }

  #menudiv {
    background-image: url(images/menu.png);
    margin-top: 65px;
  }

  #menu {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
  }

  #main.home #menudiv {
    margin-top: 100px;
  }

  #slides {
    margin-top: 23px;
  }

  #bottomnav {
    text-align: center;
    padding: 8px 10px 7px 10px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    color: white;
  }

  #menu li, #bottomnav li, #quicknav li {
    display: inline;
  }

  #menu li {
    margin: 1px;
  }

  #menu li a {
    padding: 5px 12px;  /* this affects the menu item width */
    text-decoration: none;
    font-family: "Trebuchet MS";
    color: #003333;
    font-size: 15px;
  }

  #bottomnav li a {
    text-decoration: none;
    padding: 0px 15px;  /* this affects the bottom menu item width */
    color: white;
    font-weight: bold;
  }

  .developed a {
    text-decoration: none;
    color: white;
  }

  .developed {
    text-align: center;
    padding-top: 3px;
    margin-right: 10px;
    font-size: 9px;
    float: right;
    font-family: verdana, arial, sans-serif;
  }

  #bottomnav li a:hover {
    text-decoration: underline;
  }

  #menu li a:hover {
    background: #FAF7E5;
    border: 1px solid #004E4E;
    padding: 3px 11px;  /* this affects the menu item width */
  }

  /* Tables */

  td {
    vertical-align: top;
    padding-right: 20px;
  }

  /* Classes */

  .center {
    text-align: center;
  }

  .underline {
    text-decoration: underline;
  }

  .doublespace li {
    padding-bottom: 1em;
  }

  .fright {
    float: right;
  }

  #headlines p {
    clear: both;
  }

  #headlines .highlight {
    text-transform: uppercase;
  }

  .headlinephoto {
    width: 82px;
    float: left;
    border: 1px solid black;
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .clear {
    clear: both;
  }

  .photo {
    border: 1px solid black;
  }

  .portrait {
    float: right;
    border: 1px solid black;
    margin: 0;
    padding: 0;
    margin-left: 10px;
    margin-bottom: 10px;
  }

  #contenttopimages {
    width: 100%;
  }

  #contenttopimages img {
    margin: 0;
    padding: 0;
    border: 1px solid black;
    display: inline;
  }

  #contenttopimages .left {
    margin-right: 18px;
  }

  #contenttopimages .middle {
    margin-right: 18px;
  }

  #contentsideimages, .contentsideimages {
    float: right;
    margin-top: 1em;
    margin-left: 20px;
    margin-right: 1px;
    margin-bottom: 20px;
    font-style: italic;
    text-align: center;
    color: #993300;
  }

  #contentsideimages img, .contentsideimages img {
    margin: 0;
    padding: 0;
    border: 1px solid black;
    margin-bottom: 15px;
  }

  .callout1 {
    padding: 10px;
    border: 1px solid black;
    width: 144px;
    background: #587972;
    color: white !important;
  }

  .callout1 h3 {
    font-family: "Trebuchet MS";
    font-size: 14px;
  }

  .callout1 li {
    padding-bottom: 1em;
  }

  .callout2 {
    padding: 10px;
    border: 1px solid black;
    width: 144px;
    background: #CCCCA8;
    color: #003333;
  }

  .callout2 h3 {
    font-family: "Trebuchet MS";
    font-size: 14px;
    color: white !important;
    color: #FAF7E5 !important;
  }

  .callout2 li {
    padding-bottom: 1em;
  }

  .callout2 a {
    color: #993300 !important;
  }

  #submenu a {
    color: #003366;
  }
  
  #submenu a.selected {
    color: #993300;
  }
  
  .submenuitem {
    padding-left: 25px !important;
  }

  .uberlink {
    color: black !important;
    text-decoration: underline !important;
  }

  #leftlinks {
    height: 150px;
    margin-bottom: 1em;
  }

  #matrixinstructions td {
    padding: 5px;
  }

  #matrixcontent h4 {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  #matrixcontent p {
    padding-top: 0;
    margin-top: 0;
  }

  #matrixcontent div {
    margin-bottom: 1em;
    margin-left: 0;
  }

  #matrix {
    border-width: 0 1px 1px 0;
    border-color: black;
    border-style: solid;
    border-width: 0;
  }

  #matrix td, #matrix th {
    border-width: 1px 0 0 1px;
    border-color: black;
    border-style: solid;
    border-width: 2px;
    border-color: #FAF7E5;
    text-align: center;
    padding: 0 !important;
  }

  #matrix td a {
    text-decoration: none;
    color: black;
    display: block;
    width: 100%; 
    height: 100%; 
  }

  #matrix td a p {
    margin: 0;
    padding: 5px;
    display: block;
  }

  #matrix td.c1 {
    background: #FFEAC1;
    white-space: nowrap;
  }

  #matrix td.c2 {
    background: #F3D4AA;
    white-space: nowrap;
  }

  #matrix td.c3 {
    background: #CBCAAB;
    white-space: nowrap;
  }

  #matrix td.c4 {
    background: #DCDBC6;
    white-space: nowrap;
  }

  #matrix td a:visited {
    color: black;
  }

  #matrix td a:hover, .mouseover {
    background: #E2C499 !important;
    text-decoration: none !important;
  }

  .highlight {
    color: #993300;
  }

  .matrixhighlight {
    background: #F9EA55;
  }

  div.whatsnew {
    height: 280px;
  }

  .home div.whatsnew {
    height: 155px;
  }

  h3.whatsnew {
    font-family: "Trebuchet MS";
    text-transform: uppercase;
    font-size: 14px;
    color: #993300;
  }

  p.whatsnew {
    font-family: "Trebuchet MS";
    font-size: 12px;
    color: #663366;
    text-transform: none;
  }

  a.whatsnew {
    font-family: "Trebuchet MS";
    text-transform: uppercase;
    font-size: 12px;
    color: #003366;
  }

  #content a {
    color: #466F72;
    color: #015C5D;
    font-weight: bold;
  }

  #content a:hover {
    text-decoration: underline;
  }

  #content ul {
    list-style-type: circle;
/*
    color: #588B8E;
*/
  }

  .address {
    font-family: "Trebuchet MS";
    font-size: 11px;
    color: #004E4E;
  }

  .leadin {
    color: #993300;
  }

  h4 {
    color: #993300;
    font-size: 13px;
  }

  .notop {
    padding-top: 0;
    margin-top: 0;
  }

  .nobottom {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .sample {
    border: 1px solid #E2C499;
  }

  .quote {
    margin-top: 10px;
  }

  .quote h1 {
    color: #993300;
    font-size: 15px;
    font-family: "Comic Sans MS", serif;
    font-weight: normal;
    text-align: center;
    padding: 0 20px;
    text-transform: none;
  }

  .quote .leftquote, .quote .rightquote {
    position: relative;
    top: 20px;
    line-height: 30px;
    font-size: 36px;
    color: #003366;
    font-family: "georgia";
  }

  .quote .rightquote {
    text-align: right;
    top: 5px;
  }

  .quote .quotee {
    float: right;
    margin-right: 4px;
    margin-top: 4px;
    color: #003366;
    font-size: 12px;
    font-family: verdana, sans-serif;
  }

  .tabledates {
    border-width: 0 1px 1px 0;
    border-color: #E2C499;
    border-style: solid;
    margin: 0;
    padding: 0;
  } 

  .tabledates td {
    padding-bottom: 2em;
    border-width: 1px 0 0 1px;
    border-color: #E2C499;
    border-style: solid;
    margin: 0;
    padding: 5px;
  } 

  .tabledates th {
    padding-bottom: 2em;
    border-width: 1px 0 0 1px;
    border-color: #E2C499;
    border-style: solid;
    margin: 0;
    padding: 5px;
    background: #E2C499;
  } 

  #calcontrols {
    float: right;
  }

  .month {
    width: 88px;
    height: 76px;
    background: url(images/month.jpg) no-repeat;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    float: left;
    padding-top: 5px;
    margin: 8px;
  }

  .monthdetail {
    display: none;
    clear: both;
    text-align: center;
  }

  .monthdetail h4 {
    text-align: left;
  }

  .monthdetail table {
    text-align: left;
    border: 1px solid #E2C499;
    border-width: 1px 0 0 1px;
  }

  .monthdetail td {
    vertical-align: top;
    padding: 5px;
  }

  .monthdetail table td {
    vertical-align: top;
    border: solid #E2C499;
    border-width: 0 1px 1px 0;
  }

  .caldate {
    text-align: right;
    width: 80px;
  }

  .caldesc {
    width: 400px;
  }

  .tar {
    text-align: right !important;
    padding-right: 20px;
    white-space: nowrap;
  }

  #tours .tar {
    padding-bottom: 14px;
  }
  .nowrap {
    white-space: nowrap;
  } 

  .full {
    color: red;
  }

  .doc {
    padding-right: 20px;
    background: transparent url('images/icons/word.gif') top right no-repeat;
  }

  .pdf {
    padding-right: 20px;
    background: transparent url('images/icons/pdf.gif') top right no-repeat;
  }

  .print { display: none; }

  /* Printer */

  @media print {

    .noprint { display: none; }
    .print { display: inline; }

    #leftsidenav, #rightsidenav, #footer, #menudiv, #allmonths, #calcontrols, #contenttopimages, #contentsideimages, .contentsideimages { display: none; }

    #main {
      width: 830px;  /* This affects the width */
    }

    #content {
      width: 700px;  /* This affects the width */
      padding-top: 30px;
    }

    #contenttopimages .left, #contenttopimages .middle {
      margin-right: 97px;
    }

    .monthdetail { display: block !important;}

  }