Menülinks und normale Links trennen

[Peter]

Nabend zusammen

Mir ist grad ein schwerer Fehler bei meinem CSS Design aufgefallen.
Ich habe auf meiner Page einmal ein Menü - natürlich bestehend aus Links <a> das durch den Style Sheet hier "designt" wurde:

#navcontainer ul  {
    padding-left: 0;
    margin-left: 0;
    background-color: #036;
    color: white;
    float: left;
    width: 100%;
    font-family: arial, helvetica, sans-serif;
    }
#navcontainer ul li   { display: inline; }
#navcontainer ul li a  {
    padding: 0.2em 1em;
    background-color: #036;
    color: #FFFF88;
    text-decoration: none;
    float: left;
    border-right: 1px solid #fff;
    }
#navcontainer ul li a:hover {
    background-color: #369;
    color: #fff;
    }

naja tut auch nichts weiter zu Sache...
Ich habe aber natürlich nun auch andere Links auf der Seite die ich z.B. mit

a:link     {color: xxxxx;}
a:visited  {color: xxxxx;}   <-geht das damit sich nur die Farbe ändert?
a:hover    {color: xxxxx;}

aufpeppen möchte. Nun würden sich aber beide Sheets beeinflussen.
Wie bekomme ich die denn nun getrennt... beides bestehen ja aus mehreren Attributen die quasie zusammengehören.

Habt ihr da eine Idee?

Hatte mal an folgendes gedacht (beispiel mit <p>)

CSS
p.Start {....}
HTML
<p class="xxx">...

aber ich glaube das ist nicht das gelbe vom Ei... Auch wenn wie würde ich das dann z.B. in der oberen Source einsetzten?

#navcontainer ul.ONE  {
    padding-left: 0;
    margin-left: 0;
    background-color: #036;
    color: white;
    float: left;
    width: 100%;
    font-family: arial, helvetica, sans-serif;

Danke schon mal!