Not reading my style. WHY?

[CSSquestion]

Hello, I don't know what is going on. Any help would be great.

I have a link that is not displaying properly. It looks like it is only reading the main a:link style and not reading anything else that is supposed to override it.

Here is the test site
http://virginiatechnicalinstitute.co...1/Default.aspx

The link testsub should have the style MenuLevel0_ItemSelected applied to it. However it is just using the main a:link instead

In firebug when i select it, it doesn't even show that it is reading the style. However it is listed under style sheets. I can pull up the styles that way. I don't know why it isn't reading them. I have even added that style to the main stylesheet that it is reading from. However it is still not allowing me to override the main link style.

Also: I've done this before and it has worked fine. I used the same technique here on this site. http://www.fcavirginia.com/AboutUs/F...8/Default.aspx See the side sub menu.

I don't know why its not working this time. Maybe i'm just not seeing something obvious

Help. Thanks.

This might help:
vti.css (This is what it is using)

a:link, a:visited {
color:#A4000B;
text-decoration:underline;
}

VerticalNoBG.css (This is what it should be using)

.MenuLevel0_ItemSelected a {
color:#960D18;
display:block;
font-family:"Lucida Sans Unicode",Tahoma;
font-size:14px;
font-weight:normal;
padding-left:10px;
text-decoration:underline;
white-space:pre-wrap !important;
width:165px;
}


HTML

<a class="MenuLevel0_ItemSelected" href="http://virginiatechnicalinstitute.com.serv6.temphostspace .com/About/testsub/tabid/61/Default.aspx">test sub</a>

more wierdness. I deleted the page & tried again.
The main About page works fine...but anytime i put a subpage under it...the CSS stops working.

Here is subpage that doesn't work test sub

Here is the one that does: About

Its on a CMS...Dot net nuke...but i've used it for years and never had a problem.






Ok, i've tried redoing it...and now i am faced with an even more frustrating issue... i think its related tho.

http://virginiatechnicalinstitute.co...5/Default.aspx

On this page I have two links with the EXACT same class, however one is being overridden by the main a:link and the other is showing up correctly. This is maddening. What is causing the hierarchy to get all screwed up. It makes no sense that one is doing it and the other isn't.

[CSSquestion]

Part of the problem was my cache needed to be cleared so i wasn't seeing the right thing. Problem number two was the syntax. This was a menu module I purchased so you would hope it would be ok...but alas...it was something very simple.

All of the links are written like this:
a.Menu_Arrow_Level0_Item

instead of this:
a.Menu_Arrow_Level0_Item:link

It caused them all to be overriden by the main a:link class.


In another place the style only worked when I didn't group it together with others. Anyone know why?

This is how it looked when it didn't work
.footer2 p, .footer2 .Normal, .footer2 a:link{
font-family: Tahoma;
font-size: 10px;
font-style: normal;
line-height: 10px;
font-weight: normal;
color: #8E8B7A;
}

The link was the only thing not working. So I separated it and now it works.

.footer2 a:link{
font-family: Tahoma;
font-size: 10px;
font-style: normal;
line-height: 10px;
font-weight: normal;
color: #8E8B7A;
}

Any ideas why?

Also what is the difference between

a.class:link & .class a:link

Thanks.