Links not showing

HTML & CSS
1

Hi All,

I’m having an odd problem that I’ve never had before.

In the content of this page http://www.durhamtheatrefestival.com/gala.html

You will see a section right beside the Tosca Banquet Hall logo where tickets are highlighted. Once you click on the link to go to another page and then you go back, the link is white but in my css file it is told not to be white. My footer links are somehow taking over my content links.

here is a few lines of code to show what is going on. I have taken a look at this in firebug and found out that the footer links are taking over.

#content a:link, a:visited{
	color:#00C;
	text-decoration:none;
}

#content a:hover {
	color:#222222;
	text-decoration:none;
}
#footer a:link, a:visited {
	color: #ffffff;;
	font-size: 1.0em;
	text-decoration: none;
}

#footer a:hover {
	color: #cacaca;
	text-decoration: none;
	font-size:1.0em;
}

Any idea what is happening?

2

Hi, when you use commas to combine rules, this

#footer a:link, a:visited {
	color: #ffffff;;
	font-size: 1.0em;
	text-decoration: none;
}

Is the exact same as this

#footer a:link {
	color: #ffffff;;
	font-size: 1.0em;
	text-decoration: none;
}
a:visited {
	color: #ffffff;;
	font-size: 1.0em;
	text-decoration: none;
}

You have to add the #footer there to each rule you separate via commas, I hope you know what I mean lol :). They are separate rules entirely :).