lis = document.getElementById('mainNav').getElementsByTagName('li');
for (var i=0; i<lis.length; i++) {
	lis[i].onmouseover = function () {
		this.className = "sfhover";
	}
	lis[i].onmouseout = function () {
		this.className = "";
	}
}