/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/
<style type="text/css">
.pequeno {
     color: white;
   font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.pequeno a:link {color : #ffffff; text-decoration: none;}
.pequeno  {color : #ffffff; text-decoration: none;}
.pequeno a:visited {color: #ffffff; text-decoration: none;}
.pequeno a:hover {background: #ffffff;color: #003366; text-decoration: none;}

.peqAtual {
     color: #BCB778;
   font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.peqAtual a:link {color : #BCB778; text-decoration: none;}
.peqAtual a:active {color : #BCB778; text-decoration: none;}
.peqAtual a:visited {color: #BCB778; text-decoration: none;}
.peqAtual a:hover {background: #ffffff;color: #003366; text-decoration: none;}

.medio-bold {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.homeEOutros {font-size: 10px; 
              font-family: Verdana, Arial, Helvetica, sans-serif;
			  color: #ffffff; 
			  text-decoration: none;}
 .homeEOutros a:link {color: #ffffff; text-decoration: none;}
 .homeEOutros a:visited {color: #ffffff; text-decoration: none;}
 .homeEOutros a:hover{background: #ffffff;color: #003366; text-decoration: none;}
 .homeEOutros a:active {color: #ffffff; text-decoration: none;}
 
.grande {
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
}
.grande a:link {color : #ffffff; text-decoration: none;}
.grande a:active {color : #ffffff; text-decoration: none;}
.grande a:visited {color: #ffffff; text-decoration: none;}
</style>