very odd css problem

[Chadi]

I have this tag cloud on the right column of my home page.

http://www.talkjesus.com/

It has 5 font size levels.

The css is:

<style type="text/css">
a.tagcloudlink:link, a.tagcloudlink:visited { text-decoration:none; }
a.tagcloudlink:hover, a.tagcloudlink:active { text-decoration:underline; background-color: #4F57A0; color: white; }
a.level1 { font-size: 11px; color: #ff9900 }
a.level2 { font-size: medium; }
a.level3 { font-size: large; color: #ff9900 }
a.level4 { font-size: x-large; }
a.level5 { font-size: xx-large; }
</style>

Works just fine except the color portion on either 5 a:level#

For example, level 1 and 3 does not show #ff9900 color at all. I did a hard refresh and even proved something very weird is happening because I made level 1 32px in font size to quickly test it, font size blew up to 32px just fine on refresh.

So if someone can figure out why the color portion is not taking effect, would appreciate that help.