BODY
{
    //scrollbar-face-color:  #F8BC70; // (#990000))Maroon; #F8BC70
	//scrollbar-shadow-color: Black;
	//scrollbar-highlight-color: #990000; //Yellow;
	//scrollbar-3dlight-color: White;
	//scrollbar-darkshadow-color: Grey;
	//scrollbar-track-color: #f0f0f0; // DarkGreen;
	//scrollbar-arrow-color: White;
	/*
	a:link........define o estilo do link no estado inicial; 
	a:visited...define o estilo do link visitado; 
	a:hover.....define o estilo do link quando passa-se o mouse sobre ele; 
	a:active....define o estilo do link ativo (o que foi "clicado"). 

	Link com um fundo de uma cor que muda no link hover 
	Este efeito também simula um "rollover" simples, consiste em mudar a cor de fundo no link hover. 
	Abaixo a regra para esse efeito:
	<!--
	a:link, a:visited, a:active {
	text-decoration: underline;
 	background:#FFFFFF;
	}
	a:hover {text-decoration: underline; 
 	color:#000; 
	background:#FFFFCC; 
	}
	-->

	*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	background-attachment : fixed;

}

A:link.branco  {
	text-decoration : none;
	color : #660000 ; //castanho;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: bold;
}

A:visited.branco  {
	text-decoration : none;
	color : #857248; //cinzento-esverdeado;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: bold;
}

A:hover.branco {
	text-decoration : underline;
	color: #B22222; background-color: #FFFFCC;
}

A:link.tema  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color : #660000;
	text-decoration: none;
}

A:visited.tema  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color : #FF9933;
	text-decoration: none;
}

A:hover.tema {
	text-decoration : underline;
}

A:link.tema  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color : #660000;
	text-decoration: none;
}

A:link.brancounder  {
	text-decoration : underline;
	color : #FF9933;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: normal;
}

A:visited.brancounder  {
	text-decoration : underline;
	color : #660000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: normal;
}

A:hover.brancounder {
	text-decoration : underline, overline;
	color: #B22222;
}

A:link.header  {
	text-decoration : none;
	color : #CC0000; // #FFFACD; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: bold; //normal;
}

A:visited.header  {
	text-decoration : none;
	color : #660000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: bold;
}

A:hover.header {
	text-decoration : underline;
	color : Olive;
}

A:link.artigo  {
	text-decoration : none;
	color : #006400;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight: bold;
}

A:visited.artigo  {
	text-decoration : none;
	color : #006400;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight: bold;
}

A:hover.artigo {
	text-decoration : underline;
	color: #B22222;
}

.temagrande {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight : bold;
	color : #993300;
	font-style : italic;
}

.tema {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9933;
	text-align: left;
}

.temalateral {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : White;
	text-align : justify; 	
}

.texto_abertura {
	font-family: cursive;
	font-size: 12px;
	font-weight: normal;
	color: #660000;
	text-align: justify;
	cursor: default;
}

.texto {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color :  #660000 ;  
	text-align : justify;
	cursor:default;
}

.texto_b {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #2B2B2B;
	text-align : justify;
	cursor:default;
}

.texto_tr {
	font-family: cursive;
	font-size: 11px;
	font-weight: normal;
	color: #660000;
	text-align: justify;
	cursor: default;
}


.apontamentos {
	font-family: cursive;
	font-size: 12px;
	font-weight: normal;
	color: #660000;
	text-align: justify;
	cursor: help;
	background-color: #FFF5EA;
	font-style: italic;
}

.fotos {
	font-family: cursive;
	font-size: 12px;
	font-weight: bold;
	color: Green;
	text-align: justify;
	cursor: help;
	background-color: #FFF8DC;
	font: small-caps lighter;
}

.nota {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color : #006400;
	text-align : justify;
}

.nota_b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	color: #484848;
}

.legenda {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : normal;
	color :  #804040 ;  
	text-align : justify;
	cursor:default;
}

.hora {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : normal;
	color : Gray;
	text-align : justify;
}

.horabranco {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : normal;
	color : #4B4B4B;
	text-align : justify;
}