body {
background: url(images/body.jpg) #E2B549 0 0 repeat-x;
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
margin: 0;
padding: 0;
}
#geral {
position: relative;
margin: 0 auto;
width: 770px;
height: 1350px;
background: url(images/bg.jpg) #000 0 0 repeat-y;
background-position: top right;
border: 1px solid #717171;
}
#foto {
position: absolute;
top: 0px;
left: 611px;
width: 159px;
height: 236px;
background: url(images/fotodapagina.jpg) 0 0 no-repeat;
z-index: 1;
}
#nome {
position: absolute;
top: 17px;
left: 235px;
width: 391px;
height: 55px;
background: url(images/nome.gif) 0 0 no-repeat;
z-index: 2;
}
#navbar {
position: absolute;
top: 110px;
left: 12px;
line-height: 10px;
z-index: 2;
}
.barnav a {
display: block;
width: 75px;
font: 11px  Verdana, Arial, Helvetica,sans-serif;
font-weight: bold;
color: #8E7821;
text-decoration: none;
background: #000 url(images/colcheia1.gif) 0 0 no-repeat;
text-align: left;
padding: 2px 2px 2px 17px;
margin-bottom: 5px;
}
.barnav a:hover {
color: #8E7821;
background: #000 url(images/colcheia2.gif) 0 0 no-repeat;
padding: 2px 2px 2px 17px;
}
a.selected {
color: #FFF7A1;
background: #000 url(images/colcheia2.gif) 0 0 no-repeat;
padding: 2px 2px 2px 17px;
}
#join {
position: absolute;
top: 370px;
left: 21px;
color: #FFE8AA;
font-size: 11px;
line-height: 15px;
}
#join a {
color: #FFE8AA;
font-size: 11px;
text-decoration: none;
}
#join a:hover {
text-decoration: underline;
}
#design {
position: absolute;
top: 470px;
left: 19px;
text-align: center;
color: #B0745F;
font-size: 10px;
z-index: 2;
}
#design a {
color: #B0745F;
text-decoration: none;
}
#design a:hover {
color: #FF9A77;
text-decoration: none;
}