2 typer links i stylesheet - hvordan?

Den overordnede linktype er som nedenfor. I min .main vil jeg gerne have en 'lokal' anden type link, da baggrunden her er hvid. Hvordan undgår jeg, at den overordnede (som fungerer for 2 hovedmenuer) ikke indgår i .main?



A {
text-decoration: none; color: #ffffff; font-size:10px; font-weight: bold;
}

A:hover {
text-decoration: underline; color: #ffffff; font-size:10px; font-weight: bold;
}

A:active {
text-decoration: underline; color: #ffffff; font-size:10px; font-weight: bold;
}



.tekst {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #999999;
}
.hovedmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
.venstremenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #FFFFFF;
    background-color: #C2C285;
    font-weight: bold;

}
.tableColor {
    background-color: AEAE76;
    width: 3px;

}
.tableHorizontal {
    background-color: #999966;
    height: 3px;
}
.hvidTekst {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #EAEAEA;
    background-color: #999966;

}
.main {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #666666;
    border: 1px none #999999;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    margin: 5px 10px 5px 1px;
    padding: 5px 10px 5px 1px;