html, body, #main{	
	width: 100%;	
	height: 100%;
	overflow: hidden;
	font: 10pt Arial,Myriad,Tahoma,Verdana,sans-serif;
}
.header {
	position: absolute;
	top: 32; 
	left: 3px;
  background-color: #202020;
  color: white;
}
.footer {
	position: absolute;
	bottom: 3px; 
  background-color: #202020;
  color: white;
}
.footerR {
	position: absolute;
	right: 3px;
	bottom: 3px; 
  background-color: #202020;
  color: white;
}
.tab {
   color: black;
   background-color: #aaaaaa;
   border: thin solid #202020;
   position: absolute;
   top: 10;
   width: 100;
   text-align: center;
   font: 9pt Verdana,sans-serif;
   z-index: 2;
   padding: 3;
}
.panel{
   position: absolute;
   top: 182;
   left: 3;
   width: 96%;
   float: left;
   z-index: 1;
   bottom: 20px;
   height: 64%;
   visibility: hidden;
   font: 10pt Verdana,sans-serif;
   color: white;
   background-color: #202020;
   border: thin solid #202020;
   padding: 10;
   overflow: auto;
}
#links {
	position: absolute;
	top: 32;
	width: 10%;
	color: white;
}

a.info{
position:relative;           /*this is the key*/
z-index:24;
background-color:#e0e0e0;    /* background colour of display text */
color:#000000;               /* colour of display text */
border:1px solid #555555;    /* border colour */
text-decoration:none;
font-style:italic;
}

a.info:hover {
z-index:25;
background-color:#aaaaff;

}

a.info span{
display: none;  /* hide the span text using this css */
}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top: 1em;
left: 1em;
width:10em;
border:1px solid black; /* border colour */
background-color:#aaaaff; /* background colour here */
color:black;         /* text colour */
text-align: center;
font-size: .8em;
font-style:italic;
font: 9pt Verdana,sans-serif;
z-index:30;
}

.images {
vertical-align:bottom;
}