Problema css tra views e blocchi

Salve scusatemi l'immenso disturbo che sto arrecando ma tra guide e views e blocchi non ci sto capendo piu' di tanto , allora ho inserito un blocco che contiene un codice html e stesso in questo codice ho inserito una porzione di codice per gli stili

.titolo{
background:#374C6E;
color:#FFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
text-decoration:none;
}
td.titolo:hover{
background:#374C6E;
}
.areaistituzione{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:900;
color:#999;
}
td:hover{
background:#4380d3;
}
td.areaistituzione a:hover{
color:#ffffff;
}

.areagiornali{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:900;
color:#999;
}
.areagiornali a:hover{
background:#4380d3;
color:#FFF;
}
.areaalbi{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:900;
color:#999;
}
.areaalbi a:hover{
background:#4380d3;
color:#FFF;
}

adesso che succede che quando clicco sui bottoni che si trovano in questo blocco si colorano di blu come potete notare , pero' cosa strana adesso che anche se vado sulle views sulle anteprime dell'articolo si colorano di blu il fondo , allora ho debbo togliere lo style ed creare un file a parte e chiamarlo blocco.css o non so consigliatemi voi.

Grazie