/* $Id: layout.css 355 2007-08-06 06:38:39Z dret $ */

body
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 100%;
  color: #000000;
  background-color: #ffffff;
  font-family: arial, verdana, sans-serif;
}

/* Toolbar is the "help? contents? restart?" area below the footer */
/* Note, some toolbar styles are overwritten from within slidy.js */
div.toolbar {
  position: fixed; z-index: 200;
  top: auto; bottom: 0; left: 0; right: 0;
  height: 1.2em; text-align: right;
  padding-left: 1em;
  padding-right: 1em; 
  font-size: 50%;
  color: #000000; 
  background-color:  #CAE188;
}

div.slide {
  z-index: 20;
  margin: 0;
  padding: 0;
  border-width: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 120%; 
    width:  100%;
    height:  100%;
  background-color: transparent;
}

/* Content Page Background */

div.background {
  z-index: 1;
    margin: 0;
  padding: 0;
    position: absolute;
  bottom: 0;
  right: 0;
    background-image:  url("circles.gif");
    background-repeat:  no-repeat;
    background-position:  bottom right;
    background-color:  #ffffff;
    width:  283px;
    height:  311px;
}

/* Header Style */

div.slide h1 {
    font-size: 160%;
    background-color:  #8AA148;
    border-bottom:  5px #5173B6 solid;
    padding:  0.8em;
    margin: 0 0 1em 0;
    color:  #ffffff;
}

/* Overrides slidy.css second bullet italic style */
li li, li ul li { 
  font-style: normal;
}

/* Overrides some slidy.css bullet styles */
ul li, ol li {
  margin: 0.1em 0em 0.5em 1.5em;
}

/* Makes default li a blue square */
ul li {
  list-style: square url(bullet.gif);
}

/* Makes subsequent li's standard shapes */
li li 
{
  list-style: disc none;
}

li li li { 
  list-style: circle none;
}

li li li li {
  list-style: disc none;
}

pre { white-space: pre-wrap ; white-space: -moz-pre-wrap ; white-space: -pre-wrap ; white-space: -o-pre-wrap; word-wrap: break-word ; }

blockquote { margin : 3% ; padding : 3% ; border : 5px #5173B6 double ; }
.quotenote { text-align : right ; margin-right : 3% ; }

/* Footer Style */

div.slide div.footer {
    position: absolute;
    bottom:  17px;
    left: 0px;
    top:  auto;
    right:  auto;
    background-image:  url("i-school-logo-small.gif");
    background-repeat:  no-repeat;
    background-color:  transparent;
    height: 32px;
    width:  100%;
    border-bottom:  #8AA148 5px solid;
    padding: 0;
    margin:  0;
}

/* Cover Page Styles */

div.slide.titlepage {
    background-image:  url("south-hall.jpg");
    background-repeat:  no-repeat;
    background-position:  bottom right;
    background-color:  #ffffff;
    text-align: left;
}

div.slide.titlepage div.header {
    background-image:  url("i-school-logo.gif");
    background-repeat:  no-repeat;
    background-position:  20px 5px;
    background-color:  #ffffff;
    height:  100px;
    width:  100%;
    border-top:  #8AA148 25px solid;
}

div.slide.titlepage div.footer {
    position: absolute;
    bottom: 14px;
    right:  0px;
    left:  auto;
    top:  auto;
    padding: 0;
    margin:  0;
    width:  100%;
    height:  8px;
    background-color:  #ffffff;
    border:  0px;
    background-image:  url("footer-stripe.gif");
    background-repeat:  repeat-x;
}


div.slide.titlepage h1 {
  font-size: 180%;
    background-color:  #BAD178;
    border-bottom:  5px #81A3E6 solid;
    padding:  1.5em 1em 1.5em 15%;
    margin: 0;
    color:  #000000;
}

div.slide.titlepage h2 , div.slide.titlepage h3 , div.slide.titlepage h4 , div.slide.titlepage h5 , div.slide.titlepage h6  {
    padding-left: 15%;
    margin-left: 0;
}

div.slide.titlepage a { border : none ; 
}

a:hover, a:active {
  background-color :  #E0E0E0;
  color : black;
  text-decoration : none;
}

div.titlepage p.explanation {
  font-style: italic;
  margin-top: 3em;
}