// This code adjusts the left border directly under the logo to be relatively 
// the same height as the content and banner on the right side.
  $(document).ready(function() {
  // get the height of the main content area
  var mainContentHt = $("table:has(#EndOfTextMarker):last").height();

  if (mainContentHt != null) {
    // get the height of the banner area
    var bannerTblHt = parseInt($("#bannerTable").height());
  
    // get the height of the table that includes the logo
    var borderTblHt = parseInt($("#logoTable").css("height"));
  
    // get the height of the 1st and 2nd cells
    var borderRowHt = new Array(3);
    borderRowHt[0] = parseInt($("#logoTable tr:eq(0)").css("height"));
    borderRowHt[1] = parseInt($("#logoTable tr:eq(1)").css("height"));
  
    // calculate the height of the 3rd cell, includes 10 pixel buffer
    borderRowHt[2] = (mainContentHt + bannerTblHt) - borderRowHt[0] - borderRowHt[1] + 10; 
  
    // calculate the new height of the logo table
    var newBorderTblHt = borderRowHt[0] + borderRowHt[1] + borderRowHt[2]; 
  
    /*
    alert("mainContentHt:" + mainContentHt
        + "\nbannerTblHt:" + bannerTblHt
        + "\nborderTblHt:" + borderTblHt
        + "\nborderRowHt[0]:" + borderRowHt[0]
        + "\nborderRowHt[1]:" + borderRowHt[1]
        + "\nborderRowHt[2]:" + borderRowHt[2]
        + "\nnewBorderTblHt:" + newBorderTblHt
        );
    */

    // set the new heights for the table and cell
    $("#logoTable").css("height", newBorderTblHt + "px");
    $("#logoTable tr:eq(2)").css("height", borderRowHt[2] + "px");
  }


  });