<attach event="onmouseover" handler="rollOver" />
<attach event="onmouseout" handler="rollOff" />
<script type="text/javascript">
function rollOver() {
	//change the colour
	element.style.backgroundColor = '#DEE7EC';
	element.style.color = '#000';
	//change display of child
	for( var x = 0; element.childNodes[x]; x++ ){
		if( element.childNodes[x].tagName == 'UL' ) { element.childNodes[x].style.display = 'block'; }
	}
}
function rollOff() {
	//change the colour
	element.style.backgroundColor = '#fff';
	element.style.color = '#8CACBB';
	//change display of child
	for( var x = 0; element.childNodes[x]; x++ ){
		if( element.childNodes[x].tagName == 'UL' ) { element.childNodes[x].style.display = 'none'; }
	}
}
</script>