I asked Will: How do you make links that aren't blue, underlined text, but that change colors when the mouse is over them?

His answer:
I use CSS styles to get the desired effect.  I have attached the html and css files for the main page.  The menu on the left is done similarly, but just in another frame.  I have also attached my base style file from my personal page, which is imported by main.css.  (This is the Cascading, or "C" in CSS.)  There is also some help online at w3c.org, although it can sometimes be a bit confusing to wade through.

-----------------------------------------------------------------
It looks like you put an @import statement at the end of the html file. Below is the last paragraph of his web page for his OR course.




Old Announcements:
There has been some interest in the course expressed from students who have conflicts with the time it is offered. Please contact the instructor, Dr. Turner, if you are interested in taking this course and when you are available so we can try to find a better meeting time, if possible. 
@import "http://persweb.wabash.edu/facstaff/turnerw/base.css";


table { border: 0%; padding: 0; padding-right: 5%; }


.menu { color: blue; background: silver; 
        font-weight: bold;
        border: ridge 0.5em blue;
        padding: 0;
        text-align: center;
        width: 100%;
        spacing: 0;
}


.menu a { color: blue; text-decoration: none; }
.menu a:hover  { color: silver; background: blue; }


.annoucements { color: navy; background: silver; 
        padding-left: 2%; padding-right: 2%; 
        border: ridge 0.5em red;
        width: 94%;
        spacing: 0;
        margin-left: auto; margin-right: auto;
}


.announcements a { color: blue; text-decoration: none; }
.announcements a:hover  { color: silver; background: blue; }


body {color: navy ; background:  white; font-family: Arial, sans-serif; }


:link, :visited, :active { color: blue; text-decoration: none; }
a:hover  { color: white; background: blue; }


h1, h2, h3, h4 { text-align: center; }


.new { color: red; background: yellow; font-weight: bold; font-size: large; }


img { border: 0 }