//
// ******************************************************************************************************
// *                                                                                                    *
// *                        Header with Banner Logos and Explanatory Text Blocks                        *
// *                                                                                                    *
// ******************************************************************************************************
//
document.write('\
  <table width="100%" cellpadding="0" cellspacing="2" border="0">\
    <tr>\
      <td class="left"\
        style="background-image: url(', HOME, 'images/backgroundLeft.jpg); background-position: left; background-repeat: repeat-y;" valign="top" width="50%">\
        <div style="position: relative;">\
          <div name="headLogo_regenerosity2" id="headLogo_regenerosity2"\
            style="position: relative; z-index: 20; visibility: inherit;" align="left" valign="top">\
            <a href="http://regenerosity.com">\
            <img src="', HOME, 'images/regenerosity.gif" name="regenerosityLogo" id="regenerosityLogo" alt="Regenerosity Logo" height="90" border="0"></a>\
          </div>\
        </div>\
      </td>\
      <td class="right" valign="top" width="50%"\
        style="background-image: url(', HOME, 'images/backgroundRight.jpg); background-position: right; background-repeat: repeat-y;">\
        <div style="position: relative;">\
          <div name="headLogo_communityBuilding" id="headLogo_communityBuilding"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">Community is the place where we live, the people with whom we share, and our sense\
              of connectedness.  We need to build and maintain the relationships that form our community networks.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_socialCapital" id="headLogo_socialCapital"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">Social capital is the effectiveness of a community, or of any network of people.\
              It is the connectedness of the network and the strength of the connections.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_timeAndMoney" id="headLogo_timeAndMoney"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">Some people say that time is money.  To build community requires the investment\
              of our time, and it is in that sense that money really is backed by the value of our time.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_localEconomy" id="headLogo_localEconomy"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">A self-reliant community is healthier than one that depends upon resources over which\
              it has no influence, just as a self-reliant person is healthier than one who depends upon others.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_Background" id="headLogo_Background"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">This is a collection of background material about social capital, time, and money.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_Demo" id="headLogo_Demo"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">This is an animated demonstration of Regenerosity features.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_Personal" id="headLogo_Personal"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">This is my personal page, which I can customize.\
              Others see this page whenever they click on my name.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_RSS" id="headLogo_RSS"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="54" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">Notify me by RSS of any new account activity.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_Admin" id="headLogo_Admin"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">This page shows all accounts, flows and texts.\
              For communities, it shows all flows and enables their reversal.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_Account" id="headLogo_Account"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">A statement of my accounts and social capital.\
              Exchange accounts are separate within each community.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_Stream" id="headLogo_Stream"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">This page shows an XML data stream from any server, of\
              all user, flow and text records that have been created or modified recently.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_AccessReg" id="headLogo_AccessReg"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">This page allows registration of new accounts, communities\
              and registries.  The sysadmin can also register servers.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_AccessCom" id="headLogo_AccessCom"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">This page allows me to choose, join or register a community.\
              I can register a community and invite others to join.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_Access" id="headLogo_Access"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">This page allows me to offer someone access to my account\
              as an account owner, administrator, editor or friend.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_Profile" id="headLogo_Profile"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">This page allows me to update my profile of personal\
              information, my password and my general preferences.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_Thanks" id="headLogo_Thanks"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">This page allows me to choose and/or customize\
              the format of all thank-you letters from me to others.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_Logout" id="headLogo_Logout"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading">It is always a good idea to logout when you are finished,\
              even though browsers are supposed to logout automatically.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_regenerosity1" id="headLogo_regenerosity1"\
            style="position: absolute; right: 0px; z-index: 20; visibility: hidden;" align="right" valign="top">\
            <table width="300" height="90" cellspacing="2" border="0"><tr><td>\
              <p class="subheading"><span class="subheading" style=\'font-family: "ITC Zapf Chancery Italic", "URW Chancery L", cursive; font-size: 150%; color: #fa0f08;\'>Regenerosity</span>\
              is a system for recognition of contributions to the social capital and the local economy of our communities.</p>\
            </td></tr></table>\
          </div>\
          <div name="headLogo_website1" id="headLogo_website1"\
            style="position: relative; right: 0px; z-index: 20; visibility: inherit;" align="right" valign="top">\
            <img src="' + HOME + 'images/custom.gif" name="WebsiteLogo" id="WebsiteLogo" alt="Website Logo" height="90" border="0">\
          </div>\
        </div>\
      </td>\
    </tr>\
  </table>');