Hover Link Help Options

[lalarachspectx3]

How do I make the top links [Home, Browse, Search, etc.] stay the way it is, which would be hovered and changed color & font, and enlargened.

But, how do I make the rest of the links on my page [Pics, Videos, View This Blog, Pisces, FRIEND, etc.] make it so the boldness goes away when hovered.

If you don't understand me, please ask me to rephrase.

Thank you so much, and I know this is possible because I've seen it on somebody else's profile. Thanks!

HERE IS MY CURRENT HOVER LINK CODE:

CODE

a:link{color:midnightblue; font-family:arial}
a:hover{color:black; font-size:16; font-family: times new roman; font-weight: bold; text-transform: lowercase;}
a:active {color:midnightblue; font-family:arial}
a:visited {color:midnightblue; font-family:arial}

[freeflow]

CODE

a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

or

CODE

a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}