* {margin: 0; padding: 0; }
Body{
background-image:url(img/fundo1.gif); 
background-repeat:repeat;
/* text-align:center; */
padding:0;
margin-top:10px;
}
#area_geral{
width:800px;
background-color:#eeeeff;
height:auto;
margin:auto;
}
/*----------------------------------------------------------*/	
ul#menutt{
width:170px;
list-style:none;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
ul#menutt li{
position:relative;
}
ul#menutt a{
width:170px;
display:block;
text-align:left;
padding:5px 10px;
/*margin-bottom:1px;*/
text-decoration:none;
color: #000;
background:#D9D336;
border-left:12px solid #AF9F17;
border-right:3px solid #AF9F17;
}
ul#menutt a:hover{
color: #fff;
border-right: 3px solid #B2B155;
border-left: 12px solid #B2B155;
}
li ul{
font:12px sans-serif, Verdana, Arial, Helvetica;
position:absolute;
top:0;
display:none;
}
li:hover ul{
display:block;
text-decoration:none;
list-style:none;
left:205px;
}
/*----------------------------------------------------------*/	
.txt:first-letter{
font-size:180%;
}
a:link{
text-decoration: none;
color:#000099;
}
a:visited{
text-decoration: none;
color:#006600;
}
a:hover{
text-decoration: none;
color:#FF0000;
}
a:active{
text-decoration: none;
color:#000099; 
} 
.menu{
background-color:#eeeeff;
text-align:center;
font-size:11px;
border-bottom:1px outset #CCCCCC; 
border-right:2px outset #CCCCCC; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* CSS Tooltip */
div#qTip {
 padding: 3px;
 border: 0px solid #666;
 border-right-width: 0px;
 border-bottom-width: 0px;
 display: none;
 background: #004A73;
 color: #FFF;
 font: bold 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

/* CSS Rollover */
#rolimg { 
position:relative;
width: 110px;
height:97px;
}
#rolimg div {
width: 110px;
height:97px;
background-image: url(img/cavaleiro1.gif); 
}
#rolimg div:hover { 
background-image: url(img/cavaleiro3.gif); 
}