hi guys trying to make my links turn a different color when hovered over but it wont for some reason

any ideas

 

css code below

 

 

body{
	background: url(images/background.gif);
font-family: arial, helvetica, "sans serif";
text-align: center;
}

#header{
font-family: charlemagne std;
margin-right: 520px;
font-size: 34px;
color: #28313A;
}

#subheader{
font-family: charlemagne std;
margin-right: 400px;
font-size: 16px;
color: #28313A;
}


#container{
padding-top: 5px;
margin: 65px auto;
background: white;
width: 900px;
height: 100%;

}

#nav{
background-image: url(images/nav.gif);
width: 790px;
height: 50px;
margin: 0px auto;
}

#nav ul{
padding: 15px;
}

#nav ul li{
padding: 45px;
display: inline;
}

#nav ul li a{
text-decoration: none;
color: #C6C4C4;
}


#nav ul li a: hover{
color: #BFE119;
}

#content{
width: 450px;
height: 90%;
float: left;
	background: #28313a;
margin-top: 10px;
margin-left: 55px;
}

#rightcontent{
float: right;
width: 320px;
height: 90%;
background: #28313a;
margin-top: 10px;
margin-right: 55px;
}

 

i know it may not be how everyone sets theirs out but i learning at the min,

its ok guys ive worked it out

Just for reference, it's worth remembering that your Link declarations need to be set out in a certain order in your style sheet...

 

a:link

a:visited

a:hover

a:active

 

Think LoVe HAte