html, body{ 
 margin:0; 
 padding:0; 
 /*text-align:center; */
} 
 
#pagewidth{ 
 width:920px; 
 text-align:left; 
 margin:0 auto; 
 
 
} 
 #bannerf{
display:block;
position:absolute;//A posição fica absoluta
left:100px;//Aqui é a posição a esquerda
top:0px;//e aqui é em relação ao topo ai é só ajustar a posição que você irá precisar
} 
#header{
 position:relative; 
 height:320px; 
 
 width:100%;
 display:block;
 overflow:auto;
} 
a:link{
text-decoration: none;
color: #000000;
}
a:visited{
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #f00;
} 
dt{
background-color:#990000;
color:#FFFFFF;
}

dt:hover{
cursor:pointer;
}
#menu{
 width:200px; 
  float:left; 
 position:relative; 
 background-color:#D0DAFF;

 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 
  }
  
  #menu li{
  background-color:#990000;
   list-style-type:none;
  }
  #menu li a{
  color:#FFFFFF;
  }
  #banner{
  width:100%;
  position:relative;
  height:200px;
  left:30%;
  }
  #centralcol{
  margin-left:20px;
  margin-top:20px;
 width:680px; 
  float:left; 
 position:relative; 
 background-color:#D0DFFF;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 text-align:justify;
  }
  #leftcol{
  margin-left:20px;
  margin-top:20px;
 width:330px; 
  float:left; 
 position:relative; 
 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
  }
  #rightcol{
  margin-right:20px;
  margin-top:20px;
 width:330px; 
  float:right; 
 position:relative; 
 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
  }
 
#maincol{
  
 position: relative; 
 width:720px;
 float:right; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 }
 
#footer{
 height:80px;
 color:#FFFFFF; 
 background-color:#990000;
 clear:both;
 display:block;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
} 
 

 
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}