שאלה ב CSS

אז ככה.
יצרתי קובץ css.
נגיד or.css
וכתבתי בו:


.text {
    color: #FFFFFF;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;

}
.background {
    background-color: #336699;
}

.scroll {
    scrollbar-face-color: #4486C8;
    scrollbar-highlight-color: #4486C8;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-track-color: #336699;
}


עכשיו, יש לי דף index.html. הוספתי בעמוד הזה


<STYLE type="text/css">
<!–
BODY {
scrollbar-face-color: #4486C8;
scrollbar-highlight-color: #4486C8;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #336699;
}
–>
</STYLE>
<style type="text/css">
<!–
–>
</style>
<link href="/gamextra.css" rel="stylesheet" type="text/css">
<style fprolloverstyle>
A:link {color: #D9D9D9; text-decoration: none}
A:hover {color: #FFFFFF; text-decoration: underline}
A:visited {color: #CCCCCC; text-decoration: none}
</style>


אני עושה קישורים רגילים והם לא נראים כמו שהגדרתי שייראו. למשל הצבעים שבחרתי, הקו מתחת וכו'.

איך אני מגדיר שהקישור יתאם את עצמו ל css ?
למרות שהגדרות הbody עובדות.

תודה!