Try
Code:
<style type="text/css">
h2 a {color: #fff; font-family: Arial; font-weight:bold; font-size:19px; }
h2 a:hover { color: red; font-family: Arial;font-weight:bold; font-size:19px;}
</style>
or if you prefer 18px
Code:
<style type="text/css">
h2 a {color: #fff; font-family: Arial; font-weight:bold; font-size:18px; }
h2 a:hover { color: red; font-family: Arial;font-weight:bold; font-size:18px;}
</style>
Not really strange - you'd missed out the a so it's inheriting it from elsewhere would be my guess