Nav Menu Link Color

I would like to specify a specific color for my Login link located in my page menu, and I cannot get it to work. Below is the Login code and respective css.

Code:

<div class="login">
<?php
	global $current_user;
	get_currentuserinfo();

	if (!(is_user_logged_in())) { ?>
		<a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php echo urlencode($_SERVER['REQUEST_URI']); ?>">Log in</a>
	<?php } elseif
		(
		(($current_user->user_login) == "brock") 	||
		(($current_user->user_login) == "admin")
		)
		{
			echo "<a href=\"";
			echo get_option('siteurl');
			echo "/wp-admin/\">Dashboard</a>";
			} else { ?>
			<a href="<?php echo wp_logout_url( get_permalink() ); ?>" title="Logout">Logout</a>
			<?php
		}
?>
</div>

CSS:

/* PAGEMENU LOGIN */
.login {
    margin: 15px 0 0 0;
    color: #FFF;
}

a.login:link,
a.login:visited,
a.login:hover,
a.login:active {
	color: #FFF;
	text-decoration: underline;
}

-Scott