CSS Question

[jamiers]

This is probably a really easy question to answer. I want to change the size of the text in the footerright section, but the css is inheriting from the .footer section. Here is a snippet from my css:

/************************************************
*	Footer      								*
************************************************/

#footer {
	background: url(images/footer.png);
	width: 960px;
       height: 100px;
	margin: 15px auto 0px;
	padding: 0px;
	line-height: 20px;
	}
	
#footer p {
	color: #888888;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 9px 0px 0px 0px;
	}
	
#footer a, #footer a:visited {
	color: #888888;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #888888;
	text-decoration: underline;
	}
	
.footerleft {
/*J	width: 180px; */
	width: 250px;
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 20px;
	}
	
.footerright {
	width: 680px;
/*J	width: 750px; */
	float: right;
	margin: 0px;
	padding: 10px 0px 0px 0px;
/*J Added By Jamie */
        font-size: 19px;
	font-family: Times, Arial, Tahoma, Verdana;
/*J End Add By Jamie */
	text-align: right;
	}

I want to make the font-size 19 and times for .footerright. I thought all I had to do was redesignate it in .footerright? What am I doing wrong?

Jamie