שאלה ב- CSS

שלום לכולם,

יש לי בעיה שאין לי מושג מודע היא קוראת ואיך לתקן אותה…

אני מעוניין שבתפריט העליון והתחתון הקישורים יופיעו בלבן ואחרי שאני עובר עליהם הם הופכים לירוק. ובשביל זה אני משתמש ב- CSS
להלן הקוד:


.menu a:link, a:visited {
    font-family: Arial, tahoma;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    direction: rtl;
}
.menu a:hover, a:active {
    font-family: Arial, tahoma;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    color: #CAD7BB;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}


הבעיה היא שהוא מציג התחלה את הטקסט בשחור בניגוד למה שביקשתי אבל אחרי שאני עולה עליו הוא כן מציג אותו בירוק…

מה עשיתי לא נכון?
זאת אותה בעיה גם כן בתפריט התחתון, אם אתם לא רואים זאת לחצו על אחד מהקישורים בתפריט העליון…

קישור לאתר