public/about.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: #FFF;
  95         background-image: ../backgrounds/background1.jpg;
  96         background-repeat: no-repeat;
  97         background-image: url(../images/back.jpg);
  98 }
  99 .lady {
 100         font-size: 12px;
 101 }
 102 .lady {
 103         font-size: 16px;
 104         font-family: "Myriad Pro";
 105         color: #006;
 106 }
 107 .in {   font-size: 12px;
 108         font-weight: bold;
 109 }
 110 .if {   font-size: 12px;
 111         font-weight: bold;
 112 }
 113 .m {    font-size: 12px;
 114 }
 115 .text {
 116         font-size: 18px;
 117 }
 118 .text {
 119         text-align: left;
 120 }
 121 .text .text {
 122         font-size: 16px;
 123 }
 124 .text .text {
 125         font-family: "Myriad Pro";
 126 }
 127 .lady p strong {
 128         color: #006;
 129 }
 130 .text .text strong {
 131         font-family: "Myriad Pro";
 132 }
 133 .text {
 134         font-family: "Myriad Pro";
 135         font-size: 16px;
 136 }
 137 .text font b font {
 138         font-family: "Myriad Pro";
 139 }
 140 .text font b font {
 141         color: #006;
 142 }
 143 .lady p {
 144         font-size: 16px;
 145 }
 146 .lady p strong {
 147         font-family: "Myriad Pro";
 148 }
 149 .text {
 150         font-family: "Myriad Pro";
 151         font-size: 16px;
 152 }
 153 .text {
 154         color: #006;
 155 }
 156 .lady p strong {
 157         font-family: "Myriad Pro";
 158 }
 159 a {
 160         font-family: "Myriad Pro";
 161         font-size: 16px;
 162         color: #11519E;
 163 }
 164 a:visited {
 165         color: #000066;
 166         text-decoration: none;
 167 }
 168 h1,h2,h3,h4,h5,h6 {
 169         font-family: "Myriad Pro";
 170         font-weight: bold;
 171 }
 172 .text1 {        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 173 }
 174 .text1 {        color: #000F55;
 175         font-size: xx-small;
 176         text-align: right;
 177 }
 178 .text1 {        font-family: "Myriad Pro";
 179 }
 180 .text1 {        text-align: left;
 181 }
 182 .text1 {        font-family: "Myriad Pro";
 183 }
 184 .text1 {        font-size: 16px;
 185 }
 186 .text1 {        color: #006;
 187 }
 188 .text1 {        font-family: "Myriad Pro";
 189         font-size: 16px;
 190         color: #006;
 191 }
 192 .text1 {        font-family: "Myriad Pro";
 193 }
 194 .text1 {        font-size: 16px;
 195 }
 196 .text1 {        color: #006;
 197         font-size: 16px;
 198 }
 199 .link {
 200         font-family: "Myriad Pro";
 201 }
 202 .text1 .in .link {
 203         color: #006;
 204 }
 205 a:link {
 206         color: #000066;
 207         text-decoration: none;
 208         font-family: "Myriad Pro";
 209 }
 210 a:hover {
 211         text-decoration: none;
 212 }
 213 a:active {
 214         text-decoration: none;
 215         font-size: 16px;
 216         font-style: italic;
 217         font-weight: normal;
 218         font-family: "Myriad Pro";
 219 }
 220 .text1 .in .link {
 221         font-size: 16px;
 222         font-weight: normal;
 223 }
 224 link2 {
 225         font-size: 16px;
 226 }
 227 .link1 {
 228         color: #000006;
 229 }
 230 .link2 {
 231         color: #000006;
 232 }
 233 .in .link1 {
 234         font-size: 16px;
 235 }
 236 .in .link1 {
 237         font-weight: normal;
 238         color: #006;
 239         font-size: 16px;
 240 }
 241 .in .link2 {
 242         font-weight: normal;
 243 }
 244 .in .link2 {
 245         font-size: 16px;
 246         color: #006;
 247 }
 248 .in .link2 {
 249         font-weight: normal;
 250 }
 251 .in .link {
 252         font-size: 16px;
 253 }
 254 .singers {
 255         font-weight: bold;
 256 }
 257 -->
 258                 </style>
 259         </head>
 260
 261         <body bgcolor="white" 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')">
 262 <div align="center">
 263                                 <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
 264                                         <tr height="39">
 265                                                 <td width="200" height="39"></td>
 266                                                 <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
 267                                         </tr>
 268                                         <tr height="1" cntrlrow>
 269                                                 <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
 270                                                 <td width="1" height="1"></td>
 271                                         </tr>
 272                                 </table>
 273                                 <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
 274                                   <tr>
 275                                     <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
 276                               </tr>
 277                                   <tr>
 278                                     <td><table border="0" cellpadding="0" cellspacing="0">
 279                                       <tr bgcolor="#FFFFFF">
 280                                         <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>
 281                                         <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>
 282                                         <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>
 283                                         <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>
 284                                         <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>
 285                                         <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>
 286                                         <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>
 287                                         <td><img src="../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
 288                                   </tr>
 289                                       </table></td>
 290                               </tr>
 291                           </table>
 292 </div>
 293 <table width="930" height="1339" border="0" align="center" cellpadding="0" cellspacing="0">
 294                           <tr>
 295                             <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
 296                             <td width="850" height="40" bgcolor="#FFFFFF">&nbsp;</td>
 297                             <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
 298                       </tr>
 299                           <tr>
 300                             <td width="40" height="1258" bgcolor="#FFFFFF">&nbsp;</td>
 301                             <td bgcolor="#FFFFFF"><table width="845" border="0" align="center">
 302                       <tr>
 303                               <td><strong>The Occam Singers</strong>
 304                                 <p>We are pleased to sing from a wide repertoire, including unaccompanied fifteenth century church music and madrigals, familiar choral works and twenty-first century pieces.&nbsp; Our annual season includes full-scale concerts with a professional orchestra (the New London Sinfonia) as well as smaller-scale performances, sometimes a capella. Some works we have performed:<br />
 305                                 <br />
 306                                 Bach: Mass in B Minor, Singet Dem Herrn and Jesu, Meine Freude<br />
 307                                 Bruckner: E Minor Mass and Ecce Sacerdos<br />
 308                                 Howells: Requiem<br />
 309                                 Mozart: Coronation Mass, Solemn Vespers and Requiem<br />
 310                                 O&rsquo;Neill: Music (a poem by Percy Shelley)<br />
 311                                 Purcell: The Bell Anthem, Ode to St Cecilia and Funeral Sentences<br />
 312                                 Ockeghem: Missa Prolationum<br />
 313                                 Schubert: Mass in G<br />
 314                                 <br />
 315                                 Our rehearsals and concerts are held in the Guildford area and we are always pleased to welcome new members.&nbsp; <br />
 316                                 Singers have a wide range of musical backgrounds and &lsquo;day jobs&rsquo; and a hallmark of our choir is the importance placed on friendship and fun.&nbsp; <br />
 317                                 <br />
 318                                 We have sung at many venues and events across South East England and have sung services at some wonderful cathedrals further afield.&nbsp; We employ a professional Music Director; David Gibson who has worked extensively with some of the UK's leading choirs and orchestras. We undertake regular vocal training workshops engaging the services of professional vocal trainers.&nbsp; Between 1998 and 2013 we also worked with composer Nicholas O&rsquo;Neill as our associate music director, from whom we commissioned several choral pieces.<br />
 319                                 <br />
 320                                 Our concerts and events benefit local and national charities; since 1982 the Occam Singers has raised over £100,000. Much of the Occam Singers&rsquo; fundraising success reflects the generosity of our sponsors, of our very supportive Friends, and of course of our concert audiences.&nbsp; <br />
 321                                 <br />
 322                                 The Occam Singers can be booked to sing for your special occasion; weddings, civil ceremonies, funerals and corporate functions.</p></td>
 323                   </tr>
 324                       </table>
 325                               <br />
 326                   <table width="845" border="0" align="center">
 327                     <tr>
 328                       <td><img src="../images/choir2.jpg" width="840" height="279" alt="choir2" /></td>
 329                     </tr>
 330                   </table>
 331                   <br />
 332                   <table width="845" border="0" align="center" cellpadding="0" cellspacing="0">
 333                     <tr>
 334                       <td align="left"><span class="singers">Become a Friend of the Occam Singers</span>.<br />
 335                         <br />
 336                       The costs of putting on concerts are ever-increasing and we need some help.  Please support us by becoming an Occam Friend with an annual donation of at least £25 per year and we’ll keep you in touch with what’s happening on and off stage.  This will help us to continue to provide good music for you, and you get cheaper tickets too, as well as a complimentary concert programme and reserved seats.  If you would like to become a Friend of the Occam Singers, or to find out more about the benefits of being a Friend, please click on the Contacts tab.</td>
 337                     </tr>
 338                   </table>
 339                   <br />
 340                   <table width="845" border="0" align="center">
 341                     <tr>
 342                       <td><strong>Patron's Message.</strong><br />
 343                         <br />
 344                         For sixteen years it has been my joy and privilege to be Patron of The Occam Singers. I attend most concerts and depart delighted that I have been present.&nbsp; David Gibson and until recently, Nick O&rsquo;Neill, exact high standards of singing from the choir and the sound they provide is unique. Not only do they strive for perfection but their repertoire is, while mainly Baroque, quite eclectic and everyone is challenged by the discovery of unusual or seldom-performed works. The camaraderie between the choir members has always been a feature. Not only do they get along well socially and the fact that they relish their singing and do it for charity (with all the behind-the scenes tasks being done voluntarily by members) means a spirit of benevolence prevails. May it continue with full hearts and voices!<br />
 345                         <br />
 346                         <strong>Lady Lingfield</strong><br />
 347                         <em>April, 2013</em></td>
 348                     </tr>
 349                   </table>
 350                   <br />
 351                   <table width="845" border="0" align="center" cellpadding="0" cellspacing="0">
 352                     <tr>
 353                       <td width="20" nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 354                       <td width="290" nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 355                       <td width="20" nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 356                       <td width="160" nowrap="nowrap">&nbsp;</td>
 357                       <td width="20" nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 358                       <td width="290" nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 359                       <td width="20" nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 360                     </tr>
 361                     <tr>
 362                       <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 363                       <td align="left" valign="top" nowrap="nowrap" bgcolor="#EFEFEF"><strong>Useful links</strong><span class="text1"><br />
 364                           <br />
 365                           <a href="http://www.davidgibson.uk.com" target="new">&gt; Musical Director</a><br />
 366                           <br />
 367                           <a href="../public/history.html">&gt; Choir History</a></span></td>
 368                       <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 369                       <td nowrap="nowrap">&nbsp;</td>
 370                       <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 371                       <td nowrap="nowrap" bgcolor="#EFEFEF"><span class="text1"><strong>Hear the choir sing</strong></span> <br />
 372                         <br />
 373                         <p>Rossini: Petite Messe Solennelle</p>
 374                         <p><span class="text1">Kyrie</span>
 375                           <br />
 376                           <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3.swf" width="200" height="20">
 377                             <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3.swf" />
 378                             <param name="bgcolor" value="#ffffff" />
 379                             <param name="FlashVars" value="mp3=http%3A//www.occamsingers.co.uk/music/kyrie.mp3&amp;loadingcolor=d4e2f2&amp;buttonovercolor=d4e2f2&amp;sliderovercolor=d4e2f2" />
 380                           </object>
 381                           <br />
 382                           <br />
 383                           <span class="text1">Cum Sancto</span> <br />
 384                           <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3.swf" width="200" height="20">
 385                             <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3.swf" />
 386                             <param name="bgcolor" value="#ffffff" />
 387                             <param name="FlashVars" value="mp3=http%3A//www.occamsingers.co.uk/music/sancto.mp3&amp;loadingcolor=d4e2f2&amp;buttonovercolor=d4e2f2&amp;sliderovercolor=d4e2f2" />
 388                           </object>
 389                           <br />
 390                           <br />
 391                         </p></td>
 392
 393                     <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 394                     </tr>
 395                     <tr>
 396                       <td height="22" nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 397                       <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 398                       <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 399                       <td nowrap="nowrap">&nbsp;</td>
 400                       <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 401                       <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 402                       <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
 403                     </tr>
 404                   </table></td>
 405                             <td bgcolor="#FFFFFF">&nbsp;</td>
 406                       </tr>
 407                           <tr>
 408                             <td width="40" height="41" bgcolor="#FFFFFF">&nbsp;</td>
 409                             <td height="41" bgcolor="#FFFFFF">&nbsp;</td>
 410                             <td height="41" bgcolor="#FFFFFF">&nbsp;</td>
 411                       </tr>
 412     </table>
 413                         <p></p>
 414
 415 </body>
 416
 417 </html>
 418 </div>
 419
 420
 421
 422
 423
 424
 425
 426
 427
 428
 429
 430
 431
 432