var myHeader =
 "<table width=\"951\" height=\"70\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" bordercolor=\"#0E0A3C\">\
  <tr>\
    <th colspan=\"9\" valign=\"top\" bgcolor=\"#000086\" scope=\"row\"><img src=\"pics/dzogchenbanner2.jpg\" width=\"960\" height=\"117\" /></th>\
  </tr>\
  <tr valign=\"middle\" bgcolor=\"#5A130B\" style=\"font-weight:bold;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#FEFEFE;margin-top:2px;margin-bottom:2px;\">\
    <td width=\"104\" height=\"24\" ><p align=\"center\" ></p></td>\
    <td width=\"104\" height=\"24\" ><div align=\"center\"><a href=\"index.html\" style=\"color: #FFFFFF\">Home</a></div></td>\
    <td width=\"104\" height=\"24\" ><div align=\"center\"><a href=\"about.html\" style=\"color: #FFFFFF\">About</a></div></td>\
    <td width=\"104\" height=\"24\" ><div align=\"center\"><a href=\"calender.html\" style=\"color: #FFFFFF\">Calendar</a></div></td>\
    <td width=\"104\" height=\"24\" ><div align=\"center\"><a href=\"teachers.html\" style=\"color: #FFFFFF\">Teachers</a></div></td>\
    <td width=\"104\" height=\"24\" ><div align=\"center\"><a href=\"Gala.html\" style=\"color: #FFFFFF\">Activities</a></div></td>\
    <td width=\"104\" height=\"24\" ><div align=\"center\"><a href=\"Giving.html\" style=\"color: #FFFFFF\">Giving</a></div></td>\
    <td width=\"104\" height=\"24\" ><div align=\"center\"><a href=\"Contact.html\" style=\"color: #FFFFFF\">Contact</a></div></td>\
    <td width=\"121\" height=\"24\" ><div align=\"center\"></div></td>\
  </tr>\
</table>";


function insertHeader() {
  $('#header').empty().append(myHeader);
}