/* CSS Document */
    * {
  	 margin: 0;
    }
    html, body {
  	 height: 100%;
  	 font-size:16px;
    }
    .footer, .push {
      height: 8%; 
      padding:8px 2px 2px 2px;
    }
    #ref {
      font-family:arial, helvetica, sans-serif;
      font-size:10px;
      margin:0px 2px 10px 20px;
      text-align:left;
    }
      
    body {
      text-align:center;
    }
    #contents {
      position:relative;
      height: 100%;
      margin:2px;
      /* 
      min-height: 100%;
  	  height: auto !important;      
      margin: 0 auto -2em;  the bottom margin is the negative value of the footer's height 
      */
    }
    #headerX {
      position:relative;
      margin: 2px auto 0 auto;
      height:5%;
    }	 
    #heading {
      float:left;
      width:300px;
      height:50px;
      text-align:left;
      margin: 0px 2px 2px 10px;
      padding:0;
    }	
    #controls {
      position:relative;
      text-align:left;
    }
    #container {
      position:relative;
      height: 88%;
      margin: 0 auto 0 auto;
    }     
    #main{
  	 margin: 0px auto;
  	 height: 100%;
  	 padding:2px;
    }   
    h1 {
      margin:0;
      padding:0;
      font-size:22px;
    }
    
    #slide {
      background:white;
      width:100%; 
      height:100%;     
    }
    #incrThings {
      display:block;
    }
    #pause {
      visibility:hidden;
    }
    #resume {
      visibility:hidden;
    }    
    .white {
      color:white;
    }
  div.scroll {	
    height: 544px;	
    width: 800px;	
    overflow: auto;	
    border: 1px solid #666;	  
    background-color: #fff;	
    padding: 2px;
    margin: 0px auto;
  }  
  h1 {
    margin: 2px;
    font-size:20px;
  }