Targeting < a > tags on certain template pages with CSS

1

hello!
i’ve got a pretty simple rollover navigation system using anchor tags and CSS, on a DWMX2004 templated site. i’d like to use the link color of the “hover” state to indicate which page the user is currently on.

you can see in my code below, the hover state is a rather dark gray.

is there a way that i can set it up from the style-sheet so that when the user is on the “home page” that the “home link” is always set to the dark grey, indicating that the user is ON the “home page” ?

seems like i should be able to do this using more sophisticated classes or something… but… err… i cant quite get it figured it out…

help!

(-:

a.nav:link, a.nav:visited
	{   
	background-color: #222;
	border-bottom: 1px dashed #2B2B2B;
	color: #666666;
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	   letter-spacing: 1px;
	padding: 3px;
	display: block;
	text-decoration:none;
	}

a.nav:hover { background-color: #1a1a1a; color:#0E7BAE; }
a.nav:active, a.nav:focus 
	{  
	border-bottom: 1px dashed #333;
	letter-spacing: normal;
	}