How Do I Make Hovered Links Change Font Face and Font Size? Options

[lalarachspectx3]

How do I make my links so when I hover it, the font is bold, the font changes to times new roman, and the font size enlarges?

This is what I have now when I changed it:

CODE

a:link{color:midnightblue;}
a:hover{color:dimgray; font size:15; font face:times new roman}
a:active {color:midnightblue;}
a:visited {color:midnightblue;}

But, how do I make it bold? AND when I did the font face, it didn't change the font face. Something wrong?

[lalarachspectx3]

Yeah, this is what I have.

CODE

<style style="filter:Glow(color=blue,strength=4);height:0px;" type="text/css">
body, td, li, p, div, textarea, li, h1, h2, p, br {color:black;}
.text {color:black;}
.nametext {color:black;}
.blacktext10 {color:black;}
.orangetext15 {color:black;}
.lightbluetext8 {color:black;}
.blacktext12 {color:black;}
.btext {color:black;}
.whitetext12 {color:black;}
.redbtext {color:black;}

a:link{color:midnightblue;}
a:hover{color:dimgray; font-size:13; font-family: times new roman; font-weight: bold;}
a:active {color:midnightblue;}
a:visited {color:midnightblue;}


b {color:483D8B;}
u {color: midnightblue;text-decoration:underline; border-bottom:dashed 1px black;}
s {color:B0C4DE;text-decoration:strikeout;}
i {color: 778899;}
hr {height:3;width:200;color:000000; }
</style>