h1 { color: red; font-size: 1.4em;}

td.menu { color:#c30; background:#FEE6B8; }
td.menu:hover { color:#c30; background:white; }
td.menu span  { visibility:hidden; position:absolute; margin-left:5em; margin-top:-500em; padding:1em; text-decoration:none; }
td.menu:hover span { visibility:visible; position:absolute; margin-left:-1em; margin-top:1.2em; width:150px; border:1px solid #c30; color:blue; background:lightgrey;}
td.menu a {text-decoration:none;}

html {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

body {
  width: 99%;
  height: 99%;
  min-width: 99%;
  min-height: 99%;
  max-width: 99%;
  max-height: 99%;
}

#outerdiv{
  height: 100%;
  width: 100%;
  position: relative;
  margin: 0 auto;
  overflow:hidden;
  //background: #D1DEEF;
  //background:url(img/wu1.jpg) no-repeat; 
  //background:url(img/CIMG5121.JPG) no-repeat; 
  //background-size:auto 100%; 
  //background-position:center top;
}

img.scale{
  height: 100%;
  max-height: 100%;
  max-width: 100%;
}

#topdiv{
  position: absolute;
  top: 1%;
  width: 80%;
  margin-left:  10%;
  margin-right: 10%;
  padding-left:  1%;
  padding-right: 1%;
  height:20%;
  background-color:#FFF1D4;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
}

#logodiv{
  position: absolute;
  top: 1%;
  width: 80%;
  margin-left:  10%;
  margin-right: 10%;
  padding-left:  1%;
  padding-right: 1%;
  height:20%;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  background:url(img/Banner1.jpg) no-repeat;
  background-size: auto 100%;
  background-position:center top;
}

#menudiv{
  position: absolute;
  top: 22%;
  width: 80%;
  margin-left:  10%;
  margin-right: 10%;
  height:5%;
}

#contentdiv{
  position: absolute;
  top: 27%;
  width: 80%;
  margin-left:  10%;
  margin-right: 10%;
  padding-left:  1%;
  padding-right: 1%;
  max-height:68%;
  background: #FFF3D6;
  opacity:0.8;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
}
.scrollcontainer{
  height:68%;
}

#contentscrolldiv{
  overflow-y: scroll;
  overflow-x: hidden;
  height:100%;
  max-height:100%;
}

#footerdiv{
  position: absolute;
  bottom: 5px;
  width: 80%;
  margin-left:  10%;
  margin-right: 10%;
  height:20px;
  background: #333;
  text-align: center;
  color: #fff;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
}

#footerdiv  a:link    { text-decoration:none; color:#F2F5A9; } 
#footerdiv  a:visited { text-decoration:none; color:#F7FE2E; } 
#footerdiv  a:hover   { text-decoration:none; color:#FE642E; }