public/contact.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   5 <title>Contact</title>
   6 <script type="text/javascript">
   7 <!--
   8 var preloadFlag = false;
   9 function preloadImages() {
  10         if (document.images) {
  11                 pre_home_over = newImage('../tags/home_over.png');
  12                 pre_choir_over = newImage('../tags/choir_over.png');
  13                 pre_concerts_over = newImage('../tags/concerts_over.png');
  14                 pre_join_over = newImage('../tags/join_over.png');
  15                 pre_booking_over = newImage('../tags/booking_over.png');
  16                 preloadFlag = true;
  17         }
  18 }
  19
  20 function MM_preloadImages() { //v3.0
  21   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  22     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  23     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  24 }
  25
  26 function MM_findObj(n, d) { //v4.01
  27   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  28     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  29   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  30   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  31   if(!x && d.getElementById) x=d.getElementById(n); return x;
  32 }
  33
  34 function MM_nbGroup(event, grpName) { //v6.0
  35   var i,img,nbArr,args=MM_nbGroup.arguments;
  36   if (event == "init" && args.length > 2) {
  37     if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
  38       img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
  39       if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
  40       nbArr[nbArr.length] = img;
  41       for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
  42         if (!img.MM_up) img.MM_up = img.src;
  43         img.src = img.MM_dn = args[i+1];
  44         nbArr[nbArr.length] = img;
  45     } }
  46   } else if (event == "over") {
  47     document.MM_nbOver = nbArr = new Array();
  48     for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
  49       if (!img.MM_up) img.MM_up = img.src;
  50       img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
  51       nbArr[nbArr.length] = img;
  52     }
  53   } else if (event == "out" ) {
  54     for (i=0; i < document.MM_nbOver.length; i++) {
  55       img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  56   } else if (event == "down") {
  57     nbArr = document[grpName];
  58     if (nbArr)
  59       for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
  60     document[grpName] = nbArr = new Array();
  61     for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
  62       if (!img.MM_up) img.MM_up = img.src;
  63       img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
  64       nbArr[nbArr.length] = img;
  65   } }
  66 }
  67 function MM_swapImgRestore() { //v3.0
  68   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  69 }
  70
  71 function MM_swapImage() { //v3.0
  72   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  73    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  74 }
  75 //-->
  76             </script>
  77                 </csactiondict>
  78                 <style type="text/css">
  79 <!--
  80 .text {
  81         font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  82 }
  83 .text {
  84         color: #000F55;
  85         font-size: xx-small;
  86         text-align: right;
  87 }
  88 body,td,th {
  89         font-family: "Myriad Pro";
  90         font-size: 16px;
  91         color: #006;
  92 }
  93 body {
  94         background-color: #EEE;
  95         background-image: ../backgrounds/background1.jpg;
  96         background-repeat: no-repeat;
  97         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  98         background-image: url(../images/back.jpg);
  99 }
 100 .text {
 101         font-family: "Myriad Pro";
 102         text-align: left;
 103 }
 104 .text {
 105         font-family: "Myriad Pro";
 106 }
 107 .text {
 108         font-family: "Myriad Pro";
 109 }
 110 .text {
 111         font-size: 16px;
 112 }
 113 .text {
 114         font-family: "Myriad Pro";
 115 }
 116 .text {
 117         font-weight: bold;
 118 }
 119 .text {
 120         font-weight: bold;
 121 }
 122 .text {
 123         font-weight: bold;
 124 }
 125 .text {
 126         font-weight: bold;
 127 }
 128 .text {
 129         font-weight: bold;
 130 }
 131 .text {
 132         font-weight: bold;
 133 }
 134 .text {
 135         font-weight: bold;
 136 }
 137 .text {
 138         font-weight: bold;
 139 }
 140 a:link {
 141         color: #006;
 142 }
 143 a:visited {
 144         color: #006;
 145 }
 146 -->
 147                 </style>
 148         </head>
 149
 150         <body onLoad="preloadImages();MM_preloadImages('../tags/home_over.png','../tags/choir_over.png','../tags/concerts_over.png','../tags/contact_over.png','../tags/booking_over.png','../tags/join_over.png')" bgcolor="white">
 151 <div align="center">
 152                                 <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
 153                                         <tr height="39">
 154                                                 <td width="200" height="39"></td>
 155                                                 <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
 156                                         </tr>
 157                                         <tr height="1" cntrlrow>
 158                                                 <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
 159                                                 <td width="1" height="1"></td>
 160                                         </tr>
 161                                 </table>
 162                                 <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
 163                                   <tr>
 164                                     <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
 165                               </tr>
 166                                   <tr>
 167                                     <td><table border="0" cellpadding="0" cellspacing="0">
 168                                       <tr bgcolor="#FFFFFF">
 169                                         <td height="41"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','spacer','',1)" onMouseOver="MM_nbGroup('over','spacer','','',1)" onMouseOut="MM_nbGroup('out')"><img src="../tags/spacer.png" alt="" name="spacer" width="45" height="40" border="0" onload=""></a></td>
 170                                         <td><a href="../index.html" target="_self" onMouseOver="MM_swapImage('Image9','','../tags/home_over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../tags/home.png" alt="Home" name="Image9" width="140" height="40" border="0"></a></td>
 171                                         <td><a href="../public/about.html" target="_self" onMouseOver="MM_swapImage('Image10','','../tags/choir_over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../tags/choir.png" alt="Choir" name="Image10" width="140" height="40" border="0"></a></td>
 172                                         <td><a href="../public/concerts.html" target="_self" onMouseOver="MM_swapImage('Image11','','../tags/concerts_over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../tags/concerts.png" alt="Concerts" name="Image11" width="140" height="40" border="0"></a></td>
 173                                         <td><a href="../public/contact.html" target="_self" onMouseOver="MM_swapImage('Image12','','../tags/contact_over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../tags/contact.png" alt="Contact" name="Image12" width="140" height="40" border="0"></a></td>
 174                                         <td><a href="../public/weddings.html" target="_self" onMouseOver="MM_swapImage('Image13','','../tags/hire_over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../tags/hire.png" alt="Booking" name="Image13" width="140" height="40" border="0"></a></td>
 175                                         <td><a href="../public/join.html" target="_self" onMouseOver="MM_swapImage('Image14','','../tags/join_over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../tags/join.png" alt="Join" name="Image14" width="140" height="40" border="0"></a></td>
 176                                         <td><img src="../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
 177                                   </tr>
 178                                       </table></td>
 179                               </tr>
 180                           </table>
 181 </div>
 182 <table width="930" height="409" border="0" align="center" cellpadding="0" cellspacing="0">
 183                           <tr>
 184                             <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
 185                             <td width="850" height="40" bgcolor="#FFFFFF">&nbsp;</td>
 186                             <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
 187                       </tr>
 188                           <tr>
 189                             <td width="40" height="329" bgcolor="#FFFFFF">&nbsp;</td>
 190                             <td bgcolor="#FFFFFF"><table width="845" border="0">
 191                           <tr>
 192                             <td width="401"><span class="text">Chairperson</span><br />
 193 Stephanie Comley<br />
 194 scomleyoccam@gmail.com<br />
 195 <br />
 196 <span class="text">Friends</span><br />
 197 Ros Knowles<br />
 198 occamsingers@hotmail.com<br />
 199 Tel: 01252 725369<br />
 200 <br />
 201 <span class="text">To hire us:&nbsp;weddings and special events</span><br />
 202 Sigrid Sharp<br />
 203 occamsingers@hotmail.com<br />
 204 Tel: 07748 949388<br />
 205 <br />
 206 <span class="text">Ticket Sales</span><br />
 207 Les Billig<br />
 208 The Occam Singers box office<br />
 209 occamsingers@hotmail.com<br />
 210 Tel: 01252 783977</td>
 211                             <td width="434" align="left" valign="top"><p><span class="text">Musical Director</span><br />
 212                               David Gibson<br />
 213   <span class="text"><br />
 214     Join&nbsp;- (Secretary)</span><br />
 215                               occamsingers@hotmail.com<br />
 216   <br />
 217   <span class="text">Charities</span><br />
 218                               occamsingers@hotmail.com<br />
 219   <br />
 220   <span class="text">Website design</span><br />
 221                               Anthony Cooksey<br />
 222                               anthony@occamsingers.co.uk<br />
 223   </p>
 224                         <p>&nbsp;</p>
 225                         <p>&nbsp;</p>
 226                         <p><a href="http://www.occamsingers.co.uk/public/mail.html" target="_self" onmouseover="MM_swapImage('Image23','','../tags/how_over.gif',1)" onmouseout="MM_swapImgRestore()"><br />
 227                     Subscribe to our information and concert mailing list</a></p></td>
 228                       </tr>
 229                           </table></td>
 230                             <td bgcolor="#FFFFFF">&nbsp;</td>
 231                       </tr>
 232                           <tr>
 233                             <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
 234                             <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
 235                             <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
 236                       </tr>
 237     </table>
 238                         <p></p>
 239 </body>
 240
 241 </html>
 242 </div>
 243
 244
 245
 246
 247
 248
 249
 250
 251
 252
 253
 254
 255
 256