#title {
    border:2px ridge gray;
    float:top;
    position:relative;
    background:#90AEFF;
    text-align:center;
    height:15%;
  }


#nav {
    position:absolute;
    float:left;
    width:20%;
  /*  margin:1em;*/
/*    border-right : 3px ridge gray; */
/*    height: inherit;*/
    bottom:15%;
    top:15%;
    height:70%;
    overflow:auto;

  }

#nav a, #nav a:visited {
  position:relative;
  text-decoration:none; 
  text-align:center; 
  background-color:#9ab; 
  color:#fff; 
  display:block; 
  width:10em; 
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:0.25em;
  margin:0.5em auto;
  }

#nav a:hover {
  top:2px;
  left:2px;
  color:#fff;
  border-color:#345 #cde #def #678;
  }



#contents {
    left:20%; 
  /*  margin-left:21%;*/
    position:relative;
    width:80%;
    height:70%;
    overflow:auto;
   
   
  }


 #footer {
    
    height:15%;
    text-align:center;
    margin-top:2em;
    padding:1em;
    border-top:3px double gray;
    position:relative;
    float:bottom;
  }

/* #footer {position:absolute; margin:0; bottom:0; left:21%; display:block; width:100%; height:15%; font-size:1em; z-index:5; overflow:hidden;  text-align:left;   }
*/

.countdown {
 color:red;
  }