function setHeight()
{
    /********************************************************************************
    Author:         Jonathan Russell
    Date:           9/9/2009
    Adapted From:   WhiplashDVD.com setHeight() JavaScript code.
    
    This function is intended to better vertically align and scale columns and content 
    inside the Whisler's Well Drilling web site.
      
    Native CSS should be sufficient.  This is merely a helper class to ensure centering.
    
    Verified to work correctly in Internet Explorer 8 and Firefox 3.  
    ********************************************************************************/

    // This will set the height of the content columns.
    // Get the height of the content column.
    var contentCol = document.getElementById("content").offsetHeight;
    
    var menuCol = document.getElementById("menu").offsetHeight;
    
    var greatestHeight = Math.max(contentCol, menuCol);
    
    // Reset the height of the containing element, and add 2 pixels for lower padding.
    //document.getElementById("mid").style.height = (contentCol + 2) + "px";
    document.getElementById("mid").style.height = (greatestHeight + 2) + "px";
    // Reset the height of the menu column to match the content column.
    //document.getElementById("menu").style.height = contentCol + "px";
    document.getElementById("menu").style.height = greatestHeight + "px";
    // Reset the height of the containing element, and subtract 2 pixels to maintain consistency with the menu column.
    
    
    // This will vertically align the Mail info for the Contact Information section.
    // Get the heights of the containing elements
    var mailHeight = document.getElementById("contactmail").offsetHeight;
    var mailTextHeight = document.getElementById("mailmid").offsetHeight;
    
    // Get the difference between the inner and outer containers.
    var mailDiff = mailHeight - mailTextHeight;
    
    // Set the top offset of the inner element to align it vertically.
    // Made possible by absolute positioning.
    document.getElementById("mailmid").style.top = (mailDiff / 2) + "px";
    
    
    // This will vertically align the Phone info for the Contact Information section.
    // Get the heights of the containing elements
    var phoneHeight = document.getElementById("contactphone").offsetHeight;
    var phoneTextHeight = document.getElementById("phonemid").offsetHeight;
    
    // Get the difference between the inner and outer containers.
    var phoneDiff = phoneHeight - phoneTextHeight;
    
    // Set the top offset of the inner element to align it vertically.
    // Made possible by absolute positioning.
    document.getElementById("phonemid").style.top = (phoneDiff / 2) + "px";
}

