// NAVBAR
function sidenav_over(sub_div) {
	document.getElementById('home').style.backgroundColor='#ffffff';
	document.getElementById('home').style.color='#978A7A';
	document.getElementById('about').style.backgroundColor='#ffffff';
	document.getElementById('about').style.color='#978A7A';
	document.getElementById('blog').style.backgroundColor='#ffffff';
	document.getElementById('blog').style.color='#978A7A';
	document.getElementById('fine_arts').style.backgroundColor='#ffffff';
	document.getElementById('fine_arts').style.color='#978A7A';
	document.getElementById('design').style.backgroundColor='#ffffff';
	document.getElementById('design').style.color='#978A7A';
	document.getElementById('teaching').style.backgroundColor='#ffffff';
	document.getElementById('teaching').style.color='#978A7A';
	document.getElementById('contact').style.backgroundColor='#ffffff';
	document.getElementById('contact').style.color='#978A7A';
	document.getElementById(sub_div).style.backgroundColor='#978A7A';
	document.getElementById(sub_div).style.color='#ffffff';
}

function sidenav_out() {
	document.getElementById('home').style.backgroundColor='#ffffff';
	document.getElementById('home').style.color='#978A7A';
	document.getElementById('about').style.backgroundColor='#ffffff';
	document.getElementById('about').style.color='#978A7A';
	document.getElementById('blog').style.backgroundColor='#ffffff';
	document.getElementById('blog').style.color='#978A7A';
	document.getElementById('fine_arts').style.backgroundColor='#ffffff';
	document.getElementById('fine_arts').style.color='#978A7A';
	document.getElementById('design').style.backgroundColor='#ffffff';
	document.getElementById('design').style.color='#978A7A';
	document.getElementById('teaching').style.backgroundColor='#ffffff';
	document.getElementById('teaching').style.color='#978A7A';
	document.getElementById('contact').style.backgroundColor='#ffffff';
	document.getElementById('contact').style.color='#978A7A';
}

function display_subnav(sub_div) {
	document.getElementById('sub1').style.display='none';
	document.getElementById('sub2').style.display='none';
	document.getElementById('sub3').style.display='none';
	document.getElementById('sub4').style.display='none';
	document.getElementById(sub_div).style.display='block';
}

function hide_subnav() {
	document.getElementById('sub1').style.display='none';
	document.getElementById('sub2').style.display='none';
	document.getElementById('sub3').style.display='none';
	document.getElementById('sub4').style.display='none';
}