<!--
// This script aligns the image in the leftnav with the bottom of the page, regardless of the height of the content page.	
function bottomAlignGraphic()
{
        if(document.getElementById('content')){
	var contentHeight = document.getElementById('content').offsetHeight; // Finds the current height of the content <div>
	}
	leftnavHeight = 0;
	if(document.getElementById('leftnav'))
	{
		leftnavHeight = document.getElementById('leftnav').offsetHeight; // Finds the *original* height of the entire leftnav <div>
	}
	
	leftnavItemsHeight = 0;
	if(document.getElementById('leftnav_items'))
	{
		leftnavItemsHeight = document.getElementById('leftnav_items').offsetHeight  //Finds the height of the leftnav_items <ul>
	}
	
	bottomImageHeight = 0;
	if(document.getElementById('bottomImage'))
	{
		bottomImageHeight = document.getElementById('bottomImage').height; // Finds the height of the image in the leftnav <img id="bottomImage">.
	}
	
	newMarginTop = (contentHeight - bottomImageHeight);
	difference = leftnavItemsHeight + 38; //38 is the height of the top corner rounded graphic in the left column.
	//difference is the height of the leftnav and top graphic...
	newMarginTop = newMarginTop - difference; // - 151 px for some reason fixes the height in FF and IE.  Graphic + Height of links.
		
	if(document.getElementById('bottomImage'))
	{
		if (newMarginTop > 0)
			document.getElementById('bottomImage').style.marginTop = newMarginTop+'px';
	}
	
	//if (newMarginTop < 0)
	//	{document.getElementById('bottomImage').style.visibility = 'hidden';}
	/*
	If the page is too short, then the leftnav image is hidden so as to not display over the top 
	of the left-hand navigation or look awkward in the page layout with a bunch of whitespace next to it.
	*/
	leftnavHeight = (contentHeight);
}	
	//-->
	
window.onload = bottomAlignGraphic;