body {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 1.5em;
 background-color: lightblue;
 color: blue;
 text-align: center;
}

#container {
 height: 100%; overflow: hidden;
 height: 100%; overflow: auto; position: relative; z-index: 2;
}

#div1 { position: absolute; top: 0; left: 0; z-index: 1; height:100px}
#div2 { position: absolute; top: 0; right: 0; z-index: 1; }
#div3 { position: absolute; bottom: 0; right: 0; z-index: 1; }
#div4 { position: absolute; bottom: 0; left: 0; z-index: 1; 
   height:40px; }

.center {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  text-align: center;
  color: blue;
}

.rightidx1 {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  display: inline;
  line-height: 1.65em;
  float: right;
  color: violet;
}
.rightidx {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  font-weight: normal;
  font-style: normal;
  display: inline;
  line-height: 1.65em;
  width: 33%;
  float: right;
  color: red;
}
.leftidx {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  font-style: normal;
  display: inline;
  line-height: 1.65em;
  width: 33%;
  float: left;
 /* border: 3px; */
  border-style: none; /* ridge; */
  color: blue;
}
h1 {font-size: 1.5em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}

h2 {font-size: 1.3em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}

h3 {font-size: 1.2em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}

h4 {font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}

h5 {font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}

ol { 
  background-color: yellow;
  margin: 4px 2px 4px 20px;
  padding: 1px 2px 1px 2px;
  list-style-type: upper-roman;
  list-style-position: inside;
}


a:link {
text-decoration: none;
}
a:hover {color: #4005e3;
background-color: #60e3dc;
text-decoration: underline;
}


.head {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: green;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  vertical-align: 1.5em;
  display: inline;
  border: 3px;
  border-style: outset;
  border-width: 5px 5px 5px 5px;
  float: none;
  width: 100%;
}

.foot {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  vertical-align: 1.5em;
  display: block;
  border:1px;
  width: 100%;
  color: blue;
  position: fixed;
  height: 20px;
  top: auto;
  right: 0;
  bottom: auto;
  left: 0;
}

.boxy {
  font-family: "Times New Roman", Times, serif;
  color: orange;
  background-color: white;
  width:220px;
  padding:10px;
  border:5px groove orange;
  margin:0px; 
  position:relative;
  left:20px;
}

.div1 {

position:relative; 

}