Цвет тега a через javascript

Есть скрипт для выпадающего меню:

<script type="text/javascript">



function overPunkt(obj_listPunkt)

{ 

/* делаем выпадающее меню видимым */ 

obj_listPunkt.childNodes[1].style.display="block"; 

/* ставим выпадающее меню ниже пункта меню */

obj_listPunkt.childNodes[1].style.top=obj_listPunkt.offsetHeight; 

/*дальше идет оформление пункта меню */ 

obj_listPunkt.style.background="url('<?php bloginfo('stylesheet_directory'); ?>/images/dropmenuhover.jpg')";

obj_listPunkt.style.padding=0;

/* запоминаем цвет текста пункта меню, чтоб потом его можно было восстановить */ 

color_text=obj_listPunkt.style.color;

obj_listPunkt.style.color="#ffffff";

}



function outPunkt(obj_listPunkt)

{ 

/* делаем выпадающее меню невидимым */ 

obj_listPunkt.childNodes[1].style.display="none";

/* дальше восстанавливаем первоначальный внешний вид пункта меню */

obj_listPunkt.style.background="transparent";

obj_listPunkt.style.padding=0;

obj_listPunkt.style.paddingBottom=0;

obj_listPunkt.childNodes[0].style.border="none";

obj_listPunkt.style.color=color_text;

}



</script>

Вот так выводим само меню:

<div class="headmenu">



<a href="#" ><div class="punkt" оnМоusеОvеr="overPunkt(this);" onMouseOut="outPunkt(this);"><div><a href="#" >Home</a></div><div class="list_punkts">

<div class="list_punkts_top"></div>

<div class="kont">

<br><br>

Текст

<br><br>

<div class="list_punkts_bot"></div>

</div></div></a>



</div>

Так вот вопросик такой - как при помощи вышеуказаного скрипта задать цвет (при наведении) тегу a (<a href="#" >Home</a>)?

Тут дело в том, что я то могу тегу задать и через стиль цвет при наведении, но когда мышка уходит на выпавшее поле - цвет снова становится исходным, а надо чтоб пока поле открыто - цвет был бы нужным.

Если у меня используется просто текст, то ему цвет задается через :

obj_listPunkt.style.color="#ffffff";

А вот как тегу a задать?