//****************************** Nav Controls ******************************
function showNav(itemName,itemNum,width)
{
	showItem = document.getElementById(itemName);
	//define physical nav width for all dropdowns
	//how many pages in the root level nav
	//var totalMasterPages = 10;
	//alert("browser: "+browser+" OS: "+OS);

	///###### COMMENT OUT to force sub nav to utilize parent's width ######
	width = 125;

	if(browser != "Internet Explorer" && OS == "Windows")
	{
		//Non-IE, PC
		//add a little to the margins
		showItem.style.width = width;
		if(itemNum == 1)
		{
			showItem.style.marginTop = "3px";
			showItem.style.marginLeft = "-1px";
		}
		else
		{
			showItem.style.marginTop = "0px";
		}
		//show nav
		showItem.style.display = "block";
		//alert("firefox-ish");
	}
	else if(OS =="Mac")
	{
		//Safari & Firefox - Mac (both render the same)
		//add a little to the margins
		showItem.style.width = width;
		if(itemNum == 1)
		{
			showItem.style.marginTop = "3px";
			showItem.style.marginLeft = "-1px";
		}
		else
		{
			showItem.style.marginTop = "-9px";
		}
		//show nav

		showItem.style.display = "block";
	}
	else if(browser == "Internet Explorer" && OS =="Windows")
	{
		//IE 6+ in 'standards compliant mode'
		//else do a buncha other stuff 'cuz IE sucks
		//add a little to the margins
		showItem.style.width = width;
		if(itemNum == 1)
		{
			showItem.style.marginTop = "8px";
			showItem.style.marginLeft = "-50px";
		}
		else
		{
			showItem.style.marginTop = "-10px";
		}

		//show nav
		showItem.style.display = "block";
	}
	else
	{
		showItem.style.width = width;
		if(itemNum == 1)
		{
			showItem.style.marginTop = "3px";
		}
		else
		{
			showItem.style.marginTop = "-9px";
		}
		//show nav
		showItem.style.display = "block";
	}

}