body
  {
  position:absolute;
  top:0;
  margin-bottom: 0;
  padding: 15% 0 5% 0;
  FONT: 16px "arial", Verdana, sans-serif;  
  }
div.fixeds
  {
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
  FONT: 16px "arial", Verdana, sans-serif;   
  margin-left:0em;
  padding-right:0em;
  background-color:#ffcc99;
  }
div.fixedt
  {
  position: absolute;
  top: 0;
  left: 20%;
  width: 80%;
  height: 7%;
  background:white;
  margin-top:0em;
  }
div.fixedb
  {
  position: absolute;
  top: 95%;
  left: 20%;
  width: 80%;
  height:5%;
  background:white;
  border-top:solid black 1px;
  }    
@media screen
  {
  body>div.fixedt
    {
    position: fixed;
    }    
  body>div.fixeds
    {
    position: fixed;
    }

  body>div.fixedb
    {
    position: fixed;
    }         
  }
  
DIV#links {
	Z-INDEX: 50;
	BORDER-BOTTOM: solid black 1px;
	BORDER-TOP: solid black 1px;
	WIDTH:100%; 
	LEFT: 5px; 
	FONT: bold 2 "arial", Verdana, sans-serif; 
	COLOR: blue;
	TOP: 0px; 
	HEIGHT: 40%;
	BACKGROUND:white;
	VERTICAL-ALIGN:middle;
	}

DIV#links A {

	PADDING-RIGHT: 10px; 
	DISPLAY: block; 
	PADDING-LEFT: 10px;  
	BACKGROUND: white; 	
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 1px; 
	FONT: bold 2 sans-serif; 
	COLOR: black; 
	PADDING-TOP:0px; 
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none}

DIV#links A:hover{
	BORDER-TOP: blue 1px solid; 
	BORDER-RIGHT: blue 5px solid; 	
	BACKGROUND: blue;
	COLOR: white;}

DIV#links A SPAN{
	DISPLAY: none}

DIV#links A:hover SPAN {
 
	DISPLAY: block;
	WIDTH:20em;

	Z-INDEX: 100; 
	BACKGROUND: aqua; 
	LEFT: 0;
	TOP: 0; 
	POSITION: absolute; 		 
	FONT: 10px "arial" Verdana, sans-serif; 
	COLOR: black; 
	PADDING-TOP:0px; 
	PADDING-BOTTOM: 0px;
	PADDING-RIGHT: 5px;
	PADDING-LEFT:5px; 		 	
	TEXT-ALIGN: left;
	}
	
div#leftpara{
	Float:left;
	width:48%;
	display:block:
	}
div#rightpara{
	FLOAT:right;
	width:48%;
	display:block;
	}