body {
background:url(images/bg.jpg) #420000;
font-family:'Lucida Grande',Verdana, Arial, sans-serif;
font-size:11px;
color:#451D09;
}

#container{
width:744px;
margin-left:auto; 
margin-right:auto; 
padding:1px;
border:#AE9886 1px solid;
background:url(contentbg.gif) repeat-y #E3E2E2;
}

#headerbox{
height:146px;
width:746px;
background:url(headerbg.gif) no-repeat #9F876F top left;
margin-right:auto;
margin-left:auto;
border:#AE9886 1px solid;
padding:0;
}

#headerbox-raids{
height:146px;
width:746px;
background:url(headerbgRaids.gif) no-repeat #9F876F top left;
margin-right:auto;
margin-left:auto;
border:#AE9886 1px solid;
padding:0;
}

#headerbox-Expedicoes{
height:146px;
width:746px;
background:url(headerbgExpedicoes.gif) no-repeat #9F876F top left;
margin-right:auto;
margin-left:auto;
border:#AE9886 1px solid;
padding:0;
}

#headerbox-Provas{
height:146px;
width:746px;
background:url(headerbgProvas.gif) no-repeat #9F876F top left;
margin-right:auto;
margin-left:auto;
border:#AE9886 1px solid;
padding:0;
}

#headerbox-team4x4{
height:146px;
width:746px;
background:url(headerbgTeam4x4.gif) no-repeat #9F876F top left;
margin-right:auto;
margin-left:auto;
border:#AE9886 1px solid;
padding:0;
}

#banner
{
	background-position: #E3E2E2;
	border: #9F876F 1px solid;
	height: 2px;
	width: 734px;
	margin-left: auto;
	margin-right: auto;
	padding: 2px 6px 2px 6px;
	background: #E3E2E2;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 16px;
}

#centerbox
{
    width: 440px;
    padding: 9px;
    float: left;
    text-align: justify;
    font-family: 'Lucida Grande' , Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #451D09;
    margin-left: 21px;
}

#centerbox h4
{
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	position: relative;
	text-align: left;
	font-size: 12px;
	left: 120px;
	width: 360px;
	top: 18px;
	text-decoration: none;
	font-weight: normal;
}
#centerbox h5
{
    margin-top: 1.5em;
    border-top: 1px solid #bababa;
    position: absolute;
    font-size: 12px;
    font-variant: small-caps;
    text-align: right;
    width: 100px;
}
#centerbox h6
{
	margin-top: 0em;
    padding:0px;
	text-align: right;
}



#redheader{
width:474px;
float:left;
text-align:right;
padding:9px;
background-color:#A30000;
font-family:'Lucida Grande', Verdana, Arial, sans-serif;
font-size:14px;
font-weight:bold;
color:#C2B8AF;
}

#sidebox{
width:180px;
float:right;
border:0px;
margin-right:21px;
font-family:'Lucida Grande', Verdana, Arial, sans-serif;
font-size:10px;
color:#451D09;
}

.sideheader
{
    width: 180px;
    text-align: right;
    padding: 3px;
    border: none 0;
    border-top: 1px dashed #666666;
    border-bottom: 1px dashed #666666;
    font-family: 'Lucida Grande' ,Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #6F0000;
    margin-bottom: 10px;
}

.sidebox2{
width:180px;
padding:3px;
font-family:'Lucida Grande', Verdana, Arial, sans-serif;
font-size:11px;
color:#451D09;
border:0px;
}

.sidebox3{
width:180px;
padding:1px;
font-family:'Lucida Grande', Verdana, Arial, sans-serif;
font-size:11px;
color:#451D09;
border:0px;
}

#footer{
clear:both;
padding:6px;
background-color:#CCCCCC;
text-align:center;
font-family:'Lucida Grande', Verdana, Arial, sans-serif;
font-size:10px;
color:#6F0000;
}

A:link
{
	color: #FF0000;
	text-decoration: none;
}
A:hover{color:#6F0000; text-decoration:overline;}
A:active{color:#FF0000; text-decoration:none;}
A:active:hover{color:#6F0000; text-decoration:overline;}
A:visited{color:#FF0000; text-decoration:none;}
A:visited:hover{color:#6F0000; text-decoration:overline;}

h3 {
font-family:'Lucida Grande', sans-serif, Arial, Helvetica;
font-size:10pt;
font-weight:bold;
color:#E9E4DF;
}

b {
font-family:'Lucida Grande',Verdana, Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#6F0000;
}

input,textarea,select {
border:#A30000 1px solid;
background-color:#E9E4DF;
font-family:'Lucida Grande',Verdana, Arial, sans-serif;
font-size:8pt;
color:#6F0000;
}



/* CSS MENU EFFECT */
/* from Listamatic - Eric Meyer */

#navcontainer
{
padding:0px;
width:190px;
height:190px;
margin-left:526px;
background:#9F876F;
}

#navlist
{
    padding: 0px 1px 1px;
    margin-left: 0px;
    margin-top: 0px;
    font: bold 12px Verdana, Helvetica, sans-serif;
    background: #990000;
    width: 190px;
}

#navlist li
{
list-style: none;
margin: 0;
border-top:#990000 1px solid;
text-align: right;
}

#navlist li h1
{
display: block;
width:190px;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #660000;
background: #9F876F;
text-decoration: none;
}

#navlist li a
{
display: block;
width:190px;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #660000;
background: #9F876F;
text-decoration: none;
}

#navlist li a:link { color: #FFFFFF; }
#navlist li a:visited { color: #F3F3F3; }

#navlist li a:hover
{
border-color: #990000;
color: #660000;
background: #D7D0CA;
}

#centerbox_sd{
width:480px;
padding:0px;
float:left;
text-align:justify;
font-family:'Lucida Grande', Verdana, Arial, sans-serif;
font-size:12px;
color:#451D09;
margin-left:0px;
}


.flashclass{ /*sample CSS class added to image slideshow container*/
width: 360px; /*a width should be defined for transition to work*/
border-width: 2px 1px 2px 2px;
border-style: solid;
border-color: #666666;
background-color: #CCCCCC;
padding: 1px;
}

.flashclass img{
border-width: 0;
width: 360px;
height: 270px;
}

.flashclass2{ /*sample CSS class added to image slideshow container*/
width: 160px; /*a width should be defined for transition to work*/
border-width: 2px 2px 2px 1px;
border-style: solid;
border-color: #666666;
background-color: #CCCCCC;
padding: 1px;
}

.flashclass2 img{
border-width: 0;
width: 160px;
height: 270px;
}

.flashtblclass
{
    position:relative;
    left: -32px;
    padding: opx;
    top: -10px;
}

.flashtextclass{ 
background-color: #CCCCCC;
padding: 1px;
}

.tabelaclass
{
    padding: 3px;
    border: thin solid #C0C0C0;
    background-color: #808080;
    color: #FFFF99;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    float: right;
    vertical-align: top;
    table-layout: auto;
}

.sideboximg
{
    position:relative;
    left: 70px;
    padding: 0px;
    top: 4px;
}

.sadprecos-titulo
{
    margin: 25px 0px 5px 0px;
    border: 2px solid #FFFFCC;
    background-color: #663300;
    color: #FFFFCC;
    font-weight: bold;
    font-variant: small-caps;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    line-height: 25px;
}

.sadprecos-texto
{
    margin: 0px 0px 3px 10px;
    font-size: small;
}

.sadprecos-comment
{
    margin: 0px 0px 0px 10px;
    font-size: x-small;
}
.sadtabelaresumo
{
    padding: 6px;
    border: thin solid #C0C0C0;
    background-color: #666666;
    color: #FFFF99;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    float: left;
    vertical-align: top;
    table-layout: auto;
}
.sadtabelaresumocell
{
    border-style: none solid none none;
    border-right-width: 1px;
    border-right-color: #FFFFFF;
    text-align: right;
}

.flashclass520
{
    /*sample CSS class added to image slideshow container*/
    width: 520px; /*a width should be defined for transition to work*/
    border-width: 2px 1px 2px 2px;
    border-style: solid;
    border-color: #666666;
    background-color: #CCCCCC;
    padding: 1px;
    left: 2px;
    top: 2px;
    position: relative;
}

.flashclass520 img{
border-width: 0;
width: 520px;
height: 390px;
}

.flashclassSAP
{
    /*sample CSS class added to image slideshow container*/
    width: 360px; /*a width should be defined for transition to work*/
    border-width: 2px 1px 2px 2px;
    border-style: solid;
    border-color: #666666;
    background-color: #CCCCCC;
    padding: 1px;
    left: 2px;
    top: 2px;
    position: relative;
}

.flashclassSAP img{
border-width: 0;
width: 360px;
height: 246px;
}