//function to display the nav sections
function displayNav(section, sectionTitle, item, itemTitle) {
	document.getElementById(section).style.display 		= 'block';
	document.getElementById(item).className				= 'activeSubNavItem';	
	document.getElementById(section + "Main").className	= 'activeNavItem';	
	document.getElementById(section + "Main").innerHTML	= sectionTitle;	
	document.getElementById(item).innerHTML				= '<span style=\"padding-left: 5px;\">' + itemTitle + '</span>';	
}	
// function for mousing over a row and changing its color
function over(elemID) {
	document.getElementById(elemID).style.backgroundColor 	= '#e1f0fa';<!--- cee2f0 --->	
	document.getElementById(elemID).style.border			= '1px solid black';	
}
// function for mousing out of a row and changing its color back
function out(elemID) {
	document.getElementById(elemID).style.backgroundColor 	= '#CEE2F0';
	document.getElementById(elemID).style.border			= '1px solid #CEE2F0';	
}