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

#container{
  height: 98%;
  padding-top: 75px;
  padding-bottom: 0px;
 
  
}

#top iframe{
  position: absolute;
  top:1%;
  left:1%;
  right: 1%;
  height: 7%;
  width: 98%;
  
}

#middlecontainer {
  position: relative;
  height: 99%;
  left: 0px;
  right: 1%;
  top:1%; 
  
  
}


#left iframe{
  position: absolute;
  left: 1%;
  height: 95%;
  width: 15%;
  
}

#middle iframe{
  position: relative;
  height: 95%;
  width: 100%;
  margin-left: 18%;
  margin-right: 1%;
  overflow: auto;
}

#navcontainer ul
{
margin: 10px;
padding: 0;
list-style-type: none;
}

#navcontainer a
{

color: #000000;
background-color: #FF9933;
width: 8em;
border-right: 2px solid orange;
border-left: 2px solid orange;
padding: .2em .7em;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #D5EAFF;
color: #000000;
}
body { background-image: url('./styles/blue.jpg') }





body		{ background-image: url('blue.jpg')}
P		{ font-family: Verdana, "Times New Roman", Times, serif; font-size: 10pt; font-weight: normal; }
H1		{ font-family: Verdana, "Times New Roman"; font-size: 24pt; color: white; }
a:link		{ color: #0000FF; text-decoration: none; }
a:visited	{ color: #000099; text-decoration: none; }
a:active	{ color: #000099; text-decoration: none; }
a:hover		{ color: #FF0000; text-decoration: none; }
td		{ font-family: "Courier New"; font-size: 10pt; font-weight: normal; }