Voce attiva di un diverso colore

[sustia]

Ciao, ho un menu nel quale la classe attiva è definita come "sub_ul active", mentre le altre voci del menu semplicemente come "sub_ul".
Quello che non mi riesce di fare, è di rendere la classe attiva (sub_ul active, quella cioè che sto visitando) di un colore differente rispetto a quelle non attive (sub_ul)
Questo è il codice del menu:

<div id="menu">
<div class="hcss_menu">
<ul class="active">
<li class="sub_ul active">
<a href="index.php?prodveg">
PRODVEG
</a>

<li class="sub_ul">
<a href="index.php?chemibio">
CHEMIBIO
</a>
[/list]
</div>
</div>

Questo invece il codice CSS:

.hcss_menu {
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

.hcss_menu em {
	font-style: normal;
	}
	
.hcss_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 0;
}
	
.hcss_menu ul li {
	float: left;
	position: relative;
	width: 130px; /* Width of Menu Items */
	height: 23px;
	}
	
.hcss_menu li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: 23px;
	display: none;
	border: 0;
	}
	
.hcss_menu li ul li ul {
	left: 130px;
	top: 0;
	}

	
/* Styles for Menu Items */

.hcss_menu ul li a, .hcss_menu ul li a:link, .hcss_menu ul li a:visited, .hcss_menu ul li a:active {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background: #000; /* IE6 Bug */
	padding: 5px;
	border: 0;
	text-align: center;
	}

.hcss_menu ul li a:hover {
	background: #475661;
	color: Orange;
}

.hcss_menu ul li:hover a {
	background: #475661;
	color: Orange;
}

.hcss_menu ul li ul li a {
	text-align: left;
	background: #8B99A7;
	padding-left: 7px;
}
.hcss_menu ul li ul li a:hover {
	background: #708090;
}
.hcss_menu ul li:hover ul li a {
	text-align: left;
	background: #8B99A7;
	color: #FFFFFF;
}
	
/* Holly Hack. IE Requirement \*/
* html .hcss_menu ul li { float: left; height: 1%; }
* html .hcss_menu ul li a { height: 1%; }
/* End */

Dove sbaglio?