html, body {
	margin: 0px;
	padding: 2px;
	border: 0px; 
		}
	
	#left {
		position: absolute;	 
		left:10px;
		top:50px;
		width:100px;
	 
		border:0px solid #000;
		}

	#main  {   
		background:#ffffff;	 
   		margin-left: 250px;
   		margin-right:20px;
		font-family: georgia, sans-serif; 
		font-size:20px;
		border:0px solid #000;
		voice-family: inherit;
	  	}
		
    


	#right {
		position: absolute;
		right:10px;
		top:50px;
		width:200px;
		 
		border:0px solid #000;							
		}
	
	
		
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size:24px;
	                font-weight: bold; 
		padding-top:10px;
		}
		
	#banner  {
                                font-size:18px;
	                 			
		padding:10px 10px 0px 10px;
		margin:0px;
	     
		}
	  
	#right p {
		font-size:16px;
		color:white;                             
              		}


 	#footer {
 	height:25px;
	 background:#c0c0c0;
	 color: #333333;
 	border:solid black;
 	border-width:1px 0 0 0;
 	margin:0;
 	}


	#header {
	 height:60px;
	 background:#eeeeee;
	 color: #333333;
 	}

#header{
 width: 100%;
 height: 75px;
 margin: 0;
 border: solid #333333;
 border-width: 0 0 2px 0;
 background: #3366CC;
 color: #333333;
 }
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#FFFF99;
    color:#666;
    text-decoration:none}

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

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:center;
    top:2em; left:2em; width:15em;
    border:1px solid #CC0000;
    background-color:#cfc;
    color:#0000FF;
    text-align: left}