text colour still white on class="selected"

[jarv]

I was just wondering why/how my class="selected" the text is white?! it should be blue?!

http://www.mutecms.com/cfs/index.html

#hd ul{
	background-color:#333333;
	height:40px;
	left:0;
	position:absolute;
	top:210px;
	width:950px;
}
#hd li {
	float:left;
	font-size:16px;
	height:40px;
	color: #FFFFFF;
}
#hd li a {
	float:left;
	font-weight:bold;
	line-height:40px;
	text-decoration:none;
	padding:0 25px;
}
#hd li a:hover{
	color: #0CC1D6;
	background-color: #FFFFFF;
	text-decoration: underline;
}
.selected{
	background-color: #FFFFFF;
	color: #0CC1D6!important;
}

[Excavator]

Hello jarv,
You need to style the anchor, not the li. You can either move that class .selected from the li to the a href or you can direct the CSS to the a like this -

.selected a{
	background-color: #FFFFFF;
	color: #0CC1D6!important;
}