#geral{ /* div que abriga todas as divs - todas as divs dentro dela */
width:460px; /* LARGURA */
margin:0 auto;			
padding: 0;
text-align:center; /* "remedio" para o hack do IE SE COLOCAR LEFT */	
border:1px solid black;
}

#box{ /* div onde vao aparecer as fotos */
width:460px;
height:380px;
float:left;
background-image: url(http://www.ctgbarbosalessa.org.br/Fotos_site/fundo.jpg);
text-align:center;
border:1px solid black;
}

#legenda{ /* div onde vai aparecer a legenda das fotos - muda as fotos - muda texto da legenda */
width:460px;
height:40px;
float:left;
background-image: url(http://www.ctgbarbosalessa.org.br/Fotos_site/fundo.jpg);
font-family: Consolas;
border:1px solid black;
}

#contador{ /* div onde vai aparecer o contador das fotos - muda as fotos - muda texto da legenda */
width:460px;
height:35px;
float:left;
background-image: url(http://www.ctgbarbosalessa.org.br/Fotos_site/fundo.jpg);
font-family: Consolas;
font-style: italic;
font-size: 14px;
text-decoration: underline overline;
border:1px solid black;
}

#nave{ /* aqui dentro outras duas divs - navega??o para proxima foto e foto anterior */
width:460px;
height:20px;
float:left;
border:1px solid black;
vertical-align: bottom;
}

#setas{
width:460px;
height:30px;
float:left;
background-image: url(http://www.ctgbarbosalessa.org.br/Fotos_site/fundo.jpg);
text-align:center;
border:1px solid black;
}


img{
border:0;
}

p{
margin:1px;
color:black;
font-weight: bold;
}