Menu Link 1
Menu Link 2

Normal Link 1
Normal Link 2

<html>
<head>
<style>
a:link
{ color: blue; font-size: 10px; text-decoration: underline }
a:visited
{ color: blue; font-size: 10px; text-decoration: underline }
a:hover
{ color: red; font-size: 10px; text-decoration: none }
a:active
{ color: blue; font-size: 10px; text-decoration: underline }

a.menu:link
{ color: red; font-size: 14px; font-weight: bold; text-decoration: underline }
a.menu:visited
{ color: red; font-size: 14px; font-weight: bold; text-decoration: underline }
a.menu:hover
{ color: blue; font-size: 14px; font-weight: bold; text-decoration: none }
a.menu:active
{ color: red; font-size: 14px; font-weight: bold; text-decoration: underline }
</style>
</head>

<body>
<p><a href="#" class="menu">Menu Link 1</a><br>
<a href="#" class="menu">Menu Link 2</a></p>
<p><a href="#">Normal Link 1</a><br>
<a href="#">Normal Link 2</a></p>
</body>
</html>


Also see
http://www.w3schools.com/css/css_pseudo_classes.asp
http://www.w3.org/TR/REC-CSS1#pseudo-classes-and-pseudo-elements