public/join.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>The Occam Singers</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: "Myriad Pro";
  98         font-size: 16px;
  99         color: #006;
 100         background-image: url(../images/back.jpg);
 101 }
 102 .lady {
 103         font-size: 12px;
 104 }
 105 .lady {
 106         font-size: 12px;
 107         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 108 }
 109 .in {   font-size: 12px;
 110         font-weight: bold;
 111 }
 112 .if {   font-size: 12px;
 113         font-weight: bold;
 114 }
 115 .m {    font-size: 12px;
 116 }
 117 .text {
 118         font-family: "Myriad Pro";
 119 }
 120 .text {
 121         text-align: left;
 122 }
 123 .text {
 124         font-family: "Myriad Pro";
 125 }
 126 .text {
 127         font-size: 16px;
 128 }
 129 .text {
 130         color: #006;
 131 }
 132 .text1 {        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 133 }
 134 .text1 {        color: #000F55;
 135         font-size: xx-small;
 136         text-align: right;
 137 }
 138 .text1 {        font-size: 18px;
 139 }
 140 .text1 {        text-align: left;
 141 }
 142 .text1 {        font-family: "Myriad Pro";
 143         font-size: 16px;
 144 }
 145 .text1 {        font-family: "Myriad Pro";
 146         font-size: 16px;
 147 }
 148 .text1 {        color: #006;
 149 }
 150 .text1 {        font-family: "Myriad Pro";
 151 }
 152 .text1 {        font-size: 16px;
 153 }
 154 .text1 {        color: #FFF;
 155 }
 156 .text1 {        color: #006;
 157 }
 158 .text1 {        font-family: "Myriad Pro";
 159 }
 160 .text1 {        font-size: 14px;
 161 }
 162 .text1 {        font-family: "Myriad Pro";
 163 }
 164 .text1 {        font-family: "Myriad Pro";
 165 }
 166 .text1 {        font-size: 16px;
 167 }
 168 .text1 {
 169         color: #006;
 170         font-size: 16px;
 171 }
 172 .text {
 173         font-family: "Myriad Pro";
 174         font-size: 16px;
 175         color: #006;
 176 }
 177 .text {
 178         font-family: "Myriad Pro";
 179 }
 180 .text {
 181         font-size: 16px;
 182 }
 183 .text {
 184         color: #006;
 185         font-size: 16px;
 186 }
 187 .text .text .text {
 188         color: #006;
 189         font-size: 14px;
 190 }
 191 .text .text .text {
 192         font-size: 16px;
 193         font-weight: bold;
 194 }
 195 .text .text .text {
 196         font-weight: normal;
 197 }
 198 .text .text strong {
 199         font-size: 18px;
 200 }
 201 .text .text strong {
 202         text-align: center;
 203 }
 204 .text .text strong {
 205         text-align: center;
 206 }
 207 .text .text strong {
 208 }
 209 .text {
 210         font-weight: bold;
 211 }
 212 .text p {
 213 }
 214 .text p {
 215         font-weight: normal;
 216 }
 217 .text {
 218         font-weight: bold;
 219 }
 220 -->
 221                 </style>
 222         </head>
 223
 224         <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','../tags/nick_over.gif')" bgcolor="white">
 225 <div align="center">
 226                                 <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
 227                                         <tr height="39">
 228                                                 <td width="200" height="39"></td>
 229                                                 <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
 230                                         </tr>
 231                                         <tr height="1" cntrlrow>
 232                                                 <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
 233                                                 <td width="1" height="1"></td>
 234                                         </tr>
 235                                 </table>
 236                                 <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
 237                                   <tr>
 238                                     <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
 239                               </tr>
 240                                   <tr>
 241                                     <td><table border="0" cellpadding="0" cellspacing="0">
 242                                       <tr bgcolor="#FFFFFF">
 243                                         <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>
 244                                         <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>
 245                                         <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>
 246                                         <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>
 247                                         <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>
 248                                         <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>
 249                                         <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>
 250                                         <td><img src="../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
 251                                   </tr>
 252                                       </table></td>
 253                               </tr>
 254                           </table>
 255 </div>
 256 <table width="930" height="757" border="0" align="center" cellpadding="0" cellspacing="0">
 257                           <tr>
 258                             <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
 259                             <td width="850" height="40" bgcolor="#FFFFFF">&nbsp;</td>
 260                             <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
 261                       </tr>
 262                           <tr>
 263                             <td width="40" height="677" bgcolor="#FFFFFF">&nbsp;</td>
 264                             <td bgcolor="#FFFFFF"><table width="845" border="0" align="center">
 265                       <tr>
 266                               <td width="842"><span class="text">We are delighted to welcome new members</span><br />
 267                                 <br />
 268                                 As well as our concerts, we sing at weddings and other fee paying and/or charitable concerts. Our programme also includes regular choir training events as well as social activities and choir weekends away.<br />
 269                                 <br />
 270                             We usually rehearse on Sundays 7.15pm - 9.30pm in Onslow Village Hall, Wilderness Road, Guildford GU2 7QR. Rehearsal time is very concentrated in 6 or 7 practices plus the concert day, so singers should attend all rehearsals and be prepared to put in additional time at home for note learning.&nbsp; <br />
 271                                 <br />
 272                                 All choir members must be able to read music and entry is on completion of a successful audition with the Musical Director. Why not audition us - come to one of our rehearsals and meet the choir.</td>
 273                   </tr>
 274                       </table>
 275                               <br />
 276                               <table width="845" height="286" border="0" align="center">
 277                     <tr>
 278                       <td width="847"><img src="../images/choir3.jpg" width="840" height="279" alt="choir2" /></td>
 279                     </tr>
 280                   </table>
 281                               <br />
 282                   <table width="845" border="0" align="center">
 283                     <tr>
 284                       <td><span class="text">Bursary places</span><br />
 285                         <br />
 286 We are committed to maintaining and developing a love of choral singing and choral music across all generations and bursary places are available for talented young singers who wish to develop their choral experience and abilities. Through this scheme we aim to provide an opportunity from which young singers will benefit and through which a new generation can come to truly value the choral experience.<br />
 287 <a href="../docs/bursary.doc"><br />
 288 Click here to download more information</a><br />
 289 <br />
 290 For further information on joining please contact <a href="mailto:occamsingers@hotmail.com">occamsingers@hotmail.com</a></td>
 291                     </tr>
 292                   </table></td>
 293                             <td bgcolor="#FFFFFF">&nbsp;</td>
 294                       </tr>
 295                           <tr>
 296                             <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
 297                             <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
 298                             <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
 299                       </tr>
 300     </table>
 301                         <p></p>
 302 </body>
 303
 304 </html>
 305 </div>
 306
 307
 308
 309
 310
 311
 312
 313
 314
 315
 316
 317
 318
 319