body {
  border:0;
  height:100%; 
  max-height:100%; 
//  width: 80%;
  background:#ffffff; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
 // font-size:76%;
font-size: 11px;
  color:#00;

  }

#site
{
	background:#ffffff;

  margin-left: auto; margin-right: auto; 
  width:840px; 
  height: 100%;
	
}  
  #header {
  position: relative; 
color:#ffffff;
  top:10px; 
  height:10px; 
border-left: thin dotted #000000;
font-style: bold;

  }
  #imageTop {
    position: relative; 
	height: 120px;
	  display:block;
    top:30px; 
background:#ffffff;
color:#bbbbbb;
overflow: hidden;
width: 95%;
font-size:11px;

  }  
  
  span.dark{
    color:#666666;	
    
    }
  span.green{
    color:#339900;	
    font-weight:lighter;
    } 
  
  #footer {
  	
  position: relative; 
  bottom:0; 
  height:50px; 
  text-align:right; 
 border-top: thin dotted #000000;
 
  }
  
  
  #content {
	
  position: relative; 
  top:10px;

   
  bottom:50px; 
  right:0; 
 
  }
  
   #contentLeft {
  position:absolute; 

  left: 0px;
  top: 20px;

  width: 15%;
  bottom:50px;
  right:0; 
 
 
  }
  
     #contentMiddle {
  position:absolute; 
  left: 20%;
  width: 55%;
   top: 20px;
  
  bottom:50px;
  right:0; 
 
  }
  
     #contentRight {
  position:absolute; 
   left: 80%;
   top: 20px;
 
  width: 15%;
  bottom:50px;
  right:0; 
 
  }
  
  /* for internet explorer */

* html body {
  padding:120px 0 50px 0; 
  }

* html #contents {
  height:100%; 
  width:100%; 
  }
  
  p {width:250px;}
  
  hr {
  border-top: 1px dotted;
  width: 100%;
  height: 0px;
  
}


a:link {
	color: #000000;
	text-decoration: none;
	border-bottom-style: dotted;
	border-width: 1px;	

}
a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom-style: dotted;
	border-width: 1px;	
}
a:hover {
	/*color: #9999FF;*/
	
	text-decoration: none;
	border-bottom-style: dotted;
	border-width: 1px;
	background: #eeeeee;	
}
a:active {
	color: #2222AA;
	border-bottom-style: solid;
	border-width: 1px;	
}