BODY {

background: url(images/heaven.jpg);
background-repeat: no-repeat;
background-position:center center;
background-attachment:fixed;
background-color: white;

 
font-size:16px;
font: normal 0.7em Arial;

COLOR: #000;

margin:0;
padding:<length> 0 0 0;
}

A:link {text-decoration: none; font-size:12; font-weight:bold; color: #000}
A:visited {text-decoration: none; font-size:12; font-weight:bold; color: #000}
A:active {text-decoration: none; font-size:12; font-weight:bold; color: #000}
A:hover {text-decoration: none; font-size:12; font-weight:bold; color: #4f7fff;}

#top {
filter: alpha(opacity=75); -moz-opacity: .55;background: #000000;
width: 1200px;
height: 110px;
position: absolute;
top: 0px;
left: 0px;
border: 0px double #EEE; 	
border-color: #141414 #202020 #222 #202020;
font: normal 0.7em sans-serif,Arial;
padding: 3px 3px;
}
#esquerda {

filter: alpha(opacity=75); -moz-opacity: .55;

width: 300px;
position: absolute;
top: 110px;
left: 0px;
border: 0; 	
border-color: #141414 #202020 #222 #202020;
font: normal 0.7em sans-serif,Arial;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
z-index: 0;
font-size:16px;
}

#esquerda00 {

	   background-image: url(images/top300.gif);
           background-position: 0px 0px;
           background-repeat: 0 0 repeat-y;
width: 300px;
height: 16px;
position: relative;
border: 0px double #EEE; 	
border-color: #141414 #202020 #222 #202020;
font: normal 0.7em sans-serif,Arial;
padding: 0px;
margin: 0px;
}

#esquerda02 {

	   background-image: url(images/bottom300.gif);
           background-position: 0px 0px;
           background-repeat: 0 0 repeat-y;
width: 300px;
height: 16px;
position: relative;
border: 0px double #EEE; 	
border-color: #141414 #202020 #222 #202020;
font: normal 0.7em sans-serif,Arial;
padding: 0px;
margin: 0px;

}


#esquerda01 {
background: #000000;
	   background-image: url(images/middle300.jpg);
           background-position: 0px 0px;
           background-repeat: 0 0 repeat-y;

width: 300px;
position: relative;
border: 0px; 	
border-color: #141414 #202020 #222 #202020;
font: normal 0.7em sans-serif,Arial;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 6px;
padding-right: 6px;
margin: 0px;
}
#centro {
filter: alpha(opacity=75); -moz-opacity: .55;

width: 800px;
position: absolute;
left: 50%;
top: 0px;

border: 0; 	
border-color: #141414 #202020 #222 #202020;
padding-left: 0px;
padding-right: 0px;
padding-top: 30px;
padding-bottom: 0px;
margin: 0px;
margin-left: -400px;
z-index: 0;
font-size:16px;
}

#centro00 {

	   background-image: url(images/top600.gif);
           background-position: 0px 0px;
           background-repeat: 0 0 repeat-y;
width: 800px;
height: 32px;
position: relative;
border: 0px double #EEE; 	
border-color: #141414 #202020 #222 #202020;
padding: 0px;
margin: 0px;
}

#centro02 {

	   background-image: url(images/bottom600.gif);
           background-position: 0px 0px;
           background-repeat: 0 0 repeat-y;
width: 800px;
height: 32px;
position: relative;
border: 0px double #EEE; 	
border-color: #141414 #202020 #222 #202020;
padding: 0px;
margin: 0px;

}

#centro01 {
	   background-image: url(images/middle600.gif);
           background-position: 0px 0px;
           background-repeat: 0 0 repeat-y;

width: 800px;
position: relative;
border: 0px; 	
border-color: #141414 #202020 #222 #202020;
font-size:16px;
COLOR: #000;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin: 0px;
}

#centro03 {
background: #000000;
	   background-image: url(images/middle600.jpg);
           background-position: 0px 0px;
           background-repeat: 0 0 repeat-y;

width: 800px;
position: relative;
border: 0px; 	
border-color: #141414 #202020 #222 #202020;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 6px;
padding-right: 6px;
margin: 0px;
}
#centro03 table{
border-style: solid;
border-width: 1px;
}

#direita {

filter: alpha(opacity=75); -moz-opacity: .55;

width: 300px;
position: absolute;
top: 110px;
left: 900px;
border: 0; 	
border-color: #141414 #202020 #222 #202020;
font: normal 0.7em sans-serif,Arial;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
z-index: 0;
font-size:16px;
}

#direita00 {

	   background-image: url(images/top300.gif);
           background-position: 0px 0px;
           background-repeat: 0 0 repeat-y;
width: 300px;
height: 16px;
position: relative;
border: 0px double #EEE; 	
border-color: #141414 #202020 #222 #202020;
font: normal 0.7em sans-serif,Arial;
padding: 0px;
margin: 0px;
}

#direita02 {

	   background-image: url(images/bottom300.gif);
           background-position: 0px 0px;
           background-repeat: 0 0 repeat-y;
width: 300px;
height: 16px;
position: relative;
border: 0px double #EEE; 	
border-color: #141414 #202020 #222 #202020;
font: normal 0.7em sans-serif,Arial;
padding: 0px;
margin: 0px;

}


#direita01 {
background: #000000;
	   background-image: url(images/middle300.jpg);
           background-position: 0px 0px;
           background-repeat: 0 0 repeat-y;

width: 300px;
position: relative;
border: 0px; 	
border-color: #141414 #202020 #222 #202020;
font: normal 0.7em sans-serif,Arial;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 6px;
padding-right: 6px;
margin: 0px;
}
code {		
background: url(img/bgcode.gif);		
display: block;	
padding: 3px 6px;	
white-space: pre;	
margin-bottom: 12px;
}
h7 {
color: #ffffff;
}
#ul {	
margin: 12px 0;
}
#li {	
list-style: url(img/li.gif);	
margin-left: 18px;
}
#item {	
background: #000000 
url(img/bgitem.gif) repeat-x;
padding: 8px 10px;
}
#al {
text-align: center;
}

div#main2 {
background: #000000;
	   background-image: url(images/middle600.jpg);
           background-position: 0px 0px;
           background-repeat: 0 0 repeat-y;

width: 800px;
position: relative;
border: 0px double #EEE; 	
border-color: #141414 #202020 #222 #202020;
font: normal 0.7em sans-serif,Arial;
padding-left: 3px;
padding-right: 3px;
padding-top: 0px;
padding-bottom: 0px;
           
}

UL#nav {
        font-size: 12pt;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #000 #000 #000;
	   background-image: url(images/menu-h-bg.gif);
           background-position: 0% -1px;
           background-repeat: 0 0 repeat-x;
           color: #fff;
         z-index: 700;

  position: absolute;
  top:0;
  left: 50%;
  margin-left: -400px;

  width:800px;
  height:<length>;

}

#footer { 
padding-top: 10px;
text-align: center;
}
#footer a {
font: normal 0.7em Arial;
color: #ccc;
}

@media screen{
  body>div#header{
   width:600px;
   position: fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#centro{
  height:100%;
  width:90%;
  overflow:auto;
 }