<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<!--Serif PagePlus 9 HTML Export-->
<!--Supports HTML 4.0-->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Outreach House Witherslack - Home </title>
<style type="text/css">
body,td,th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 10px;
  color : #000000;
}

a:link { 
  color: #333333; 
  text-decoration: none;
}
  
a:visited { 
  color: #333333; 
  text-decoration: none;
}  

a:hover {
  text-decoration: underline;
}

td.home-button {
  padding: 2px 2px 2px 2px; 
  border: 1px; 
  border-style: solid; 
  border-color: #ffffff #808080 #808080 #ffffff; 
  font-family: Felix Titling; 
  font-size: 12pt;
  vertical-align:top;
  width:100%;
  height:20px;
}

td.home-button-selected {
  padding: 2px 2px 2px 2px; 
  background: #BDBDBD;
  color: #336633;
  border: 1px;
  border-style: solid;
  border-color: #808080 #fff #fff #808080;
  font-family: Felix Titling; 
  font-size: 12pt;
  vertical-align:top;
  width:100%;
  height:20px;
}

.small-caps {
  font-variant: small-caps;
}

.strap-line-td {
  background-color: #5e7d7e; 
  height:42px; 
  vertical-align:center;
} 

.strap-line-span {
  font-size:19px; 
  font-family: Felix Titling; 
  color:#ffffff; 
  padding-left: 0.5em;
} 

.menu-label {
  border-bottom: solid 2px #fffff; 
  font-weight:bold; 
  font-family: Felix Titling; 
  vertical-align:top; 
  font-size: 13pt; 
  color:#333333; 
  height:20px; 
  width:100%;
}
</style>
<script type="text/javascript">
 var oldid = "";

 function goSetHeight() {
   if (parent == window) return;
   else parent.setIframeHeight('viewframe');
 }
   
   function getHomeDocHeight(doc) {
     var docHt = 0, sh, oh;
     if (doc.height) docHt = doc.height;
     else if (doc.body) {
       if (doc.body.scrollHeight) docHt = sh = doc.body.scrollHeight;
       if (doc.body.offsetHeight) docHt = oh = doc.body.offsetHeight;
       if (sh && oh) docHt = Math.max(sh, oh);
     }
     return docHt;
   }
   
   function setHomeIframeHeight(iframeName) {
     var iframeWin = window.frames[iframeName];
     var iframeEl = document.getElementById?
     document.getElementById(iframeName): document.all?
     document.all[iframeName]: null;
     if (iframeEl && iframeWin) {
       var whoami=navigator.userAgent.toLowerCase();  //use lower case name
       var my_version = parseInt(navigator.appVersion); //get version
       var is_ie = (whoami.indexOf("msie") != -1); //does name contain 'msie'?
       var is_ff = (whoami.indexOf("firefox") != -1); //does name contain 'firefox'?
       if ((is_ie || is_ff)){
         iframeEl.style.height = "auto"; // helps resize (for some) if new doc shorter than previous
         var docHt = getHomeDocHeight(iframeWin.document);
         // need to add height to be sure it will all show
         if (docHt < 700) docHt = 650;
         if (docHt) iframeEl.style.height = docHt + 30 + "px";
       } else {
         // Find if the string Safari is in the userAgent data  
         if(navigator.userAgent.indexOf("Safari")!=-1){
           // The version is the format Version/3... so get the index value
           // for the start number 
           var versionindex=navigator.userAgent.indexOf("Version")+8
           // If the version number starts with 3 or higher do one thing else...
           if (parseInt(navigator.userAgent.charAt(versionindex))>=3) {
             //alert("You are using Safari 3.x or above")
             iframeEl.style.height = "870px";
           } else {
             iframeEl.style.height = "870px";
             //iframeEl.style.height = "828px";
             //document.getElementById("homebtns").style.height = "653px";
             //document.getElementById("iframeheight").style.height = "653px";
             //document.getElementById("homepics").style.height = "653px";
           }  
         } else {
           iframeEl.style.height = "678px";
           //iframeEl.style.height = "828px";
           //document.getElementById("homebtns").style.height = "653px";
           //document.getElementById("iframeheight").style.height = "653px";
           //document.getElementById("homepics").style.height = "653px";
         }
       }
     }
   }    
  
   function setBtn(iframeName, url, tdid) {
     document.getElementById(tdid).className = "home-button-selected";
     if ((oldid != null) && (oldid != ""))
        document.getElementById(oldid).className = "home-button";
     oldid = tdid;
     return loadHomeIframe(iframeName, url);
   }
      
   function loadHomeIframe(iframeName, url) {
     //if (window.frames[iframeName]) {
     if (document.getElementById(iframeName)) {
       document.getElementById(iframeName).src = url;
       //window.frames[iframeName].location = url;
       return false;
     }
     else return true;
   }    
</script>
</head>

 <body onload="goSetHeight()" style="background-color: #d1d7cd" link="#0000ff" vlink="#800080" text="#000000">
  <div>
   <table border="0" cellpadding="0" cellspacing="0" style="width:100%; height: 40px">
    <tr>
     <td align="center" class="strap-line-td">
      <img id="Home.gif" class="home" src="Home.gif" title="Home-strapline" alt="Home.gif">
     </td>
    </tr>
   </table>
   <table border="0" cellpadding="0" cellspacing="0" style="font-family:Garamond; font-size:14pt; border: solid 5px #ffffff; width:100%; height:678px; background-color:#d1d7cd;">
    <tr>
     <td id="homebtns" style="padding-top: 0px; width:65%; height:678px; vertical-align:top;">
      <table border="0" cellpadding="0" cellspacing="0" style="font-size:14pt; width:100%; height:678px; background-color:#d1d7cd;">
       <tr>
        <td style="border-right: solid 5px #ffffff; width:175px; height: 678px; vertical-align:top;">
         <table cellpadding="0" cellspacing="0" style="width:100%; height:678px;">
          <tr>
           <td align="center" class="menu-label">Home</td> 
          </tr>
          <tr>
           <td id="home-btn-1" class="home-button">
            <a href="home-1.html" onmouseover="return loadHomeIframe('homeframe', this.href)" onClick="return setBtn('homeframe', this.href, 'home-btn-1')" id="a1"><span style="white-space: nowrap;">W<span class="small-caps">hat is </span>O<span class="small-caps">utreach</span></span> H<span class="small-caps">ouse</span>?</a>
           </td>
          </tr>
          <tr> 
           <td id="home-btn-2" class="home-button">
            <a href="home-2.html" onmouseover="return loadHomeIframe('homeframe', this.href)" onClick="return setBtn('homeframe', this.href, 'home-btn-2')" id="a2">W<span class="small-caps">hat is</span> O<span class="small-caps">utreach</span> H<span class="small-caps">ouse for</span>?</a>
           </td> 
          </tr>
          <tr> 
           <td id="home-btn-3" class="home-button">
            <a href="home-3.html" onmouseover="return loadHomeIframe('homeframe', this.href)" onClick="return setBtn('homeframe', this.href, 'home-btn-3')" id="a3">E<span class="small-caps">yes to see…</span></a>
           </td>
          </tr>
          <tr><td style="width:100%;">&nbsp;</td></tr>
          <tr>
           <td style="height:188px; vertical-align:top;" align="center">
            <img class="home" src="cross.jpg" title="The Cross" width="100px" height="168px" alt="home-cross.jpg" align="middle" style="border: solid 1px #000000;">
           </td>
          </tr>
          <tr>
           <td style="height: 500px; width: 99%;">&nbsp;</td>
          </tr>
          <tr>
           <td style="height:15px;">&nbsp;</td>
          </tr>
          <tr>
           <td>
            <a href="http://www.c-o-u-n-t.com" target="_blank">
             <img src="http://001.c-o-u-n-t.com/count-027.pl?count=outreach-house&type=original&prog=hit" border="0" alt="Web Counters" title="Web Counters">
            </a>
            <noscript>The following text will not be seen after you upload your website,
             please keep it in order to retain your counter functionality 
             <br><a href="http://www.free-stuff.me.uk/free/computers/" target="_blank">Computers</a><br> 
            </noscript>
           </td>
          </tr>
         </table>
        </td>
        <td id="iframeheight" style="width:100%; height:870px;">
         <table id="home-table" style="width:100%; height:870px;" align="center" border="0" cellpadding="0" cellspacing="0">
          <tr>
           <td style="height:100%; vertical-align:top;">
            <iframe name="homeiframe" id="homeframe" frameborder="0" marginwidth="0" marginheight="0" src="home-1.html" 
             scrolling="no" style="visibility:visible; height:870px; width:100%; margin: 0 0 0 0;"></iframe>
           </td>
          </tr>
         </table>
        </td>
       </tr> 
      </table>
     </td>   
     <td id="homepics" style="padding: 0px; border-left: solid 5px #ffffff; vertical-align:top; width:300px; height:678px;">
      <table style="background-color:#d1d7cd; width:100%; height: 678px;" border="0" cellpadding="0" cellspacing="0"> 
       <tr>
        <td style="padding-right:0px; border-bottom: solid 5px #ffffff; vertical-align:top; width:100%; height: 127px;">
         <img class="home" src="home-page-1.jpg" title="nameplate" width="300px" height="127px" alt="home-page-1.jpg" align="left" style="border: solid 1px #000000;">
        </td>
       </tr>
       <tr>
        <td style="padding-right:0px; border-bottom: solid 5px #ffffff; vertical-align:top; width:100%; height: 263px;">
         <img class="home" title="OH vision painting" src="home-page-2.jpg" width="300px" height="263px" alt="home-page-2.jpg" align="left" style="border: solid 1px #000000;">
        </td>
       </tr>
       <tr>
        <td style="padding-right:0px; border-bottom: solid 5px #ffffff; vertical-align:top; width:100%; height: 206px;">
         <img class="home" src="home-page-3.jpg" title="chapel alter" width="300px" height="206px" alt="home-page-3.jpg" align="left" style="border: solid 1px #000000;">
        </td>
       </tr>
       <tr>
        <td style="height:65px;">&nbsp;</td>
       </tr>
      </table>  
     </td>
    </tr>
   </table>
  </div>
 </body>
</html>