initial site commit
[occam.git] / public / rhythm.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="382" 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="301" bgcolor="#FFFFFF">&nbsp;</td>
301                             <td bgcolor="#FFFFFF"><table width="845" border="0" align="center">
302                       <tr>
303                               <td><p>&quot;Rhythm &amp; Blues&quot; -&nbsp; The Occam Singers&rsquo; Autumn 2015 concert<br />
304                                 <br />
305                             On Saturday (17 October) Holy Trinity Church, Guildford was packed for a toe-tappingly upbeat programme performed by <br />
306                             The Occam Singers.<br />
307                             <br />
308                             Following a fascinating live interview with singer/songwriter and film composer, Sarah Class, the first half of the concert featured hauntingly beautiful songs from Sarah&rsquo;s latest album, &quot;Unity&quot;, with the choir providing the backing vocals.<br />
309                             The second half of the concert comprised the exciting and inspirational &ldquo;Mass in Blue&rdquo; by Guildford composer Will Todd. The choir was accompanied by a jazz trio with Mark Kinkaid&nbsp;on piano, Chris Caldwell&nbsp;on alto sax and Christopher Xuereb&nbsp;on double bass. The soprano soloist, Robyn Allegra Parton (finalist in the 2012 Kathleen Ferrier Awards ), stunned the audience with her extraordinary range and heartfelt solos. The choir&rsquo;s performance was also received enthusiastically, garnering a standing ovation after the final fortissimo declaration of <em>credo</em> (I believe).<br />
310                             <br />
311                             In the interval, refreshments were served by The Samson Centre for Multiple Sclerosis, which is the Occam Singers' Charity of the Year.<br />
312                             <br />
313                             The Occam Singers&rsquo; traditional Christmas concert &quot;Christus Natus Est&quot; will take place at St Nicolas&rsquo; Church, Guildford on Saturday 19 December at 6.30.</p></td>
314                   </tr>
315                       </table>
316                         <br /></td>
317                             <td bgcolor="#FFFFFF">&nbsp;</td>
318                       </tr>
319                           <tr>
320                             <td width="40" height="41" bgcolor="#FFFFFF">&nbsp;</td>
321                             <td height="41" bgcolor="#FFFFFF">&nbsp;</td>
322                             <td height="41" bgcolor="#FFFFFF">&nbsp;</td>
323                       </tr>
324     </table>
325                         <p></p>
326
327 </body>
328
329 </html>
330 </div>
331
332
333
334
335
336
337
338
339
340
341
342
343
344