[Resolvido] Mudar o Menu ao clicar nele

Olá.. sou novo no fórum e estou com uma duvida ..

tenho 3 menus e gostaria de mudar a cor deles quando eles estivessem na página dos mesmos, ao clicar neles.. eles estão como imagens .. eu ja tenho as imagens salvas..

<div id="box-nav">
<ul>

	<li><a href="<?php echo SITE_URL; ?>" title="Voltar início" class="1">1</a></li>
	<li><a href="<?php echo SITE_URL; ?>2/" title="2" class="2">2</a></li>
	<li><a href="<?php echo SITE_URL; ?>3/" title="3" class="3">3</a></li>

</ul>

</div><!-- box-nav -->

aqui está o css

#box-nav ul {

list-style: none;
width: auto;
height: 30px;
}

#box-nav ul li {

display: block;
float: left;
width: auto;
padding: 0;
margin: 0 10px 0 0;
list-style: none;
color: #0CC;
}

#box-nav ul li a {

display: block;
overflow: hidden;
text-indent: -9000em;
}

#box-nav ul li a.1 {

background: transparent url(../imgs/structure/btn_1.png) no-repeat center;
width: 89px;
height: 30px;
}

#box-nav ul li a.2 {

background: transparent url(../imgs/structure/btn_2.png) no-repeat center;
width: 89px;
height: 30px;
}

#box-nav ul li a.3 {

background: transparent url(../imgs/structure/btn_3.png) no-repeat center;
width: 73px;
height: 30px;
}

}

iai alguem pode ajudar ? =)

sei que pode ser feito com o OnClick .. mas tentei e não consegui..

vlw galera