function makeSameHeight() {
	// Makes 2 CSS columns the same height
	if(document.getElementById("subMenu")) {
		// The sub menu is set  resize
		var subMenu = document.getElementById("subMenu");
		var subMenuItems = document.getElementById("subMenuItems");
		var right = document.getElementById("rightContent");
	
		var subMenuHeight = subMenu.offsetHeight;
		var rightHeight = right.offsetHeight;
	
		if (subMenuHeight < rightHeight) {
			// The submenu is shorter than the content - make it taller
			subMenu.style.height = rightHeight + "px";
			subMenuItems.style.height = rightHeight + "px";
		} else {
			// Right is taller - this doesn't matter.
		}
	} else {
		// Sub-menu not set - no re-size necessary
	}
	return true;
}

function navHeight() {
	// Makes the nav sections the same height for borders
	var ourSolutions = document.getElementById("ourSolutions");
	var aboutUs = document.getElementById("aboutUs");
	var helpingYou = document.getElementById("helpingYou");
	var divHeader = document.getElementById("divHeader");
	
	// Get heights
	var ourSolutionsHeight = ourSolutions.offsetHeight;
	var aboutUsHeight = aboutUs.offsetHeight;
	var helpingYouHeight = helpingYou.offsetHeight;
	
	// In theory ourSolutions should be tallest, better check though
	if((ourSolutionsHeight > aboutUsHeight) && (ourSolutionsHeight > helpingYouHeight)) {
		// ourSolutions is taller, make the other 2 the same height
		aboutUs.style.height = ourSolutionsHeight + "px";
		helpingYou.style.height = ourSolutionsHeight + "px";
		
		// Set divHeader to this height to correct IE issue
		divHeader.style.height = (ourSolutionsHeight+32) + "px";
	}	
}
