function buildTopBanner() {
  var containerEle = document.getElementById("topNavContainer");
  var tableEle = document.createElement("table");

  tableEle.border = 0;  
  tableEle.cellpadding = 4; 
  tableEle.cellspacing = 4;

  var tbodyEle = document.createElement("tbody");
  var trEle = document.createElement("tr");
  var leftCell = document.createElement("td");

  var imgEle = document.createElement("img");
  imgEle.src = "images/gator_logo_big.JPG";
  imgEle.width="175";
  imgEle.height="125";
  imgEle.alt = "GatorApp";
  imgEle.border = 0;
  leftCell.appendChild(imgEle);
  
  trEle.appendChild(leftCell);
 
  var rightCell = document.createElement("td");
  rightCell.setAttribute("class", "topBannerTitle"); rightCell.setAttribute("className", "topBannerTitle");
  var span1 = document.createElement("span");
  span1.innerHTML = "GatorApp";
  var br = document.createElement("br");
  var span2 = document.createElement("span");
  span2.innerHTML = "Mount Horeb, Wisconsin";
  rightCell.appendChild(span1);
  rightCell.appendChild(br);
  rightCell.appendChild(span2);
  
  trEle.appendChild(leftCell);
  trEle.appendChild(rightCell);
  tbodyEle.appendChild(trEle);
  tableEle.appendChild(tbodyEle);
  containerEle.appendChild(tableEle);

}
<!--
var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}
function buildTopNav() {
  document.write("<div>");
  document.write("<ul id='sddm'>");
  
  document.write("<li><a href='login.php'>Log in/out</a>");
  document.write("</li>");
  
  document.write("<li><a href='#' onmouseover=\"mopen('m1')\" onmouseout='mclosetime()'>Admin</a>");
  document.write("<div id='m1' onmouseover='mcancelclosetime()' onmouseout='mclosetime()'>");
  document.write("<a href='history.html'>Manage Calendar</a>");
  document.write("<a href='photos.html'>Manage Swimmers</a>");
  document.write("<a href='troop140eagles.html'>Manage Roles</a>");
  document.write("</div>");
  document.write("</li>");

  document.write("<li><a href='#' onmouseover=\"mopen('m2')\" onmouseout=\"mclosetime()\">Reports</a>");
  document.write("<div id='m2' onmouseover='mcancelclosetime()' onmouseout='mclosetime()'>");
  document.write("<a href='outings.html'>My Calendar</a>");
  document.write("<a href='calendar.html'>Full Calendar</a>");
  document.write("<a href='meetings.html'>Open positions</a>");
  document.write("</div>");
  document.write("</li>");
  
  document.write("</div>");

}