//	main javascript functions used throughout the site

function show(id) {
	//	changes a hidden element to display: block;
	
	document.getElementById(id).style.display = 'block';
}

function hide(id) {
	//	changes a visible element to display: none;
	
	document.getElementById(id).style.display = 'none';
}

function button_on(id) {
	//	rollover styling for form buttons
	
	document.getElementById(id).style.color = "#FFF";
	document.getElementById(id).style.background = "maroon";
}

function button_off(id) {
	//	rolloff styling for form buttons
	
	document.getElementById(id).style.color = "#000";
	document.getElementById(id).style.background = "#BBB";
}