html, body {
  height:100%; 
  margin: 0px;
  padding: 0px;
}


.clsPage{
  display: table;
  height: 100%;
  width: 100%;
}

.clsTitle-Container{
  display: table-row;
}

.clsTitle-Content{
  text-align: center;
  font-size: xx-large;
  background-color: #00cc44;
  color: #ffffff;
  text-shadow: 2px 2px 2px blue;
}

.clsBody-Container{
  display: table-row;
  height: 100%;
  background-color: #000000;
}

.clsBody-Scroll{
  position: relative;
  overflow: auto;
  height: 100%;
}

.clsBody-Content{
  position: absolute;
}

.clsFooter-Container{
  display: table-row;
}

.clsFooter-Content{
  text-align: center;
  font-size: small;
  background-color: #00cc44;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000000;
}