I am getting in a pickle over my CSS. I have a red background #990033 for my navBreadCrumb line but my Left side column has a white background and I've used this red #990033 for the links to my information pages. The problem I have is that the links in the navBreadCrumb are red. The final product page shows as white but links to previous pages are red and I'd like all the text in the navBreadCrumb to be white unless hovering over it, when I'd like it to be #cc6633. At the moment it looks like nothing is there.

I've attached some of my CSS below encase anyone can take a look and see where I'm going wrong. As you can see, I have tried a few things but either my information links turn white and look like they disappear, as do the titles to my products, or breadcrumb text disappears. Please help someone.

a.link {
color: #006633;
text-decoration: none;
}
a:link, #navEZPagesTOC ul li a {
color: #006633;
text-decoration: none;
}
#navCatTabs ul li a {
color:#990033;
}
#navBreadCrumb UL LI A:link, {
color: #ffffff;
text-decoration: none;
}
#navBreadCrumb UL LI A:hover, {
color: #006633;
text-decoration: none;
}
#navBreadCrumb UL LI, a:visited, {
color: #ffffff;
text-decoration: none;
}
a:visited, #navBreadCrumb {
color: #ffffff;
text-decoration: none;
}
a:hover, #navBreadCrumb {
color: #006633;
text-decoration: none;
}
a:link, #navBreadCrumb {
color: #ffffff;
text-decoration: none;
}
a:link, #sideBoxContent {
color: #990033;
text-decoration: none;
}
a:visited, #sideBoxContent {
color: #cc6633;
text-decoration: none;
}
a:active, #navBreadCrumb {
color: #ffffff;
text-decoration: none;
}
a:visited, #navBreadCrumb ul li {
color: #ffffff;
text-decoration: none;
}
a:visited {
color: #990033;
text-decoration: none;
}
a:visited, #informationContent {
color: #990033;
text-decoration: none;
}
a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #cc6633;
text-shadow: Black;
}
a:active {
color: #cc6633;
}

Please help
Frustrated TeeGee.