html
{
  height:100%; 
  max-height:100%;  
  padding:0; 
  margin:0; 
  border:0; 
  font-size:100%; 
  font-family: Times New Roman,Times,serif,sans-serif;
  background:#000; 
  overflow: hidden; 
}

body
{
  height:100%; 
  max-height:100%; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  border:0;
}

#head
{
  position:fixed; 
  margin:0; 
  top:0; 
  right:18px; 
  display:block; 
  width:100%; 
  height:150px;
  background-color: #000; 
  padding: 5px;
  font-size:4em; 
  z-index:5; 
  color:#fff;
  border-bottom: thin solid Gray;
}

#content
{
  display:block; 
  height:100%; 
  max-height:100%; 
  overflow:auto; 
  margin-left:9.5em; 
  margin-right:15px; 
  position:relative; 
  color:#fff;
  z-index:3;
}

#foot
{
  position:fixed; 
  margin:0; 
  bottom:-1px; 
  right:18px; 
  display:block; 
  width:100%; 
  height:50px; 
  background-color: #000; 
  color:#fff; 
  text-align:center; 
  font-size:1em; 
  z-index:4;
  border-top: thin solid Gray;
}


#left
{
  position:fixed; 
  left:0; 
  top:0; 
  width:9em;
  height:100%; 
  background-color: #000; 
  background-position:0 150px;
  color:#fff;
  z-index:4;
  border-right: thin solid Gray;
}


* html #head, * html #foot,* html #left
{
  position:absolute;
}

#pad1
{
  display:block;
  width:18px;
  height:150px;
  float:left;
}
#pad3
{
  display:block;
  width:18px;
  height:50px;
  float:left;
}
.pad2
{
  display:block;
  height:150px;
}

#content p
{
  padding:5px;
}

.bold
{
  font-size:1.2em;
  font-weight:bold;
}

#menu a, #menu a:visited
{
  position:relative;
  text-decoration:none; 
  text-align:center; 
  background-color:#3ef; 
  color:#000; 
  display:block; 
  width:5em; 
  border:2px solid #000;
  border-color:#fff #1bc #067 #7ff;
  padding:0.25em;
  margin:0.5em auto;
}

#menu a:hover
{
  top:2px;
  left:2px;
  color:#000;
  border-color:#067 #7ff #fff #1bc;
}
