qualcuno gentilmente sa dirmi quale è la sintassi corretta del css con i tag <a href>? lo chiedo perche nel testo la pagina web nn fa cio che io gli dico di fare

<div id="navigation_index">

<h1>HOME</h1>

<h1>Area Pubblica</h1>

<h1>Area Riservata</h1>

<h1>Servivi</h1>

</div>


/* CSS Document */
div#navigation_index {
width:100%;
}
div#navigation_index h1{
margin:0;
padding:5px;
border:0;
}
div#navigation_index h1 a:link{
font-size:14px;
color: #333333;
text-decoration:none;
font-weight:900;
margin:0;
padding:5px;
border:0;
font: Arial, Helvetica, sans-serif;
}
div#navigation_index h1 a:visited{
font-size:14px;
color: #333333;
text-decoration:none;
font-weight:900;
margin:0;
padding:5px;
border:0;
font: Arial, Helvetica, sans-serif;
}
div#navigation_index h1 a:hover{
font-size:14px;
color: #FF0000;
text-decoration:underline;
font-weight:900;
margin:0;
padding:5px;
border:0;
font: Arial, Helvetica, sans-serif;
}