]> scm.dxcluster.org Git - occam.git/commitdiff
initial site commit master
authorDirk Koopman <djk@tobit.co.uk>
Tue, 10 Oct 2017 11:54:41 +0000 (12:54 +0100)
committerDirk Koopman <djk@tobit.co.uk>
Tue, 10 Oct 2017 11:54:41 +0000 (12:54 +0100)
84 files changed:
.gitignore [new file with mode: 0644]
docs/bursary.doc [new file with mode: 0644]
images/back.jpg [new file with mode: 0644]
images/choir1.jpg [new file with mode: 0644]
images/choir2.jpg [new file with mode: 0644]
images/choir3.jpg [new file with mode: 0644]
images/choir5.jpg [new file with mode: 0644]
images/cover31.jpg [new file with mode: 0644]
images/cover32.jpg [new file with mode: 0644]
images/cover33.jpg [new file with mode: 0644]
images/flowers.jpg [new file with mode: 0644]
index.html [new file with mode: 0644]
logos/buyN.jpg [new file with mode: 0644]
logos/fb.jpg [new file with mode: 0644]
logos/link.jpg [new file with mode: 0644]
logos/tw.jpg [new file with mode: 0644]
posters/poster1.jpg [new file with mode: 0644]
posters/poster10.jpg [new file with mode: 0644]
posters/poster11.jpg [new file with mode: 0644]
posters/poster12.jpg [new file with mode: 0644]
posters/poster13.jpg [new file with mode: 0644]
posters/poster14.jpg [new file with mode: 0644]
posters/poster15.jpg [new file with mode: 0644]
posters/poster16.jpg [new file with mode: 0644]
posters/poster17.jpg [new file with mode: 0644]
posters/poster18.jpg [new file with mode: 0644]
posters/poster19.jpg [new file with mode: 0644]
posters/poster2.jpg [new file with mode: 0644]
posters/poster20.jpg [new file with mode: 0644]
posters/poster21.jpg [new file with mode: 0644]
posters/poster22.jpg [new file with mode: 0644]
posters/poster23.jpg [new file with mode: 0644]
posters/poster24.jpg [new file with mode: 0644]
posters/poster25.jpg [new file with mode: 0644]
posters/poster26.jpg [new file with mode: 0644]
posters/poster27.jpg [new file with mode: 0644]
posters/poster3.jpg [new file with mode: 0644]
posters/poster4.jpg [new file with mode: 0644]
posters/poster5.jpg [new file with mode: 0644]
posters/poster6.jpg [new file with mode: 0644]
posters/poster7.jpg [new file with mode: 0644]
posters/thumb/thumb1.jpg [new file with mode: 0644]
posters/thumb/thumb10.jpg [new file with mode: 0644]
posters/thumb/thumb11.jpg [new file with mode: 0644]
posters/thumb/thumb12.jpg [new file with mode: 0644]
posters/thumb/thumb13.jpg [new file with mode: 0644]
posters/thumb/thumb14.jpg [new file with mode: 0644]
posters/thumb/thumb15.jpg [new file with mode: 0644]
posters/thumb/thumb16.jpg [new file with mode: 0644]
posters/thumb/thumb17.jpg [new file with mode: 0644]
posters/thumb/thumb18.jpg [new file with mode: 0644]
posters/thumb/thumb19.jpg [new file with mode: 0644]
posters/thumb/thumb2.jpg [new file with mode: 0644]
posters/thumb/thumb20.jpg [new file with mode: 0644]
posters/thumb/thumb21.jpg [new file with mode: 0644]
posters/thumb/thumb22.jpg [new file with mode: 0644]
posters/thumb/thumb23.jpg [new file with mode: 0644]
posters/thumb/thumb24.jpg [new file with mode: 0644]
posters/thumb/thumb25.jpg [new file with mode: 0644]
posters/thumb/thumb26.jpg [new file with mode: 0644]
posters/thumb/thumb27.jpg [new file with mode: 0644]
posters/thumb/thumb3.jpg [new file with mode: 0644]
posters/thumb/thumb4.jpg [new file with mode: 0644]
posters/thumb/thumb5.jpg [new file with mode: 0644]
posters/thumb/thumb6.jpg [new file with mode: 0644]
posters/thumb/thumb7.jpg [new file with mode: 0644]
public/about.html [new file with mode: 0644]
public/concerts.html [new file with mode: 0644]
public/contact.html [new file with mode: 0644]
public/history.html [new file with mode: 0644]
public/join.html [new file with mode: 0644]
public/mail.html [new file with mode: 0644]
public/past_concerts.html [new file with mode: 0644]
public/rhythm.html [new file with mode: 0644]
public/weddings.html [new file with mode: 0644]
tags/booking.png [new file with mode: 0644]
tags/choir.png [new file with mode: 0644]
tags/concerts.png [new file with mode: 0644]
tags/contact.png [new file with mode: 0644]
tags/header_blue.jpg [new file with mode: 0644]
tags/hire.png [new file with mode: 0644]
tags/home.png [new file with mode: 0644]
tags/join.png [new file with mode: 0644]
tags/spacer.png [new file with mode: 0644]

diff --git a/.gitignore b/.gitignore
new file mode 100644 (file)
index 0000000..9958b39
--- /dev/null
@@ -0,0 +1,9 @@
+*~
+*.bak
+.last_update
+\#*
+*.save
+*swp
+*.html
+*.css
+\.\#*
diff --git a/docs/bursary.doc b/docs/bursary.doc
new file mode 100644 (file)
index 0000000..e5673a0
Binary files /dev/null and b/docs/bursary.doc differ
diff --git a/images/back.jpg b/images/back.jpg
new file mode 100644 (file)
index 0000000..d5276ab
Binary files /dev/null and b/images/back.jpg differ
diff --git a/images/choir1.jpg b/images/choir1.jpg
new file mode 100644 (file)
index 0000000..6512f58
Binary files /dev/null and b/images/choir1.jpg differ
diff --git a/images/choir2.jpg b/images/choir2.jpg
new file mode 100644 (file)
index 0000000..181d610
Binary files /dev/null and b/images/choir2.jpg differ
diff --git a/images/choir3.jpg b/images/choir3.jpg
new file mode 100644 (file)
index 0000000..a60c580
Binary files /dev/null and b/images/choir3.jpg differ
diff --git a/images/choir5.jpg b/images/choir5.jpg
new file mode 100644 (file)
index 0000000..70674e7
Binary files /dev/null and b/images/choir5.jpg differ
diff --git a/images/cover31.jpg b/images/cover31.jpg
new file mode 100644 (file)
index 0000000..6633952
Binary files /dev/null and b/images/cover31.jpg differ
diff --git a/images/cover32.jpg b/images/cover32.jpg
new file mode 100644 (file)
index 0000000..87818bb
Binary files /dev/null and b/images/cover32.jpg differ
diff --git a/images/cover33.jpg b/images/cover33.jpg
new file mode 100644 (file)
index 0000000..de19876
Binary files /dev/null and b/images/cover33.jpg differ
diff --git a/images/flowers.jpg b/images/flowers.jpg
new file mode 100644 (file)
index 0000000..de77c83
Binary files /dev/null and b/images/flowers.jpg differ
diff --git a/index.html b/index.html
new file mode 100644 (file)
index 0000000..b816008
--- /dev/null
@@ -0,0 +1,1201 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>The Occam Singers</title>
+<script type="text/javascript">
+<!--
+var preloadFlag = false;
+function preloadImages() {
+       if (document.images) {
+               pre_home_over = newImage('../tags/home_over.png');
+               pre_choir_over = newImage('../tags/choir_over.png');
+               pre_concerts_over = newImage('../tags/concerts_over.png');
+               pre_join_over = newImage('../tags/join_over.png');
+               pre_booking_over = newImage('../tags/booking_over.png');
+               preloadFlag = true;
+       }
+}
+
+function MM_preloadImages() { //v3.0
+  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+}
+
+function MM_findObj(n, d) { //v4.01
+  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+  if(!x && d.getElementById) x=d.getElementById(n); return x;
+}
+
+function MM_nbGroup(event, grpName) { //v6.0
+  var i,img,nbArr,args=MM_nbGroup.arguments;
+  if (event == "init" && args.length > 2) {
+    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
+      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
+      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
+      nbArr[nbArr.length] = img;
+      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+        if (!img.MM_up) img.MM_up = img.src;
+        img.src = img.MM_dn = args[i+1];
+        nbArr[nbArr.length] = img;
+    } }
+  } else if (event == "over") {
+    document.MM_nbOver = nbArr = new Array();
+    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
+      nbArr[nbArr.length] = img;
+    }
+  } else if (event == "out" ) {
+    for (i=0; i < document.MM_nbOver.length; i++) {
+      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
+  } else if (event == "down") {
+    nbArr = document[grpName];
+    if (nbArr)
+      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
+    document[grpName] = nbArr = new Array();
+    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
+      nbArr[nbArr.length] = img;
+  } }
+}
+function MM_swapImgRestore() { //v3.0
+  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+}
+
+function MM_swapImage() { //v3.0
+  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}
+//-->
+            </script>
+               </csactiondict>
+    <style type="text/css">
+<!--
+.m {
+       font-size: 12px;
+}
+.m b {
+       font-size: 20px;
+       text-align: center;
+}
+.me {
+       color: #05046D;
+       font-size: x-small;
+       text-align: right;
+}
+.b {   font-size: 14px;
+       font-weight: bold;
+}
+.b {
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.b .b {
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.b {
+       font-weight: normal;
+}
+.text {
+       font-size: 16px;
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       color: #005;
+}
+.text p font {
+       font-size: large;
+}
+.text p font {
+       font-size: medium;
+}
+.text {
+       color: #005;
+}
+.text font {
+       font-size: medium;
+}
+.text font b {
+       font-size: large;
+}
+.text font b {
+       font-size: 18px;
+}
+.text {
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       font-size: large;
+}
+.text {
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.text {
+       font-size: medium;
+}
+.text {
+       font-size: small;
+}
+.text {
+       font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text .text {
+       font-size: 12px;
+}
+.text .text {
+       font-size: 12px;
+}
+.text12 {color: #005; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
+.text .text12 {
+       font-size: medium;
+}
+.text .text10 {
+       font-size: 10px;
+}
+.text .text10 {
+       font-size: 10px;
+}
+.text .text12 {
+       font-size: medium;
+}
+.text .text12 {
+       font-size: small;
+}
+.text10 b {
+       font-size: 18px;
+}
+.text1 {       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text1 {       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text1 {}
+.text1 {       text-align: left;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {       color: #000;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {       font-size: 14px;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {}
+.text1 {}
+.text1 {       font-size: 12px;
+}
+.text1 {       font-size: 14px;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {}
+.text1 {       font-size: 12px;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {       font-size: 12px;
+}
+a:link {
+       color: #000066;
+}
+.t {
+       text-align: left;
+}
+.text10 font b {
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.text10 font b {
+       font-size: 16px;
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.t {
+       text-align: left;
+}
+.t p {
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       color: #900;
+}
+.t {
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       color: #004;
+       font-size: 14px;
+}
+.text p {
+       font-size: 14px;
+}
+.t font b red {
+       color: #900;
+}
+.t font b {
+       color: #900;
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       font-size: 18px;
+}
+.text2 {       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text2 {       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text2 {       font-family: "Myriad Pro";
+}
+.text2 {       text-align: left;
+}
+.text2 {       font-family: "Myriad Pro";
+}
+.text2 {       font-size: 16px;
+}
+.text2 {       color: #006;
+}
+.text2 {       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text2 {       font-family: "Myriad Pro";
+}
+.text2 {       font-size: 16px;
+}
+.text2 {       color: #006;
+       font-size: 16px;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-size: 16px;
+}
+.text {
+       color: #006;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.tetx {
+       font-size: 18px;
+       font-weight: bold;
+       font-family: "Myriad Pro";
+}
+.Durufl {
+       font-family: "Myriad Pro";
+       font-size: 18px;
+}
+.Duruf {
+       color: #006;
+       font-weight: bold;
+       font-size: 24px;
+}
+body,td,th {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+a {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #000066;
+}
+a:visited {
+       color: #000066;
+       font-size: 14px;
+}
+.textb {       font-size: 18px;
+}
+.text {
+       font-size: 16px;
+       text-align: left;
+}
+.music {
+       font-weight: normal;
+       font-size: 18px;
+}
+.venue {
+       font-size: 18px;
+}
+body {
+       background-image: url(../../../../images/back.jpg);
+}
+.text {
+       font-size: 18px;
+       color: #006;
+}
+.text1 {
+       font-size: 18px;
+       font-family: "Myriad Pro";
+       color: #006;
+       font-weight: bold;
+}
+.email {
+       font-weight: bold;
+}
+.text4 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text4 {color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text4 {font-weight: bold;
+}
+.text4 {text-align: left;
+}
+.text4 {font-size: 12px;
+}
+.text4 {color: #000;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 14px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {}
+.text4 {}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 14px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 16px;
+       color: #003;
+}
+.text4 {font-family: "Myriad Pro";
+}
+.text4 {font-family: "Myriad Pro";
+}
+.text4 {font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text4 {font-family: "Myriad Pro";
+}
+.text4 {font-size: 16px;
+}
+.text4 {font-size: 10px;
+       font-family: "Myriad Pro";
+}
+.text4 {font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text4 {font-family: "Myriad Pro";
+}
+.text4 {font-family: "Myriad Pro";
+       font-size: 18px;
+}
+.text4 {font-family: "Myriad Pro";
+       font-size: 16px;
+       font-weight: normal;
+}
+.text4 {font-weight: bold;
+}
+.text4 {font-size: 16px;
+       font-weight: normal;
+}
+.text4 {font-size: 18px;
+       font-weight: bold;
+       font-family: "Myriad Pro";
+}
+.text4 {font-size: 18px;
+}
+.text4 {font-size: 18px;
+}
+.text4 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text4 {font-size: 24px;
+       font-weight: bold;
+}
+.text4 {font-size: 18px;
+       font-weight: normal;
+}
+.text4 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.texta {       font-size: 18px;
+}
+.texta {       font-size: 18px;
+       font-weight: bold;
+}
+.textb1 {      font-size: 18px;
+}
+.textb1 {      font-size: 18px;
+}
+.tyext {       font-size: 18px;
+}
+.text3 {font-size: 16px;
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       color: #005;
+}
+.text3 {color: #005;
+}
+.text3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       font-size: large;
+}
+.text3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.text3 {font-size: medium;
+}
+.text3 {font-size: small;
+}
+.text3 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text3 {font-family: "Myriad Pro";
+}
+.text3 {font-size: 16px;
+}
+.text3 {color: #006;
+}
+.text3 {font-family: "Myriad Pro";
+}
+.text3 {font-size: 14px;
+       text-align: left;
+}
+.text31 {font-size: 16px;
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       color: #005;
+}
+.text31 {color: #005;
+}
+.text31 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       font-size: large;
+}
+.text31 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.text31 {font-size: medium;
+}
+.text31 {font-size: small;
+}
+.text31 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text31 {font-family: "Myriad Pro";
+}
+.text31 {font-size: 16px;
+}
+.text31 {color: #006;
+}
+.text31 {font-family: "Myriad Pro";
+}
+.text31 {font-size: 14px;
+       text-align: left;
+}
+.text31 {      font-size: 18px;
+}
+.left {
+       text-align: left;
+}
+.text32 {font-size: 16px;
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       color: #005;
+}
+.text32 {color: #005;
+}
+.text32 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       font-size: large;
+}
+.text32 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.text32 {font-size: medium;
+}
+.text32 {font-size: small;
+}
+.text32 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text32 {font-family: "Myriad Pro";
+}
+.text32 {font-size: 16px;
+}
+.text32 {color: #006;
+}
+.text32 {font-family: "Myriad Pro";
+}
+.text32 {font-size: 14px;
+       text-align: left;
+}
+.text32 {      font-size: 18px;
+}
+.text32 {      font-size: 18px;
+}
+.text41 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text41 {color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text41 {font-weight: bold;
+}
+.text41 {text-align: left;
+}
+.text41 {font-size: 12px;
+}
+.text41 {color: #000;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 14px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {}
+.text41 {}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 14px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 16px;
+       color: #003;
+}
+.text41 {font-family: "Myriad Pro";
+}
+.text41 {font-family: "Myriad Pro";
+}
+.text41 {font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text41 {font-family: "Myriad Pro";
+}
+.text41 {font-size: 16px;
+}
+.text41 {font-size: 10px;
+       font-family: "Myriad Pro";
+}
+.text41 {font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text41 {font-family: "Myriad Pro";
+}
+.text41 {font-family: "Myriad Pro";
+       font-size: 18px;
+}
+.text41 {font-family: "Myriad Pro";
+       font-size: 16px;
+       font-weight: normal;
+}
+.text41 {font-weight: bold;
+}
+.text41 {font-size: 16px;
+       font-weight: normal;
+}
+.text41 {font-size: 18px;
+       font-weight: bold;
+       font-family: "Myriad Pro";
+}
+.text41 {font-size: 18px;
+}
+.text41 {font-size: 18px;
+}
+.text41 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text41 {font-size: 24px;
+       font-weight: bold;
+}
+.text41 {font-size: 18px;
+       font-weight: normal;
+}
+.text41 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text41 {      font-size: 18px;
+}
+.text41 {      font-size: 18px;
+}
+.text411 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text411 {color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text411 {font-weight: bold;
+}
+.text411 {text-align: left;
+}
+.text411 {font-size: 12px;
+}
+.text411 {color: #000;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 14px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {}
+.text411 {}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 14px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 16px;
+       color: #003;
+}
+.text411 {font-family: "Myriad Pro";
+}
+.text411 {font-family: "Myriad Pro";
+}
+.text411 {font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text411 {font-family: "Myriad Pro";
+}
+.text411 {font-size: 16px;
+}
+.text411 {font-size: 10px;
+       font-family: "Myriad Pro";
+}
+.text411 {font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text411 {font-family: "Myriad Pro";
+}
+.text411 {font-family: "Myriad Pro";
+       font-size: 18px;
+}
+.text411 {font-family: "Myriad Pro";
+       font-size: 16px;
+       font-weight: normal;
+}
+.text411 {font-weight: bold;
+}
+.text411 {font-size: 16px;
+       font-weight: normal;
+}
+.text411 {font-size: 18px;
+       font-weight: bold;
+       font-family: "Myriad Pro";
+}
+.text411 {font-size: 18px;
+}
+.text411 {font-size: 18px;
+}
+.text411 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text411 {font-size: 24px;
+       font-weight: bold;
+}
+.text411 {font-size: 18px;
+       font-weight: normal;
+}
+.text411 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text411 {font-size: 18px;
+}
+.text411 {font-size: 18px;
+}
+.text42 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text42 {color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text42 {font-weight: bold;
+}
+.text42 {text-align: left;
+}
+.text42 {font-size: 12px;
+}
+.text42 {color: #000;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 14px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {}
+.text42 {}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 14px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 16px;
+       color: #003;
+}
+.text42 {font-family: "Myriad Pro";
+}
+.text42 {font-family: "Myriad Pro";
+}
+.text42 {font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text42 {font-family: "Myriad Pro";
+}
+.text42 {font-size: 16px;
+}
+.text42 {font-size: 10px;
+       font-family: "Myriad Pro";
+}
+.text42 {font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text42 {font-family: "Myriad Pro";
+}
+.text42 {font-family: "Myriad Pro";
+       font-size: 18px;
+}
+.text42 {font-family: "Myriad Pro";
+       font-size: 16px;
+       font-weight: normal;
+}
+.text42 {font-weight: bold;
+}
+.text42 {font-size: 16px;
+       font-weight: normal;
+}
+.text42 {font-size: 18px;
+       font-weight: bold;
+       font-family: "Myriad Pro";
+}
+.text42 {font-size: 18px;
+}
+.text42 {font-size: 18px;
+}
+.text42 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text42 {font-size: 24px;
+       font-weight: bold;
+}
+.text42 {font-size: 18px;
+       font-weight: normal;
+}
+.text42 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text412 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text412 {color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text412 {font-weight: bold;
+}
+.text412 {text-align: left;
+}
+.text412 {font-size: 12px;
+}
+.text412 {color: #000;
+}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 14px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {}
+.text412 {}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 14px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 12px;
+}
+.text412 {font-size: 16px;
+       color: #003;
+}
+.text412 {font-family: "Myriad Pro";
+}
+.text412 {font-family: "Myriad Pro";
+}
+.text412 {font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text412 {font-family: "Myriad Pro";
+}
+.text412 {font-size: 16px;
+}
+.text412 {font-size: 10px;
+       font-family: "Myriad Pro";
+}
+.text412 {font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text412 {font-family: "Myriad Pro";
+}
+.text412 {font-family: "Myriad Pro";
+       font-size: 18px;
+}
+.text412 {font-family: "Myriad Pro";
+       font-size: 16px;
+       font-weight: normal;
+}
+.text412 {font-weight: bold;
+}
+.text412 {font-size: 16px;
+       font-weight: normal;
+}
+.text412 {font-size: 18px;
+       font-weight: bold;
+       font-family: "Myriad Pro";
+}
+.text412 {font-size: 18px;
+}
+.text412 {font-size: 18px;
+}
+.text412 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text412 {font-size: 24px;
+       font-weight: bold;
+}
+.text412 {font-size: 18px;
+       font-weight: normal;
+}
+.text412 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text412 {font-size: 18px;
+}
+.david {
+       font-size: 16px;
+}
+.text {
+       font-size: 18px;
+}
+-->
+    </style>
+</head>
+
+       <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">
+<div align="center">
+                               <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
+                                       <tr height="39">
+                                               <td width="200" height="39"></td>
+                                               <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
+                                       </tr>
+                                       <tr height="1" cntrlrow>
+                                               <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
+                                               <td width="1" height="1"></td>
+                                       </tr>
+                               </table>
+                               <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
+                                 <tr>
+                                   <td align="center" valign="middle" bgcolor="#1252A0"><img src="../../../../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
+                             </tr>
+                                 <tr>
+                                   <td><table border="0" cellpadding="0" cellspacing="0">
+                                     <tr bgcolor="#FFFFFF">
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <td><img src="../../../../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
+                                 </tr>
+                                     </table></td>
+                             </tr>
+                         </table>
+</div>
+<table width="930" height="722" border="0" align="center" cellpadding="0" cellspacing="0">
+                         <tr>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="851" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="39" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+                         <tr>
+                           <td width="40" height="642" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td bgcolor="#FFFFFF"><table width="840" border="0" align="center">
+                             <tr>
+                               <td><img src="../../../../images/choir1.jpg" width="845" height="564" alt="choirf" /></td>
+                         </tr>
+                             </table>
+                             <br />
+                             <table width="845" border="0" align="center">
+                     <tr>
+                       <td width="593"><span class="text">The Occam Singers is a chamber choir based in Guildford that enjoys a reputation for high-calibre music making which reflects our love of choral singing, music and friendship. </span></td>
+                  </tr>
+                     </table>
+                             <br />
+                             <table width="845" border="0" align="center">
+                               <tr>
+                                 <td width="241" rowspan="2"><a href="https://tickets.visitguildford.com/en-GB/shows/new boy born - a christmas concert/info" target="new"><img src="../images/cover31.jpg" width="240" height="160" alt="cover28" /></a><br /></td>
+                                 <td width="40" rowspan="2">&nbsp;</td>
+                                 <td width="339" rowspan="2"><table width="339" height="155" border="0" cellpadding="0" cellspacing="0">
+                                   <tr>
+                                     <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                                     <td width="307" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                                     <td height="10" bgcolor="#EFEFEF"><br /></td>
+                               </tr>
+                                   <tr>
+                                     <td width="17" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                                     <td height="125" align="left" valign="top" bgcolor="#EFEFEF" class="text32"><strong>Dvorak, Kodaly and Zelenka<br />
+                          </strong><br />
+Saturday, 14th October, 2017, 7.30pm<br />
+Holy Trinity Church, Guildford GU1 3RR<br />
+<br />
+Free pre-concert talk at 6.30pm</td>
+                                     <td width="15" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                               </tr>
+                                   <tr>
+                                     <td width="17" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                                     <td height="10" align="right" valign="top" bgcolor="#EFEFEF">&nbsp;</td>
+                                     <td width="15" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                               </tr>
+                             </table></td>
+                                 <td width="40" rowspan="2">&nbsp;</td>
+                                 <td width="163" height="112" align="right" valign="top" class="left"><span class="text31"><a href="https://tickets.visitguildford.com/en-GB/shows/the%20occam%20singers%20-%20dvorak%20-%20mass%20in%20d/events" target="new"><img src="../logos/buyN.jpg" width="163" height="110" alt="buy" /></a></span></td>
+                           </tr>
+                               <tr>
+                                 <td height="85" align="center" valign="top" class="text31"><span class="left"><a href="http://www.linkable.org.uk" target="new"><br />
+                             <img src="../logos/link.jpg" width="163" height="64" alt="link" /></a></span></td>
+                           </tr>
+                         </table>
+                             <table width="845" border="0" align="center">
+                               <tr>
+                                 <td height="197"><table width="840" height="195" border="0" cellpadding="0" cellspacing="0">
+                                   <tr>
+                                     <td height="19" bgcolor="#EFEFEF">&nbsp;</td>
+                                     <td width="793" height="19" bgcolor="#EFEFEF">&nbsp;</td>
+                                     <td height="19" bgcolor="#EFEFEF"><br /></td>
+                               </tr>
+                                   <tr>
+                                     <td width="23" height="158" bgcolor="#EFEFEF">&nbsp;</td>
+                                     <td height="158" align="left" valign="top" bgcolor="#EFEFEF" class="text32"><p>We are very proud to be supporting the work of the charity LinkAble this year.  This local charity’s <br />
+                                   principal aim is to champion people with learning disabilities, encouraging them to achieve their <br />
+                                   potential and raise the quality of life for the whole community.  People with learning disabilities face <br />
+                                   many barriers that exclude them from mainstream society.  LinkAble helps to break down these barriers <br />
+                                   by providing support and a range of sporting, social and leisure activities which would otherwise <br />
+                                 be unavailable. </p>
+                                 <p>Interval refreshments will be served by LinkAble.</p></td>
+                                     <td width="24" height="158" bgcolor="#EFEFEF">&nbsp;</td>
+                               </tr>
+                                   <tr>
+                                     <td width="23" height="17" bgcolor="#EFEFEF">&nbsp;</td>
+                                     <td height="17" align="right" valign="top" bgcolor="#EFEFEF">&nbsp;</td>
+                                     <td width="24" height="17" bgcolor="#EFEFEF">&nbsp;</td>
+                               </tr>
+                             </table></td>
+                           </tr>
+                         </table>
+                             <br />
+                             <table width="845" border="0" cellspacing="0" cellpadding="0">
+                               <tr>
+                                 <td width="729" height="59" valign="bottom"><span class="text">Registered Charity Number 1054266.</span></td>
+                                 <td width="63"><a href="https://www.facebook.com/pages/The-Occam-Singers/352623138121836?ref=ts&amp;fref=ts" target="new"><img src="../../../../logos/fb.jpg" width="50" height="49" alt="fb" /></a></td>
+                                 <td width="53"><a href="https://twitter.com/OccamSingers" target="new"><img src="../../../../logos/tw.jpg" width="50" height="48" alt="tw" /></a></td>
+                           </tr>
+                         </table>
+                       <br /></td>
+                           <td bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+                         <tr>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td height="40" align="right" valign="bottom" bgcolor="#FFFFFF"><font face="Trebuchet MS, Arial, Helvetica, sans-serif" class="me">Copyright Anthony Cooksey</font></td>
+                           <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+    </table>
+                       <p></p>
+</body>
+
+</html>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/logos/buyN.jpg b/logos/buyN.jpg
new file mode 100644 (file)
index 0000000..4f9b5d1
Binary files /dev/null and b/logos/buyN.jpg differ
diff --git a/logos/fb.jpg b/logos/fb.jpg
new file mode 100644 (file)
index 0000000..56f4900
Binary files /dev/null and b/logos/fb.jpg differ
diff --git a/logos/link.jpg b/logos/link.jpg
new file mode 100644 (file)
index 0000000..fbe6d91
Binary files /dev/null and b/logos/link.jpg differ
diff --git a/logos/tw.jpg b/logos/tw.jpg
new file mode 100644 (file)
index 0000000..f0cd57c
Binary files /dev/null and b/logos/tw.jpg differ
diff --git a/posters/poster1.jpg b/posters/poster1.jpg
new file mode 100644 (file)
index 0000000..d28aac3
Binary files /dev/null and b/posters/poster1.jpg differ
diff --git a/posters/poster10.jpg b/posters/poster10.jpg
new file mode 100644 (file)
index 0000000..6975dea
Binary files /dev/null and b/posters/poster10.jpg differ
diff --git a/posters/poster11.jpg b/posters/poster11.jpg
new file mode 100644 (file)
index 0000000..aac5365
Binary files /dev/null and b/posters/poster11.jpg differ
diff --git a/posters/poster12.jpg b/posters/poster12.jpg
new file mode 100644 (file)
index 0000000..2e81c4a
Binary files /dev/null and b/posters/poster12.jpg differ
diff --git a/posters/poster13.jpg b/posters/poster13.jpg
new file mode 100644 (file)
index 0000000..261b1be
Binary files /dev/null and b/posters/poster13.jpg differ
diff --git a/posters/poster14.jpg b/posters/poster14.jpg
new file mode 100644 (file)
index 0000000..07ede7d
Binary files /dev/null and b/posters/poster14.jpg differ
diff --git a/posters/poster15.jpg b/posters/poster15.jpg
new file mode 100644 (file)
index 0000000..0de6565
Binary files /dev/null and b/posters/poster15.jpg differ
diff --git a/posters/poster16.jpg b/posters/poster16.jpg
new file mode 100644 (file)
index 0000000..cd86d2f
Binary files /dev/null and b/posters/poster16.jpg differ
diff --git a/posters/poster17.jpg b/posters/poster17.jpg
new file mode 100644 (file)
index 0000000..eaff9dd
Binary files /dev/null and b/posters/poster17.jpg differ
diff --git a/posters/poster18.jpg b/posters/poster18.jpg
new file mode 100644 (file)
index 0000000..fef0eeb
Binary files /dev/null and b/posters/poster18.jpg differ
diff --git a/posters/poster19.jpg b/posters/poster19.jpg
new file mode 100644 (file)
index 0000000..faf0f08
Binary files /dev/null and b/posters/poster19.jpg differ
diff --git a/posters/poster2.jpg b/posters/poster2.jpg
new file mode 100644 (file)
index 0000000..319dca9
Binary files /dev/null and b/posters/poster2.jpg differ
diff --git a/posters/poster20.jpg b/posters/poster20.jpg
new file mode 100644 (file)
index 0000000..84e1820
Binary files /dev/null and b/posters/poster20.jpg differ
diff --git a/posters/poster21.jpg b/posters/poster21.jpg
new file mode 100644 (file)
index 0000000..d27caba
Binary files /dev/null and b/posters/poster21.jpg differ
diff --git a/posters/poster22.jpg b/posters/poster22.jpg
new file mode 100644 (file)
index 0000000..4d4082b
Binary files /dev/null and b/posters/poster22.jpg differ
diff --git a/posters/poster23.jpg b/posters/poster23.jpg
new file mode 100644 (file)
index 0000000..05a244c
Binary files /dev/null and b/posters/poster23.jpg differ
diff --git a/posters/poster24.jpg b/posters/poster24.jpg
new file mode 100644 (file)
index 0000000..e766e3b
Binary files /dev/null and b/posters/poster24.jpg differ
diff --git a/posters/poster25.jpg b/posters/poster25.jpg
new file mode 100644 (file)
index 0000000..7ed8f10
Binary files /dev/null and b/posters/poster25.jpg differ
diff --git a/posters/poster26.jpg b/posters/poster26.jpg
new file mode 100644 (file)
index 0000000..80e8043
Binary files /dev/null and b/posters/poster26.jpg differ
diff --git a/posters/poster27.jpg b/posters/poster27.jpg
new file mode 100644 (file)
index 0000000..8fcb227
Binary files /dev/null and b/posters/poster27.jpg differ
diff --git a/posters/poster3.jpg b/posters/poster3.jpg
new file mode 100644 (file)
index 0000000..3709b7c
Binary files /dev/null and b/posters/poster3.jpg differ
diff --git a/posters/poster4.jpg b/posters/poster4.jpg
new file mode 100644 (file)
index 0000000..f8d333e
Binary files /dev/null and b/posters/poster4.jpg differ
diff --git a/posters/poster5.jpg b/posters/poster5.jpg
new file mode 100644 (file)
index 0000000..002b12e
Binary files /dev/null and b/posters/poster5.jpg differ
diff --git a/posters/poster6.jpg b/posters/poster6.jpg
new file mode 100644 (file)
index 0000000..89195c8
Binary files /dev/null and b/posters/poster6.jpg differ
diff --git a/posters/poster7.jpg b/posters/poster7.jpg
new file mode 100644 (file)
index 0000000..3c357ad
Binary files /dev/null and b/posters/poster7.jpg differ
diff --git a/posters/thumb/thumb1.jpg b/posters/thumb/thumb1.jpg
new file mode 100644 (file)
index 0000000..25fd175
Binary files /dev/null and b/posters/thumb/thumb1.jpg differ
diff --git a/posters/thumb/thumb10.jpg b/posters/thumb/thumb10.jpg
new file mode 100644 (file)
index 0000000..8f8bfaf
Binary files /dev/null and b/posters/thumb/thumb10.jpg differ
diff --git a/posters/thumb/thumb11.jpg b/posters/thumb/thumb11.jpg
new file mode 100644 (file)
index 0000000..34b3d44
Binary files /dev/null and b/posters/thumb/thumb11.jpg differ
diff --git a/posters/thumb/thumb12.jpg b/posters/thumb/thumb12.jpg
new file mode 100644 (file)
index 0000000..d1023cc
Binary files /dev/null and b/posters/thumb/thumb12.jpg differ
diff --git a/posters/thumb/thumb13.jpg b/posters/thumb/thumb13.jpg
new file mode 100644 (file)
index 0000000..1b25452
Binary files /dev/null and b/posters/thumb/thumb13.jpg differ
diff --git a/posters/thumb/thumb14.jpg b/posters/thumb/thumb14.jpg
new file mode 100644 (file)
index 0000000..b8e091a
Binary files /dev/null and b/posters/thumb/thumb14.jpg differ
diff --git a/posters/thumb/thumb15.jpg b/posters/thumb/thumb15.jpg
new file mode 100644 (file)
index 0000000..7dc1216
Binary files /dev/null and b/posters/thumb/thumb15.jpg differ
diff --git a/posters/thumb/thumb16.jpg b/posters/thumb/thumb16.jpg
new file mode 100644 (file)
index 0000000..193128a
Binary files /dev/null and b/posters/thumb/thumb16.jpg differ
diff --git a/posters/thumb/thumb17.jpg b/posters/thumb/thumb17.jpg
new file mode 100644 (file)
index 0000000..01f8883
Binary files /dev/null and b/posters/thumb/thumb17.jpg differ
diff --git a/posters/thumb/thumb18.jpg b/posters/thumb/thumb18.jpg
new file mode 100644 (file)
index 0000000..5c9025a
Binary files /dev/null and b/posters/thumb/thumb18.jpg differ
diff --git a/posters/thumb/thumb19.jpg b/posters/thumb/thumb19.jpg
new file mode 100644 (file)
index 0000000..729e62d
Binary files /dev/null and b/posters/thumb/thumb19.jpg differ
diff --git a/posters/thumb/thumb2.jpg b/posters/thumb/thumb2.jpg
new file mode 100644 (file)
index 0000000..28ff7db
Binary files /dev/null and b/posters/thumb/thumb2.jpg differ
diff --git a/posters/thumb/thumb20.jpg b/posters/thumb/thumb20.jpg
new file mode 100644 (file)
index 0000000..4b2e177
Binary files /dev/null and b/posters/thumb/thumb20.jpg differ
diff --git a/posters/thumb/thumb21.jpg b/posters/thumb/thumb21.jpg
new file mode 100644 (file)
index 0000000..13d5c62
Binary files /dev/null and b/posters/thumb/thumb21.jpg differ
diff --git a/posters/thumb/thumb22.jpg b/posters/thumb/thumb22.jpg
new file mode 100644 (file)
index 0000000..86ba4af
Binary files /dev/null and b/posters/thumb/thumb22.jpg differ
diff --git a/posters/thumb/thumb23.jpg b/posters/thumb/thumb23.jpg
new file mode 100644 (file)
index 0000000..8b72315
Binary files /dev/null and b/posters/thumb/thumb23.jpg differ
diff --git a/posters/thumb/thumb24.jpg b/posters/thumb/thumb24.jpg
new file mode 100644 (file)
index 0000000..9711944
Binary files /dev/null and b/posters/thumb/thumb24.jpg differ
diff --git a/posters/thumb/thumb25.jpg b/posters/thumb/thumb25.jpg
new file mode 100644 (file)
index 0000000..77ff980
Binary files /dev/null and b/posters/thumb/thumb25.jpg differ
diff --git a/posters/thumb/thumb26.jpg b/posters/thumb/thumb26.jpg
new file mode 100644 (file)
index 0000000..0d4c3c4
Binary files /dev/null and b/posters/thumb/thumb26.jpg differ
diff --git a/posters/thumb/thumb27.jpg b/posters/thumb/thumb27.jpg
new file mode 100644 (file)
index 0000000..6f2a438
Binary files /dev/null and b/posters/thumb/thumb27.jpg differ
diff --git a/posters/thumb/thumb3.jpg b/posters/thumb/thumb3.jpg
new file mode 100644 (file)
index 0000000..29281c3
Binary files /dev/null and b/posters/thumb/thumb3.jpg differ
diff --git a/posters/thumb/thumb4.jpg b/posters/thumb/thumb4.jpg
new file mode 100644 (file)
index 0000000..ed12cb3
Binary files /dev/null and b/posters/thumb/thumb4.jpg differ
diff --git a/posters/thumb/thumb5.jpg b/posters/thumb/thumb5.jpg
new file mode 100644 (file)
index 0000000..9871e27
Binary files /dev/null and b/posters/thumb/thumb5.jpg differ
diff --git a/posters/thumb/thumb6.jpg b/posters/thumb/thumb6.jpg
new file mode 100644 (file)
index 0000000..bbeb196
Binary files /dev/null and b/posters/thumb/thumb6.jpg differ
diff --git a/posters/thumb/thumb7.jpg b/posters/thumb/thumb7.jpg
new file mode 100644 (file)
index 0000000..2fd2cd4
Binary files /dev/null and b/posters/thumb/thumb7.jpg differ
diff --git a/public/about.html b/public/about.html
new file mode 100644 (file)
index 0000000..45a948f
--- /dev/null
@@ -0,0 +1,432 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>The Occam Singers</title>
+<script type="text/javascript">
+<!--
+var preloadFlag = false;
+function preloadImages() {
+       if (document.images) {
+               pre_home_over = newImage('../tags/home_over.png');
+               pre_choir_over = newImage('../tags/choir_over.png');
+               pre_concerts_over = newImage('../tags/concerts_over.png');
+               pre_join_over = newImage('../tags/join_over.png');
+               pre_booking_over = newImage('../tags/booking_over.png');
+               preloadFlag = true;
+       }
+}
+
+function MM_preloadImages() { //v3.0
+  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+}
+
+function MM_findObj(n, d) { //v4.01
+  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+  if(!x && d.getElementById) x=d.getElementById(n); return x;
+}
+
+function MM_nbGroup(event, grpName) { //v6.0
+  var i,img,nbArr,args=MM_nbGroup.arguments;
+  if (event == "init" && args.length > 2) {
+    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
+      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
+      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
+      nbArr[nbArr.length] = img;
+      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+        if (!img.MM_up) img.MM_up = img.src;
+        img.src = img.MM_dn = args[i+1];
+        nbArr[nbArr.length] = img;
+    } }
+  } else if (event == "over") {
+    document.MM_nbOver = nbArr = new Array();
+    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
+      nbArr[nbArr.length] = img;
+    }
+  } else if (event == "out" ) {
+    for (i=0; i < document.MM_nbOver.length; i++) {
+      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
+  } else if (event == "down") {
+    nbArr = document[grpName];
+    if (nbArr)
+      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
+    document[grpName] = nbArr = new Array();
+    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
+      nbArr[nbArr.length] = img;
+  } }
+}
+function MM_swapImgRestore() { //v3.0
+  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+}
+
+function MM_swapImage() { //v3.0
+  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}
+//-->
+            </script>
+               </csactiondict>
+                <style type="text/css">
+<!--
+.text {
+       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text {
+       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+body,td,th {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+body {
+       background-color: #FFF;
+       background-image: ../backgrounds/background1.jpg;
+       background-repeat: no-repeat;
+       background-image: url(../images/back.jpg);
+}
+.lady {
+       font-size: 12px;
+}
+.lady {
+       font-size: 16px;
+       font-family: "Myriad Pro";
+       color: #006;
+}
+.in {  font-size: 12px;
+       font-weight: bold;
+}
+.if {  font-size: 12px;
+       font-weight: bold;
+}
+.m {   font-size: 12px;
+}
+.text {
+       font-size: 18px;
+}
+.text {
+       text-align: left;
+}
+.text .text {
+       font-size: 16px;
+}
+.text .text {
+       font-family: "Myriad Pro";
+}
+.lady p strong {
+       color: #006;
+}
+.text .text strong {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text font b font {
+       font-family: "Myriad Pro";
+}
+.text font b font {
+       color: #006;
+}
+.lady p {
+       font-size: 16px;
+}
+.lady p strong {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text {
+       color: #006;
+}
+.lady p strong {
+       font-family: "Myriad Pro";
+}
+a {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #11519E;
+}
+a:visited {
+       color: #000066;
+       text-decoration: none;
+}
+h1,h2,h3,h4,h5,h6 {
+       font-family: "Myriad Pro";
+       font-weight: bold;
+}
+.text1 {       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text1 {       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text1 {       font-family: "Myriad Pro";
+}
+.text1 {       text-align: left;
+}
+.text1 {       font-family: "Myriad Pro";
+}
+.text1 {       font-size: 16px;
+}
+.text1 {       color: #006;
+}
+.text1 {       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text1 {       font-family: "Myriad Pro";
+}
+.text1 {       font-size: 16px;
+}
+.text1 {       color: #006;
+       font-size: 16px;
+}
+.link {
+       font-family: "Myriad Pro";
+}
+.text1 .in .link {
+       color: #006;
+}
+a:link {
+       color: #000066;
+       text-decoration: none;
+       font-family: "Myriad Pro";
+}
+a:hover {
+       text-decoration: none;
+}
+a:active {
+       text-decoration: none;
+       font-size: 16px;
+       font-style: italic;
+       font-weight: normal;
+       font-family: "Myriad Pro";
+}
+.text1 .in .link {
+       font-size: 16px;
+       font-weight: normal;
+}
+link2 {
+       font-size: 16px;
+}
+.link1 {
+       color: #000006;
+}
+.link2 {
+       color: #000006;
+}
+.in .link1 {
+       font-size: 16px;
+}
+.in .link1 {
+       font-weight: normal;
+       color: #006;
+       font-size: 16px;
+}
+.in .link2 {
+       font-weight: normal;
+}
+.in .link2 {
+       font-size: 16px;
+       color: #006;
+}
+.in .link2 {
+       font-weight: normal;
+}
+.in .link {
+       font-size: 16px;
+}
+.singers {
+       font-weight: bold;
+}
+-->
+                </style>
+       </head>
+
+       <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')">
+<div align="center">
+                               <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
+                                       <tr height="39">
+                                               <td width="200" height="39"></td>
+                                               <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
+                                       </tr>
+                                       <tr height="1" cntrlrow>
+                                               <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
+                                               <td width="1" height="1"></td>
+                                       </tr>
+                               </table>
+                               <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
+                                 <tr>
+                                   <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
+                             </tr>
+                                 <tr>
+                                   <td><table border="0" cellpadding="0" cellspacing="0">
+                                     <tr bgcolor="#FFFFFF">
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <td><img src="../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
+                                 </tr>
+                                     </table></td>
+                             </tr>
+                         </table>
+</div>
+<table width="930" height="1339" border="0" align="center" cellpadding="0" cellspacing="0">
+                         <tr>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="850" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+                         <tr>
+                           <td width="40" height="1258" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td bgcolor="#FFFFFF"><table width="845" border="0" align="center">
+                     <tr>
+                             <td><strong>The Occam Singers</strong>
+                               <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 />
+                               <br />
+                               Bach: Mass in B Minor, Singet Dem Herrn and Jesu, Meine Freude<br />
+                               Bruckner: E Minor Mass and Ecce Sacerdos<br />
+                               Howells: Requiem<br />
+                               Mozart: Coronation Mass, Solemn Vespers and Requiem<br />
+                               O&rsquo;Neill: Music (a poem by Percy Shelley)<br />
+                               Purcell: The Bell Anthem, Ode to St Cecilia and Funeral Sentences<br />
+                               Ockeghem: Missa Prolationum<br />
+                               Schubert: Mass in G<br />
+                               <br />
+                               Our rehearsals and concerts are held in the Guildford area and we are always pleased to welcome new members.&nbsp; <br />
+                               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 />
+                               <br />
+                               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 />
+                               <br />
+                               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 />
+                               <br />
+                               The Occam Singers can be booked to sing for your special occasion; weddings, civil ceremonies, funerals and corporate functions.</p></td>
+                  </tr>
+                     </table>
+                             <br />
+                  <table width="845" border="0" align="center">
+                    <tr>
+                      <td><img src="../images/choir2.jpg" width="840" height="279" alt="choir2" /></td>
+                    </tr>
+                  </table>
+                  <br />
+                  <table width="845" border="0" align="center" cellpadding="0" cellspacing="0">
+                    <tr>
+                      <td align="left"><span class="singers">Become a Friend of the Occam Singers</span>.<br />
+                        <br />
+                      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>
+                    </tr>
+                  </table>
+                  <br />
+                  <table width="845" border="0" align="center">
+                    <tr>
+                      <td><strong>Patron's Message.</strong><br />
+                        <br />
+                        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 />
+                        <br />
+                        <strong>Lady Lingfield</strong><br />
+                        <em>April, 2013</em></td>
+                    </tr>
+                  </table>
+                  <br />
+                  <table width="845" border="0" align="center" cellpadding="0" cellspacing="0">
+                    <tr>
+                      <td width="20" nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                      <td width="290" nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                      <td width="20" nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                      <td width="160" nowrap="nowrap">&nbsp;</td>
+                      <td width="20" nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                      <td width="290" nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                      <td width="20" nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                    </tr>
+                    <tr>
+                      <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                      <td align="left" valign="top" nowrap="nowrap" bgcolor="#EFEFEF"><strong>Useful links</strong><span class="text1"><br />
+                          <br />
+                          <a href="http://www.davidgibson.uk.com" target="new">&gt; Musical Director</a><br />
+                          <br />
+                          <a href="../public/history.html">&gt; Choir History</a></span></td>
+                      <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                      <td nowrap="nowrap">&nbsp;</td>
+                      <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                      <td nowrap="nowrap" bgcolor="#EFEFEF"><span class="text1"><strong>Hear the choir sing</strong></span> <br />
+                        <br />
+                        <p>Rossini: Petite Messe Solennelle</p>
+                        <p><span class="text1">Kyrie</span>
+                          <br />
+                          <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3.swf" width="200" height="20">
+                            <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3.swf" />
+                            <param name="bgcolor" value="#ffffff" />
+                            <param name="FlashVars" value="mp3=http%3A//www.occamsingers.co.uk/music/kyrie.mp3&amp;loadingcolor=d4e2f2&amp;buttonovercolor=d4e2f2&amp;sliderovercolor=d4e2f2" />
+                          </object>
+                          <br />
+                          <br />
+                          <span class="text1">Cum Sancto</span> <br />
+                          <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3.swf" width="200" height="20">
+                            <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3.swf" />
+                            <param name="bgcolor" value="#ffffff" />
+                            <param name="FlashVars" value="mp3=http%3A//www.occamsingers.co.uk/music/sancto.mp3&amp;loadingcolor=d4e2f2&amp;buttonovercolor=d4e2f2&amp;sliderovercolor=d4e2f2" />
+                          </object>
+                          <br />
+                          <br />
+                        </p></td>
+                        
+                    <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                    </tr>
+                    <tr>
+                      <td height="22" nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                      <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                      <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                      <td nowrap="nowrap">&nbsp;</td>
+                      <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                      <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                      <td nowrap="nowrap" bgcolor="#EFEFEF">&nbsp;</td>
+                    </tr>
+                  </table></td>
+                           <td bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+                         <tr>
+                           <td width="40" height="41" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td height="41" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td height="41" bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+    </table>
+                       <p></p>
+
+</body>
+
+</html>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/concerts.html b/public/concerts.html
new file mode 100644 (file)
index 0000000..3c037fb
--- /dev/null
@@ -0,0 +1,1651 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>Next Concerts</title>
+<script type="text/javascript">
+<!--
+var preloadFlag = false;
+function preloadImages() {
+       if (document.images) {
+               pre_home_over = newImage('../tags/home_over.png');
+               pre_choir_over = newImage('../tags/choir_over.png');
+               pre_concerts_over = newImage('../tags/concerts_over.png');
+               pre_join_over = newImage('../tags/join_over.png');
+               pre_booking_over = newImage('../tags/booking_over.png');
+               preloadFlag = true;
+       }
+}
+
+function MM_preloadImages() { //v3.0
+  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+}
+
+function MM_findObj(n, d) { //v4.01
+  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+  if(!x && d.getElementById) x=d.getElementById(n); return x;
+}
+
+function MM_nbGroup(event, grpName) { //v6.0
+  var i,img,nbArr,args=MM_nbGroup.arguments;
+  if (event == "init" && args.length > 2) {
+    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
+      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
+      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
+      nbArr[nbArr.length] = img;
+      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+        if (!img.MM_up) img.MM_up = img.src;
+        img.src = img.MM_dn = args[i+1];
+        nbArr[nbArr.length] = img;
+    } }
+  } else if (event == "over") {
+    document.MM_nbOver = nbArr = new Array();
+    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
+      nbArr[nbArr.length] = img;
+    }
+  } else if (event == "out" ) {
+    for (i=0; i < document.MM_nbOver.length; i++) {
+      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
+  } else if (event == "down") {
+    nbArr = document[grpName];
+    if (nbArr)
+      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
+    document[grpName] = nbArr = new Array();
+    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
+      nbArr[nbArr.length] = img;
+  } }
+}
+function MM_swapImgRestore() { //v3.0
+  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+}
+
+function MM_swapImage() { //v3.0
+  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}
+//-->
+            </script>
+               </csactiondict>
+                <style type="text/css">
+<!--
+.text {
+       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text {
+       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+body,td,th {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+body {
+       background-color: #006;
+       background-image: ../backgrounds/background1.jpg;
+       background-repeat: no-repeat;
+       background-image: url(../images/back.jpg);
+}
+.text {
+       font-weight: bold;
+}
+.text {
+       text-align: left;
+}
+.text .text .text .text .text {
+       color: #000;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       color: #000;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       font-size: 14px;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+}
+.text {
+}
+.text {
+       font-size: 12px;
+}
+.text strong {
+       font-size: 12px;
+}
+.text strong {
+       font-size: 14px;
+}
+.text {
+       font-size: 14px;
+}
+.text strong {
+       font-size: 12px;
+       font-weight: bold;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       font-size: 12px;
+}
+.text1 {       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text1 {       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text1 {}
+.text1 {       text-align: left;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {       color: #000;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {       font-size: 14px;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {}
+.text1 {}
+.text1 {       font-size: 12px;
+}
+.text1 {       font-size: 14px;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {}
+.text1 {       font-size: 12px;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {       font-size: 12px;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       font-size: 12px;
+}
+.tet {
+       font-size: 12px;
+}
+.text {
+       font-size: 16px;
+       color: #003;
+}
+.text b {
+       font-size: 18px;
+       color: #006;
+       font-weight: bold;
+}
+.text p strong {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text p strong {
+       font-size: 16px;
+}
+.text p strong {
+       color: #003;
+}
+.text p strong {
+       color: #003;
+}
+.text .text br {
+       font-family: "Myriad Pro";
+}
+.text2 {       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text2 {       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text2 {       font-family: "Myriad Pro";
+}
+.text2 {       text-align: left;
+}
+.text2 {       font-family: "Myriad Pro";
+}
+.text2 {       font-size: 16px;
+}
+.text2 {       color: #006;
+}
+.text2 {       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text2 {       font-family: "Myriad Pro";
+}
+.text2 {       font-size: 16px;
+}
+.text2 {       color: #006;
+       font-size: 16px;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-size: 16px;
+}
+.text {
+       font-size: 10px;
+       font-family: "Myriad Pro";
+}
+.text .text .text .text {
+       font-size: 16px;
+}
+.text font b {
+       font-family: "Myriad Pro";
+}
+.text font b {
+       font-weight: bold;
+}
+.text {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text p {
+       font-size: 36px;
+       font-weight: bold;
+       font-family: "Myriad Pro";
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-family: "Myriad Pro";
+       font-size: 18px;
+}
+.text {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       font-weight: normal;
+}
+.text strong {
+       font-family: "Myriad Pro";
+       font-size: 18px;
+}
+.text {
+       font-weight: bold;
+}
+.text {
+       font-size: 16px;
+       font-weight: normal;
+}
+.text {
+       font-size: 18px;
+       font-weight: bold;
+       font-family: "Myriad Pro";
+}
+.text {
+       font-size: 18px;
+}
+.text {
+       font-size: 18px;
+}
+.textb {
+       font-size: 18px;
+}
+.text {
+       font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.texta {
+       font-size: 18px;
+}
+.text {
+       font-size: 24px;
+       font-weight: bold;
+}
+.texta {
+       font-size: 18px;
+       font-weight: bold;
+}
+.Duruf {       color: #006;
+       font-weight: bold;
+       font-size: 18px;
+}
+.text3 {       font-size: 16px;
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       color: #005;
+}
+.text3 {       color: #005;
+}
+.text3 {       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       font-size: large;
+}
+.text3 {       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.text3 {       font-size: medium;
+}
+.text3 {       font-size: small;
+}
+.text3 {       font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text3 {       font-family: "Myriad Pro";
+}
+.text3 {       font-size: 16px;
+}
+.text3 {       color: #006;
+}
+.text3 {       font-family: "Myriad Pro";
+}
+.text3 {       font-size: 14px;
+       text-align: left;
+}
+.tyext {
+       font-size: 18px;
+}
+.textb {
+       font-size: 18px;
+}
+.sattext {
+       font-size: 18px;
+}
+.sattext {
+       font-size: 18px;
+}
+.text {
+       font-size: 18px;
+       font-weight: normal;
+}
+.text {
+       font-size: 36px;
+       font-family: "Myriad Pro";
+}
+text {
+       font-family: "Myriad Pro";
+}
+.text b font {
+       font-size: 16px;
+       font-family: "Myriad Pro";
+}
+a {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+a:link {
+       color: #006;
+}
+a:visited {
+       color: #006;
+}
+a:active {
+       font-size: 16px;
+}
+.text {
+       font-size: 18px;
+}
+.text table tr .text {
+       font-size: 24px;
+}
+.text1 {
+       font-size: 36px;
+       font-family: "Myriad Pro";
+       color: #006;
+       font-weight: bold;
+}
+.fill {
+       color: #D6E3F2;
+}
+.text4 {       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text4 {       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text4 {       font-weight: bold;
+}
+.text4 {       text-align: left;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       color: #000;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 14px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {}
+.text4 {}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 14px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 12px;
+}
+.text4 {       font-size: 16px;
+       color: #003;
+}
+.text4 {       font-family: "Myriad Pro";
+}
+.text4 {       font-family: "Myriad Pro";
+}
+.text4 {       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text4 {       font-family: "Myriad Pro";
+}
+.text4 {       font-size: 16px;
+}
+.text4 {       font-size: 10px;
+       font-family: "Myriad Pro";
+}
+.text4 {       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text4 {       font-family: "Myriad Pro";
+}
+.text4 {       font-family: "Myriad Pro";
+       font-size: 18px;
+}
+.text4 {       font-family: "Myriad Pro";
+       font-size: 16px;
+       font-weight: normal;
+}
+.text4 {       font-weight: bold;
+}
+.text4 {       font-size: 16px;
+       font-weight: normal;
+}
+.text4 {       font-size: 18px;
+       font-weight: bold;
+       font-family: "Myriad Pro";
+}
+.text4 {       font-size: 18px;
+}
+.text4 {       font-size: 18px;
+}
+.text4 {       font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text4 {       font-size: 24px;
+       font-weight: bold;
+}
+.text4 {       font-size: 18px;
+       font-weight: normal;
+}
+.text4 {       font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text {
+       font-size: 18px;
+}
+.text2 {
+       font-size: 18px;
+}
+.textc {
+       font-size: 18px;
+}
+.text1 {
+       font-size: 18px;
+}
+.text2 {
+       font-size: 18px;
+}
+.text3 {
+       font-size: 18px;
+}
+.text4 {
+       font-size: 18px;
+}
+.text {
+       font-size: 18px;
+}
+.text {
+       font-size: 18px;
+}
+.text {
+       font-size: 18px;
+}
+.text {
+       font-size: 18px;
+}
+.text {
+       font-size: 18px;
+}
+.text {
+       font-size: 18px;
+}
+.text {
+       font-size: 18px;
+}
+.text {
+       font-size: 18px;
+}
+.text1 {
+       font-size: 18px;
+}
+.text2 {
+       font-size: 18px;
+}
+.text {
+       font-size: 18px;
+}
+.text3 {
+       font-size: 18px;
+}
+.text4 {
+       font-size: 18px;
+}
+.text {
+}
+.text {
+}
+.text {
+}
+.text5 {       font-size: 16px;
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       color: #005;
+}
+.text5 {       color: #005;
+}
+.text5 {       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       font-size: large;
+}
+.text5 {       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.text5 {       font-size: medium;
+}
+.text5 {       font-size: small;
+}
+.text5 {       font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text5 {       font-family: "Myriad Pro";
+}
+.text5 {       font-size: 16px;
+}
+.text5 {       color: #006;
+}
+.text5 {       font-family: "Myriad Pro";
+}
+.text5 {       font-size: 16px;
+       text-align: left;
+}
+.text5 {       font-size: 18px;
+       color: #006;
+}
+.text5 {       font-size: 18px;
+}
+.text5 {
+       font-size: 15px;
+}
+.text31 {font-size: 16px;
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       color: #005;
+}
+.text31 {color: #005;
+}
+.text31 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       font-size: large;
+}
+.text31 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.text31 {font-size: medium;
+}
+.text31 {font-size: small;
+}
+.text31 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text31 {font-family: "Myriad Pro";
+}
+.text31 {font-size: 16px;
+}
+.text31 {color: #006;
+}
+.text31 {font-family: "Myriad Pro";
+}
+.text31 {font-size: 14px;
+       text-align: left;
+}
+.text31 {font-size: 18px;
+}
+.text41 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text41 {color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text41 {font-weight: bold;
+}
+.text41 {text-align: left;
+}
+.text41 {font-size: 12px;
+}
+.text41 {color: #000;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 14px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {}
+.text41 {}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 14px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 12px;
+}
+.text41 {font-size: 16px;
+       color: #003;
+}
+.text41 {font-family: "Myriad Pro";
+}
+.text41 {font-family: "Myriad Pro";
+}
+.text41 {font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text41 {font-family: "Myriad Pro";
+}
+.text41 {font-size: 16px;
+}
+.text41 {font-size: 10px;
+       font-family: "Myriad Pro";
+}
+.text41 {font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text41 {font-family: "Myriad Pro";
+}
+.text41 {font-family: "Myriad Pro";
+       font-size: 18px;
+}
+.text41 {font-family: "Myriad Pro";
+       font-size: 16px;
+       font-weight: normal;
+}
+.text41 {font-weight: bold;
+}
+.text41 {font-size: 16px;
+       font-weight: normal;
+}
+.text41 {font-size: 18px;
+       font-weight: bold;
+       font-family: "Myriad Pro";
+}
+.text41 {font-size: 18px;
+}
+.text41 {font-size: 18px;
+}
+.text41 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text41 {font-size: 24px;
+       font-weight: bold;
+}
+.text41 {font-size: 18px;
+       font-weight: normal;
+}
+.text41 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text41 {      font-size: 18px;
+}
+text {
+       font-size: 15px;
+}
+.text6 {       font-size: 16px;
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       color: #005;
+}
+.text6 {       color: #005;
+}
+.text6 {       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       font-size: large;
+}
+.text6 {       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.text6 {       font-size: medium;
+}
+.text6 {       font-size: small;
+}
+.text6 {       font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text6 {       font-family: "Myriad Pro";
+}
+.text6 {       font-size: 16px;
+}
+.text6 {       color: #006;
+}
+.text6 {       font-family: "Myriad Pro";
+}
+.text6 {       font-size: 16px;
+       text-align: left;
+}
+.text6 {       font-size: 18px;
+       color: #006;
+}
+.text6 {       font-size: 18px;
+}
+.text6 {       font-size: 16px;
+}
+.text6 {       font-size: 18px;
+}
+.text51 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text51 {color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text51 {font-weight: bold;
+}
+.text51 {text-align: left;
+}
+.text51 {font-size: 12px;
+}
+.text51 {color: #000;
+}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 14px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {}
+.text51 {}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 14px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 12px;
+}
+.text51 {font-size: 16px;
+       color: #003;
+}
+.text51 {font-family: "Myriad Pro";
+}
+.text51 {font-family: "Myriad Pro";
+}
+.text51 {font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text51 {font-family: "Myriad Pro";
+}
+.text51 {font-size: 16px;
+}
+.text51 {font-size: 10px;
+       font-family: "Myriad Pro";
+}
+.text51 {font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text51 {font-family: "Myriad Pro";
+}
+.text51 {font-family: "Myriad Pro";
+       font-size: 18px;
+}
+.text51 {font-family: "Myriad Pro";
+       font-size: 16px;
+       font-weight: normal;
+}
+.text51 {font-weight: bold;
+}
+.text51 {font-size: 16px;
+       font-weight: normal;
+}
+.text51 {font-size: 18px;
+       font-weight: bold;
+       font-family: "Myriad Pro";
+}
+.text51 {font-size: 18px;
+}
+.text51 {font-size: 18px;
+}
+.text51 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text51 {font-size: 24px;
+       font-weight: bold;
+}
+.text51 {font-size: 18px;
+       font-weight: normal;
+}
+.text51 {font-size: 36px;
+       font-family: "Myriad Pro";
+}
+.text51 {font-size: 18px;
+}
+.text51 {font-size: 18px;
+}
+.text51 {font-size: 18px;
+}
+.text51 {font-size: 18px;
+}
+.text51 {font-size: 18px;
+}
+.text51 {font-size: 18px;
+}
+.text51 {font-size: 18px;
+}
+.text51 {font-size: 18px;
+}
+.text51 {font-size: 18px;
+}
+.text51 {font-size: 18px;
+}
+.text51 {font-size: 18px;
+}
+.text51 {}
+.text51 {}
+.text51 {}
+.text32 {font-size: 16px;
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       color: #005;
+}
+.text32 {color: #005;
+}
+.text32 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       font-size: large;
+}
+.text32 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.text32 {font-size: medium;
+}
+.text32 {font-size: small;
+}
+.text32 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text32 {font-family: "Myriad Pro";
+}
+.text32 {font-size: 16px;
+}
+.text32 {color: #006;
+}
+.text32 {font-family: "Myriad Pro";
+}
+.text32 {font-size: 14px;
+       text-align: left;
+}
+.text32 {font-size: 18px;
+}
+.text32 {font-size: 18px;
+}
+.text411 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text411 {color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text411 {font-weight: bold;
+}
+.text411 {text-align: left;
+}
+.text411 {font-size: 12px;
+}
+.text411 {color: #000;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 14px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {}
+.text411 {}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 14px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 12px;
+}
+.text411 {font-size: 16px;
+       color: #003;
+}
+.text411 {font-family: "Myriad Pro";
+}
+.text411 {font-family: "Myriad Pro";
+}
+.text411 {font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text411 {font-family: "Myriad Pro";
+}
+.text411 {font-size: 16px;
+}
+.text411 {font-size: 10px;
+       font-family: "Myriad Pro";
+}
+.text411 {font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text411 {font-family: "Myriad Pro";
+}
+.text411 {font-family: "Myriad Pro";
+       font-size: 18px;
+}
+.text411 {font-family: "Myriad Pro";
+       font-size: 16px;
+       font-weight: normal;
+}
+.text411 {font-weight: bold;
+}
+.text411 {font-size: 16px;
+       font-weight: normal;
+}
+.text411 {font-size: 18px;
+       font-weight: bold;
+       font-family: "Myriad Pro";
+}
+.text411 {font-size: 18px;
+}
+.text411 {font-size: 18px;
+}
+.text411 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text411 {font-size: 24px;
+       font-weight: bold;
+}
+.text411 {font-size: 18px;
+       font-weight: normal;
+}
+.text411 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text411 {font-size: 18px;
+}
+.text411 {font-size: 18px;
+}
+.text42 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text42 {color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text42 {font-weight: bold;
+}
+.text42 {text-align: left;
+}
+.text42 {font-size: 12px;
+}
+.text42 {color: #000;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 14px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {}
+.text42 {}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 14px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 12px;
+}
+.text42 {font-size: 16px;
+       color: #003;
+}
+.text42 {font-family: "Myriad Pro";
+}
+.text42 {font-family: "Myriad Pro";
+}
+.text42 {font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text42 {font-family: "Myriad Pro";
+}
+.text42 {font-size: 16px;
+}
+.text42 {font-size: 10px;
+       font-family: "Myriad Pro";
+}
+.text42 {font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text42 {font-family: "Myriad Pro";
+}
+.text42 {font-family: "Myriad Pro";
+       font-size: 18px;
+}
+.text42 {font-family: "Myriad Pro";
+       font-size: 16px;
+       font-weight: normal;
+}
+.text42 {font-weight: bold;
+}
+.text42 {font-size: 16px;
+       font-weight: normal;
+}
+.text42 {font-size: 18px;
+       font-weight: bold;
+       font-family: "Myriad Pro";
+}
+.text42 {font-size: 18px;
+}
+.text42 {font-size: 18px;
+}
+.text42 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text42 {font-size: 24px;
+       font-weight: bold;
+}
+.text42 {font-size: 18px;
+       font-weight: normal;
+}
+.text42 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.left {        text-align: left;
+}
+.david {
+       font-size: 16px;
+}
+-->
+                </style>
+       </head>
+
+       <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/how_over.gif')">
+<div align="center">
+                         <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
+                                       <tr height="39">
+                                               <td width="200" height="39"></td>
+                                               <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
+                                       </tr>
+                                       <tr height="1" cntrlrow>
+                                               <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
+                                               <td width="1" height="1"></td>
+                                       </tr>
+  </table>
+                               <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
+                                 <tr>
+                                   <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
+                             </tr>
+                                 <tr>
+                                   <td><table border="0" cellpadding="0" cellspacing="0">
+                                     <tr bgcolor="#FFFFFF">
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <td><img src="../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
+                                 </tr>
+                                     </table></td>
+                             </tr>
+                         </table>
+</div>
+<table width="930" height="1001" border="0" align="center" cellpadding="0" cellspacing="0">
+
+  <tr>
+    <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+    <td width="850" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+    <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+  </tr>
+  <tr>
+    <td width="40" height="919" bgcolor="#FFFFFF">&nbsp;</td>
+    <td bgcolor="#FFFFFF"><table width="852" height="919" border="0" cellpadding="0" cellspacing="0">
+      <tr>
+        <td width="852" height="919" bgcolor="#FFFFFF"><table width="200" border="0">
+          <tr>
+            <td><font color="#000066" size="4" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif" class="text"><b> Next concert</b></font></td>
+          </tr>
+        </table>
+          <br />
+          <br />
+          <table width="845" border="0" align="center">
+            <tr>
+              <td width="241" rowspan="2"><img src="../images/cover31.jpg" width="240" height="160" alt="cover28" /></td>
+              <td width="40" rowspan="2">&nbsp;</td>
+              <td width="339" rowspan="2"><table width="339" height="155" border="0" cellpadding="0" cellspacing="0">
+                <tr>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="307" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="17" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="125" align="left" valign="top" bgcolor="#EFEFEF" class="text32"><strong>Dvorak, Kodaly and Zelenka<br />
+                  </strong><br />
+Saturday, 14th October, 2017, 7.30pm<br />
+Holy Trinity Church, Guildford GU1 3RR<br />
+<br />
+Free pre-concert talk at 6.30pm</td>
+                  <td width="15" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="17" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" align="right" valign="top" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="15" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+              </table></td>
+              <td width="40" rowspan="2">&nbsp;</td>
+              <td width="163" align="right" valign="top">&nbsp;</td>
+            </tr>
+            <tr>
+              <td align="left" valign="top" class="text3"><a href="http://www.linkable.org.uk"><img src="../logos/link.jpg" width="163" height="64" alt="link" /></a></td>
+            </tr>
+          </table>
+          <br />
+          <table width="845" border="0" align="center">
+            <tr>
+              <td><table width="631" height="155" border="0" cellpadding="0" cellspacing="0">
+                <tr>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="598" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="16" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="125" align="left" valign="top" bgcolor="#EFEFEF"><span class="texta">Ticket information</span><br />
+                    <br />
+                    Tickets at the door £15, Pre-booked £12.50 (£7 students)<br />
+                    Record Corner Godalming: 01483 422006<br />
+                    The Occam Singers: 01252 783977<br />
+                    Guildford Tourist Information Centre: <br />
+                    155 High St, 01483 444333 and www.guildford.gov.uk</td>
+                  <td width="17" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="16" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" align="right" valign="top" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="17" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+              </table></td>
+            </tr>
+        </table>
+          <br />
+          <table width="248" border="0">
+            <tr>
+              <td width="242"><font color="#000066" size="4" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif" class="text"><b> Upcoming concerts</b></font></td>
+            </tr>
+          </table>
+          <br />
+          <table width="845" border="0" align="center">
+            <tr>
+              <td width="241" rowspan="2"><img src="../images/cover32.jpg" width="240" height="160" alt="cover28" /></td>
+              <td width="40" rowspan="2">&nbsp;</td>
+              <td width="339" rowspan="2"><table width="339" height="155" border="0" cellpadding="0" cellspacing="0">
+                <tr>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="307" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="17" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="125" align="left" valign="top" bgcolor="#EFEFEF" class="text32"><strong>Handel: Messiah </strong><br />                    <strong>with The Hanover Band</strong><br />
+                    <br />
+                    Saturday, 16th December 2017, 7.30pm<br />
+                    Holy Trinity Church, High St, Guildford GU1 3RR</td>
+                  <td width="15" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="17" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" align="right" valign="top" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="15" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+              </table></td>
+              <td width="40" rowspan="2">&nbsp;</td>
+              <td width="163" align="right" valign="top">&nbsp;</td>
+            </tr>
+            <tr>
+              <td align="left" valign="top" class="text3">&nbsp;</td>
+            </tr>
+          </table>
+          <br />
+          <table width="845" border="0" align="center">
+            <tr>
+              <td width="241" rowspan="2"><img src="../images/cover33.jpg" width="240" height="160" alt="cover28" /></td>
+              <td width="40" rowspan="2">&nbsp;</td>
+              <td width="339" rowspan="2"><table width="339" height="155" border="0" cellpadding="0" cellspacing="0">
+                <tr>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="307" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="17" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="125" align="left" valign="top" bgcolor="#EFEFEF" class="text32"><strong>Italian Baroque Concert </strong><br />
+with soprano soloist <strong>Erica Eloff</strong><br /><strong>Alessandro Scarlatti: Dixit Dominus</strong><br /><strong>Domenico Scarlatti: Stabat Mater</strong><br />
+Saturday, 24th February 2018, 7.30pm <br />
+St Nicolas&rsquo; Church, Bury St, Guildford GU2 4AW</td>
+                  <td width="15" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="17" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" align="right" valign="top" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="15" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+              </table></td>
+              <td width="40" rowspan="2">&nbsp;</td>
+              <td width="163" align="right" valign="top">&nbsp;</td>
+            </tr>
+            <tr>
+              <td align="left" valign="top" class="text3">&nbsp;</td>
+            </tr>
+        </table>
+          <br />
+          <table width="845" border="0" align="center">
+            <tr>
+              <td width="241" rowspan="2">&nbsp;</td>
+              <td width="40" rowspan="2">&nbsp;</td>
+              <td width="339" rowspan="2"><table width="339" height="155" border="0" cellpadding="0" cellspacing="0">
+                <tr>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="307" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="17" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="125" align="left" valign="top" bgcolor="#EFEFEF" class="text32"><strong>Haydn: The Creation</strong><br />
+                    A collaboration with Guildford Chamber Choir and the Surrey Mozart Players<br />
+                    Part of Guildford Spring Music Festival<br />
+                    Saturday 24th March 2018, 7.30pm<br />
+                    Holy Trinity Church, High St, Guildford GU1 3RR</td>
+                  <td width="15" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="17" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" align="right" valign="top" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="15" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+              </table></td>
+              <td width="40" rowspan="2">&nbsp;</td>
+              <td width="163" align="right" valign="top">&nbsp;</td>
+            </tr>
+            <tr>
+              <td align="left" valign="top" class="text3">&nbsp;</td>
+            </tr>
+        </table>
+          <br />
+          <table width="845" border="0" align="center">
+            <tr>
+              <td width="241" rowspan="2">&nbsp;</td>
+              <td width="40" rowspan="2">&nbsp;</td>
+              <td width="339" rowspan="2"><table width="339" height="155" border="0" cellpadding="0" cellspacing="0">
+                <tr>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="307" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="17" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="125" align="left" valign="top" bgcolor="#EFEFEF" class="text32"><strong>Gilbert &amp; Sullivan: Patience</strong>                  <br />
+                    <br />
+                    Thursday 21st June 2018                    <br />
+                    <br />
+                    Performing in Winchfield as part of the Winchfield Music Festival near Basingstoke</td>
+                  <td width="15" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="17" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" align="right" valign="top" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="15" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+              </table></td>
+              <td width="40" rowspan="2">&nbsp;</td>
+              <td width="163" align="right" valign="top">&nbsp;</td>
+            </tr>
+            <tr>
+              <td align="left" valign="top" class="text3">&nbsp;</td>
+            </tr>
+      </table>
+          <br />
+          <table width="845" border="0" align="center">
+            <tr>
+              <td width="241" rowspan="2">&nbsp;</td>
+              <td width="40" rowspan="2">&nbsp;</td>
+              <td width="339" rowspan="2"><table width="339" height="155" border="0" cellpadding="0" cellspacing="0">
+                <tr>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="307" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="17" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="125" align="left" valign="top" bgcolor="#EFEFEF" class="text32"><strong>Mozart: Requiem</strong>                    <br />
+                    <br />
+                    Saturday 7th July 2018, 7.30pm                    <br />
+                    <br />
+                    Holy Trinity Church, Guildford GU1 3RR</td>
+                  <td width="15" height="125" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="17" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" align="right" valign="top" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="15" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+              </table></td>
+              <td width="40" rowspan="2">&nbsp;</td>
+              <td width="163" align="right" valign="top">&nbsp;</td>
+            </tr>
+            <tr>
+              <td align="left" valign="top" class="text3">&nbsp;</td>
+            </tr>
+        </table>
+          <p><br />
+</p>
+          <table width="845" border="0" align="center">
+            <tr>
+              <td width="340"><table width="339" height="146" border="0" cellpadding="0" cellspacing="0">
+                <tr>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="307" height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="10" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="17" height="112" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="112" align="left" valign="top" bgcolor="#EFEFEF"><p><strong>Links for further  information</strong></p>
+                    <p><a href="../public/rhythm.html" target="_blank" onmouseover="MM_swapImage('Image23','','../tags/how_over.gif',1)" onmouseout="MM_swapImgRestore()">&gt; Review of 'Rhythm and Blues' concert</a></p>
+                    <p><a href="../public/past_concerts.html" target="_blank" onmouseover="MM_swapImage('Image23','','../tags/how_over.gif',1)" onmouseout="MM_swapImgRestore()">&gt; Occam Singers past concerts </a></p>
+                    <p>&gt; <a href="http://www.stnicolas-guildford.org.uk" target="_blank" onmouseover="MM_swapImage('Image23','','../tags/how_over.gif',1)" onmouseout="MM_swapImgRestore()">St Nicolas' Church, Guildford website<br />
+                      <br />
+                      </a>&gt; <a href="http://www.holytrinityguildford.org.uk">Holy Trinity  Church, Guildford website</a><a href="http://www.saintjohns.org.uk" target="_blank" onmouseover="MM_swapImage('Image23','','../tags/how_over.gif',1)" onmouseout="MM_swapImgRestore()"><br />
+                      </a></p>
+                    <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()">&gt; Subscribe to our concert mailing list<br />
+                  </a></p></td>
+                  <td width="15" height="112" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+                <tr>
+                  <td width="17" height="17" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td height="17" align="right" valign="top" bgcolor="#EFEFEF">&nbsp;</td>
+                  <td width="15" height="17" bgcolor="#EFEFEF">&nbsp;</td>
+                </tr>
+              </table></td>
+              <td width="29">&nbsp;</td>
+              <td width="260">&nbsp;</td>
+              <td width="23">&nbsp;</td>
+              <td width="171" align="right" valign="top">&nbsp;</td>
+            </tr>
+</table></td>
+      </tr>
+    </table></td>
+    <td bgcolor="#FFFFFF">&nbsp;</td>
+  </tr>
+  <tr>
+    <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+    <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
+    <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
+  </tr>
+  <tr></tr>
+<tr></tr>
+</table>
+<p></p>
+</body>
+
+</html>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/contact.html b/public/contact.html
new file mode 100644 (file)
index 0000000..11f5bc0
--- /dev/null
@@ -0,0 +1,256 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>Contact</title>
+<script type="text/javascript">
+<!--
+var preloadFlag = false;
+function preloadImages() {
+       if (document.images) {
+               pre_home_over = newImage('../tags/home_over.png');
+               pre_choir_over = newImage('../tags/choir_over.png');
+               pre_concerts_over = newImage('../tags/concerts_over.png');
+               pre_join_over = newImage('../tags/join_over.png');
+               pre_booking_over = newImage('../tags/booking_over.png');
+               preloadFlag = true;
+       }
+}
+
+function MM_preloadImages() { //v3.0
+  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+}
+
+function MM_findObj(n, d) { //v4.01
+  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+  if(!x && d.getElementById) x=d.getElementById(n); return x;
+}
+
+function MM_nbGroup(event, grpName) { //v6.0
+  var i,img,nbArr,args=MM_nbGroup.arguments;
+  if (event == "init" && args.length > 2) {
+    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
+      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
+      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
+      nbArr[nbArr.length] = img;
+      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+        if (!img.MM_up) img.MM_up = img.src;
+        img.src = img.MM_dn = args[i+1];
+        nbArr[nbArr.length] = img;
+    } }
+  } else if (event == "over") {
+    document.MM_nbOver = nbArr = new Array();
+    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
+      nbArr[nbArr.length] = img;
+    }
+  } else if (event == "out" ) {
+    for (i=0; i < document.MM_nbOver.length; i++) {
+      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
+  } else if (event == "down") {
+    nbArr = document[grpName];
+    if (nbArr)
+      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
+    document[grpName] = nbArr = new Array();
+    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
+      nbArr[nbArr.length] = img;
+  } }
+}
+function MM_swapImgRestore() { //v3.0
+  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+}
+
+function MM_swapImage() { //v3.0
+  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}
+//-->
+            </script>
+               </csactiondict>
+                <style type="text/css">
+<!--
+.text {
+       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text {
+       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+body,td,th {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+body {
+       background-color: #EEE;
+       background-image: ../backgrounds/background1.jpg;
+       background-repeat: no-repeat;
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+       background-image: url(../images/back.jpg);
+}
+.text {
+       font-family: "Myriad Pro";
+       text-align: left;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-size: 16px;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-weight: bold;
+}
+.text {
+       font-weight: bold;
+}
+.text {
+       font-weight: bold;
+}
+.text {
+       font-weight: bold;
+}
+.text {
+       font-weight: bold;
+}
+.text {
+       font-weight: bold;
+}
+.text {
+       font-weight: bold;
+}
+.text {
+       font-weight: bold;
+}
+a:link {
+       color: #006;
+}
+a:visited {
+       color: #006;
+}
+-->
+                </style>
+       </head>
+
+       <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">
+<div align="center">
+                               <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
+                                       <tr height="39">
+                                               <td width="200" height="39"></td>
+                                               <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
+                                       </tr>
+                                       <tr height="1" cntrlrow>
+                                               <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
+                                               <td width="1" height="1"></td>
+                                       </tr>
+                               </table>
+                               <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
+                                 <tr>
+                                   <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
+                             </tr>
+                                 <tr>
+                                   <td><table border="0" cellpadding="0" cellspacing="0">
+                                     <tr bgcolor="#FFFFFF">
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <td><img src="../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
+                                 </tr>
+                                     </table></td>
+                             </tr>
+                         </table>
+</div>
+<table width="930" height="409" border="0" align="center" cellpadding="0" cellspacing="0">
+                         <tr>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="850" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+                         <tr>
+                           <td width="40" height="329" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td bgcolor="#FFFFFF"><table width="845" border="0">
+                         <tr>
+                           <td width="401"><span class="text">Chairperson</span><br />
+Stephanie Comley<br />
+scomleyoccam@gmail.com<br />
+<br />
+<span class="text">Friends</span><br />
+Ros Knowles<br />
+occamsingers@hotmail.com<br />
+Tel: 01252 725369<br />
+<br />
+<span class="text">To hire us:&nbsp;weddings and special events</span><br />
+Sigrid Sharp<br />
+occamsingers@hotmail.com<br />
+Tel: 07748 949388<br />
+<br />
+<span class="text">Ticket Sales</span><br />
+Les Billig<br />
+The Occam Singers box office<br />
+occamsingers@hotmail.com<br />
+Tel: 01252 783977</td>
+                           <td width="434" align="left" valign="top"><p><span class="text">Musical Director</span><br />
+                             David Gibson<br />
+  <span class="text"><br />
+    Join&nbsp;- (Secretary)</span><br />
+                             occamsingers@hotmail.com<br />
+  <br />
+  <span class="text">Charities</span><br />
+                             occamsingers@hotmail.com<br />
+  <br />
+  <span class="text">Website design</span><br />
+                             Anthony Cooksey<br />
+                             anthony@occamsingers.co.uk<br />
+  </p>
+                       <p>&nbsp;</p>
+                       <p>&nbsp;</p>
+                       <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 />
+                    Subscribe to our information and concert mailing list</a></p></td>
+                     </tr>
+                         </table></td>
+                           <td bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+                         <tr>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+    </table>
+                       <p></p>
+</body>
+
+</html>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/history.html b/public/history.html
new file mode 100644 (file)
index 0000000..54eb811
--- /dev/null
@@ -0,0 +1,292 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>The Occam Singers</title>
+<script type="text/javascript">
+<!--
+var preloadFlag = false;
+function preloadImages() {
+       if (document.images) {
+               pre_home_over = newImage('../tags/home_over.png');
+               pre_choir_over = newImage('../tags/choir_over.png');
+               pre_concerts_over = newImage('../tags/concerts_over.png');
+               pre_join_over = newImage('../tags/join_over.png');
+               pre_booking_over = newImage('../tags/booking_over.png');
+               preloadFlag = true;
+       }
+}
+
+function MM_preloadImages() { //v3.0
+  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+}
+
+function MM_findObj(n, d) { //v4.01
+  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+  if(!x && d.getElementById) x=d.getElementById(n); return x;
+}
+
+function MM_nbGroup(event, grpName) { //v6.0
+  var i,img,nbArr,args=MM_nbGroup.arguments;
+  if (event == "init" && args.length > 2) {
+    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
+      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
+      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
+      nbArr[nbArr.length] = img;
+      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+        if (!img.MM_up) img.MM_up = img.src;
+        img.src = img.MM_dn = args[i+1];
+        nbArr[nbArr.length] = img;
+    } }
+  } else if (event == "over") {
+    document.MM_nbOver = nbArr = new Array();
+    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
+      nbArr[nbArr.length] = img;
+    }
+  } else if (event == "out" ) {
+    for (i=0; i < document.MM_nbOver.length; i++) {
+      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
+  } else if (event == "down") {
+    nbArr = document[grpName];
+    if (nbArr)
+      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
+    document[grpName] = nbArr = new Array();
+    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
+      nbArr[nbArr.length] = img;
+  } }
+}
+function MM_swapImgRestore() { //v3.0
+  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+}
+
+function MM_swapImage() { //v3.0
+  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}
+//-->
+            </script>
+               </csactiondict>
+                <style type="text/css">
+<!--
+.text {
+       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text {
+       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+body,td,th {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+body {
+       background-color: #FFF;
+       background-image: ../backgrounds/background1.jpg;
+       background-repeat: no-repeat;
+       background-image: url(../images/back.jpg);
+}
+.lady {
+       font-size: 12px;
+}
+.lady {
+       font-size: 16px;
+       font-family: "Myriad Pro";
+       color: #006;
+}
+.in {  font-size: 12px;
+       font-weight: bold;
+}
+.if {  font-size: 12px;
+       font-weight: bold;
+}
+.m {   font-size: 12px;
+}
+.text {
+       font-size: 18px;
+}
+.text {
+       text-align: left;
+}
+.text .text {
+       font-size: 16px;
+}
+.text .text {
+       font-family: "Myriad Pro";
+}
+.lady p strong {
+       color: #006;
+}
+.text .text strong {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text font b font {
+       font-family: "Myriad Pro";
+}
+.text font b font {
+       color: #006;
+}
+.lady p {
+       font-size: 16px;
+}
+.lady p strong {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text {
+       color: #006;
+}
+.lady p strong {
+       font-family: "Myriad Pro";
+}
+a {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #11519E;
+}
+a:visited {
+       color: #000066;
+       text-decoration: none;
+}
+h1,h2,h3,h4,h5,h6 {
+       font-family: "Myriad Pro";
+       font-weight: bold;
+}
+.history {
+       font-weight: bold;
+}
+a:link {
+       color: #000066;
+       text-decoration: none;
+}
+a:hover {
+       text-decoration: none;
+}
+a:active {
+       text-decoration: none;
+}
+-->
+                </style>
+       </head>
+
+       <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')">
+<div align="center">
+                               <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
+                                       <tr height="39">
+                                               <td width="200" height="39"></td>
+                                               <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
+                                       </tr>
+                                       <tr height="1" cntrlrow>
+                                               <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
+                                               <td width="1" height="1"></td>
+                                       </tr>
+                               </table>
+                               <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
+                                 <tr>
+                                   <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
+                             </tr>
+                                 <tr>
+                                   <td><table border="0" cellpadding="0" cellspacing="0">
+                                     <tr bgcolor="#FFFFFF">
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <td><img src="../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
+                                 </tr>
+                                     </table></td>
+                             </tr>
+                         </table>
+</div>
+<table width="930" height="959" border="0" align="center" cellpadding="0" cellspacing="0">
+                         <tr>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="850" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+                         <tr>
+                           <td width="40" height="879" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td bgcolor="#FFFFFF"><table width="850" height="807" border="0" cellpadding="0" cellspacing="0">
+                             <tr>
+                               <td width="850" height="807" bgcolor="#FFFFFF"><table width="845" border="0" align="center">
+                                 <tr>
+                                   <td><strong>Our history</strong>
+                                     <p>The Occam Singers trace their roots back to 1980, when an enthusiastic group of friends formed &quot;a small ad hoc chamber group, to sing at weddings and charity events&quot;. From these modest beginnings, the choir's reputation spread, and now the Occam Singers regularly promote full-scale concerts of choral music with professional orchestras, as well as continuing to enjoy giving smaller-scale performances.<br />
+                                       <br />
+                               The choir takes its name from the Surrey village of Ockham, where many of its earlier performances took place. Ockham is the birthplace of the renowned mediaeval philosopher, William of Occam, best remembered for Occam's Razor, the philosophical principle which may be paraphrased as &quot;don't overcomplicate&quot; - a tenet which the choir endorses.</p></td>
+                             </tr>
+                           </table>
+                                 <br />
+                           <table width="845" border="0" align="center">
+                             <tr>
+                               <td><img src="../images/choir5.jpg" width="840" height="279" alt="choir5" /></td>
+                         </tr>
+                       </table>
+                           <br />
+                           <table width="845" border="0" align="center">
+                             <tr>
+                               <td><p>From its inception, the choir has aimed to raise money for local and national charities, including The St John Ambulance, Guildford Breast Cancer Appeal, local hospices, The Rainbow Trust and many others. In 1990 its impressive London debut raised almost £7,000 for Medical Aid for Free Romania, and In recognition of the £15,000 raised at a concert in May 1997, the St Luke's Cancer Appeal placed a plaque outside one of its new examination rooms to record the contribution of The Occam Singers.&nbsp; Since 1996, a Christmas concert has raised money every year for the Mayor of Guildford's Distress Fund. Since 1982, the Occam Singers has contributed nearly £100,000 to local and national charities and fund raising continues to be an important part of our programme.<br />
+                                 <br />
+                                 To mark the millennium, the choir commissioned In Tenebris II from Nicholas O'Neill, which had its premiere performance in Guildford and which can be heard on the choir's CD recording.<br />
+  <br />
+                                 On the occasion of our 25th Anniversary in 2005 we were delighted to welcome Patricia Rozario who gave an inspirational performance&nbsp; of Tavener's Lament of the Mother of God. <br />
+  <br />
+                           Since 2005, The Occam Singers has gone from strength to strength, extending and varying the repertoire and continuing to push the standard of singing ever higher. Despite difficult economic times, audiences have been steadily increasing, which is testament to the choir and its Musical directors and their&nbsp;commitment to maintaining and developing the choral chamber music tradition for the enjoyment of &nbsp;future generations</p></td>
+                         </tr>
+                       </table>
+                           <br />
+                           <table width="105" height="36" border="0">
+                             <tr>
+                               <td align="center" bgcolor="#EFEFEF"><a href="../public/about.html">&lt; Back</a></td>
+                         </tr>
+                       </table></td>
+                         </tr>
+                       </table>
+                       <br /></td>
+                           <td bgcolor="#FFFFFF">&nbsp;</td>
+  </tr>
+                         <tr>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+    </table>
+                       <p></p>
+</body>
+
+</html>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/join.html b/public/join.html
new file mode 100644 (file)
index 0000000..8124fd9
--- /dev/null
@@ -0,0 +1,319 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>The Occam Singers</title>
+<script type="text/javascript">
+<!--
+var preloadFlag = false;
+function preloadImages() {
+       if (document.images) {
+               pre_home_over = newImage('../tags/home_over.png');
+               pre_choir_over = newImage('../tags/choir_over.png');
+               pre_concerts_over = newImage('../tags/concerts_over.png');
+               pre_join_over = newImage('../tags/join_over.png');
+               pre_booking_over = newImage('../tags/booking_over.png');
+               preloadFlag = true;
+       }
+}
+
+function MM_preloadImages() { //v3.0
+  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+}
+
+function MM_findObj(n, d) { //v4.01
+  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+  if(!x && d.getElementById) x=d.getElementById(n); return x;
+}
+
+function MM_nbGroup(event, grpName) { //v6.0
+  var i,img,nbArr,args=MM_nbGroup.arguments;
+  if (event == "init" && args.length > 2) {
+    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
+      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
+      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
+      nbArr[nbArr.length] = img;
+      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+        if (!img.MM_up) img.MM_up = img.src;
+        img.src = img.MM_dn = args[i+1];
+        nbArr[nbArr.length] = img;
+    } }
+  } else if (event == "over") {
+    document.MM_nbOver = nbArr = new Array();
+    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
+      nbArr[nbArr.length] = img;
+    }
+  } else if (event == "out" ) {
+    for (i=0; i < document.MM_nbOver.length; i++) {
+      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
+  } else if (event == "down") {
+    nbArr = document[grpName];
+    if (nbArr)
+      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
+    document[grpName] = nbArr = new Array();
+    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
+      nbArr[nbArr.length] = img;
+  } }
+}
+function MM_swapImgRestore() { //v3.0
+  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+}
+
+function MM_swapImage() { //v3.0
+  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}
+//-->
+            </script>
+               </csactiondict>
+                <style type="text/css">
+<!--
+.text {
+       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text {
+       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+body,td,th {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+body {
+       background-color: #EEE;
+       background-image: ../backgrounds/background1.jpg;
+       background-repeat: no-repeat;
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+       background-image: url(../images/back.jpg);
+}
+.lady {
+       font-size: 12px;
+}
+.lady {
+       font-size: 12px;
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.in {  font-size: 12px;
+       font-weight: bold;
+}
+.if {  font-size: 12px;
+       font-weight: bold;
+}
+.m {   font-size: 12px;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       text-align: left;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-size: 16px;
+}
+.text {
+       color: #006;
+}
+.text1 {       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text1 {       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text1 {       font-size: 18px;
+}
+.text1 {       text-align: left;
+}
+.text1 {       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text1 {       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text1 {       color: #006;
+}
+.text1 {       font-family: "Myriad Pro";
+}
+.text1 {       font-size: 16px;
+}
+.text1 {       color: #FFF;
+}
+.text1 {       color: #006;
+}
+.text1 {       font-family: "Myriad Pro";
+}
+.text1 {       font-size: 14px;
+}
+.text1 {       font-family: "Myriad Pro";
+}
+.text1 {       font-family: "Myriad Pro";
+}
+.text1 {       font-size: 16px;
+}
+.text1 {
+       color: #006;
+       font-size: 16px;
+}
+.text {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-size: 16px;
+}
+.text {
+       color: #006;
+       font-size: 16px;
+}
+.text .text .text {
+       color: #006;
+       font-size: 14px;
+}
+.text .text .text {
+       font-size: 16px;
+       font-weight: bold;
+}
+.text .text .text {
+       font-weight: normal;
+}
+.text .text strong {
+       font-size: 18px;
+}
+.text .text strong {
+       text-align: center;
+}
+.text .text strong {
+       text-align: center;
+}
+.text .text strong {
+}
+.text {
+       font-weight: bold;
+}
+.text p {
+}
+.text p {
+       font-weight: normal;
+}
+.text {
+       font-weight: bold;
+}
+-->
+                </style>
+       </head>
+
+       <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">
+<div align="center">
+                               <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
+                                       <tr height="39">
+                                               <td width="200" height="39"></td>
+                                               <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
+                                       </tr>
+                                       <tr height="1" cntrlrow>
+                                               <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
+                                               <td width="1" height="1"></td>
+                                       </tr>
+                               </table>
+                               <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
+                                 <tr>
+                                   <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
+                             </tr>
+                                 <tr>
+                                   <td><table border="0" cellpadding="0" cellspacing="0">
+                                     <tr bgcolor="#FFFFFF">
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <td><img src="../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
+                                 </tr>
+                                     </table></td>
+                             </tr>
+                         </table>
+</div>
+<table width="930" height="757" border="0" align="center" cellpadding="0" cellspacing="0">
+                         <tr>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="850" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+                         <tr>
+                           <td width="40" height="677" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td bgcolor="#FFFFFF"><table width="845" border="0" align="center">
+                     <tr>
+                             <td width="842"><span class="text">We are delighted to welcome new members</span><br />
+                               <br />
+                               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 />
+                               <br />
+                           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 />
+                               <br />
+                               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>
+                  </tr>
+                     </table>
+                             <br />
+                             <table width="845" height="286" border="0" align="center">
+                    <tr>
+                      <td width="847"><img src="../images/choir3.jpg" width="840" height="279" alt="choir2" /></td>
+                    </tr>
+                  </table>
+                             <br />
+                  <table width="845" border="0" align="center">
+                    <tr>
+                      <td><span class="text">Bursary places</span><br />
+                        <br />
+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 />
+<a href="../docs/bursary.doc"><br />
+Click here to download more information</a><br />
+<br />
+For further information on joining please contact <a href="mailto:occamsingers@hotmail.com">occamsingers@hotmail.com</a></td>
+                    </tr>
+                  </table></td>
+                           <td bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+                         <tr>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+    </table>
+                       <p></p>
+</body>
+
+</html>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/mail.html b/public/mail.html
new file mode 100644 (file)
index 0000000..dce13e5
--- /dev/null
@@ -0,0 +1,251 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>Mailing List</title>
+<script type="text/javascript">
+<!--
+var preloadFlag = false;
+function preloadImages() {
+       if (document.images) {
+               pre_home_over = newImage('../tags/home_over.png');
+               pre_choir_over = newImage('../tags/choir_over.png');
+               pre_concerts_over = newImage('../tags/concerts_over.png');
+               pre_join_over = newImage('../tags/join_over.png');
+               pre_booking_over = newImage('../tags/booking_over.png');
+               preloadFlag = true;
+       }
+}
+
+function MM_preloadImages() { //v3.0
+  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+}
+
+function MM_findObj(n, d) { //v4.01
+  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+  if(!x && d.getElementById) x=d.getElementById(n); return x;
+}
+
+function MM_nbGroup(event, grpName) { //v6.0
+  var i,img,nbArr,args=MM_nbGroup.arguments;
+  if (event == "init" && args.length > 2) {
+    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
+      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
+      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
+      nbArr[nbArr.length] = img;
+      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+        if (!img.MM_up) img.MM_up = img.src;
+        img.src = img.MM_dn = args[i+1];
+        nbArr[nbArr.length] = img;
+    } }
+  } else if (event == "over") {
+    document.MM_nbOver = nbArr = new Array();
+    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
+      nbArr[nbArr.length] = img;
+    }
+  } else if (event == "out" ) {
+    for (i=0; i < document.MM_nbOver.length; i++) {
+      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
+  } else if (event == "down") {
+    nbArr = document[grpName];
+    if (nbArr)
+      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
+    document[grpName] = nbArr = new Array();
+    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
+      nbArr[nbArr.length] = img;
+  } }
+}
+function MM_swapImgRestore() { //v3.0
+  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+}
+
+function MM_swapImage() { //v3.0
+  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}
+//-->
+            </script>
+               </csactiondict>
+                <style type="text/css">
+<!--
+.text {
+       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text {
+       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+body,td,th {
+       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+       font-size: 10px;
+       color: #000;
+}
+body {
+       background-color: #EEE;
+       background-image: ../backgrounds/background1.jpg;
+       background-repeat: no-repeat;
+       background-image: url(../images/back.jpg);
+}
+-->
+                </style>
+       </head>
+
+       <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">
+<div align="center">
+                               <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
+                                       <tr height="39">
+                                               <td width="200" height="39"></td>
+                                               <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
+                                       </tr>
+                                       <tr height="1" cntrlrow>
+                                               <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
+                                               <td width="1" height="1"></td>
+                                       </tr>
+                               </table>
+                               <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
+                                 <tr>
+                                   <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
+                             </tr>
+                                 <tr>
+                                   <td><table border="0" cellpadding="0" cellspacing="0">
+                                     <tr bgcolor="#FFFFFF">
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <td><a href="../public/weddings.html" target="_self" onMouseOver="MM_swapImage('Image13','','../tags/booking_over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../tags/booking.png" alt="Booking" name="Image13" width="140" height="40" border="0"></a></td>
+                                       <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>
+                                       <td><img src="../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
+                                 </tr>
+                                     </table></td>
+                             </tr>
+  </table>
+                               <table width="930" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="white" cool gridx="16" gridy="16" height="1121" showgridx showgridy>
+                                 <tr height="40">
+                                               <td width="931" height="40" colspan="3" valign="top" align="left" xpos="0">&nbsp;</td>
+                                       </tr>
+                                       <tr height="1040">
+                                               <td width="48" height="1040"><spacer type="block" width="48" height="1040"></td>
+                                               <td width="882" height="1040" valign="top" align="left" xpos="48">
+                                                       <table width="833" border="0" cellspacing="0" cellpadding="0" bgcolor="#f0f0e7" cool gridx="16" gridy="16" height="992" showgridx showgridy usegridx usegridy>
+                                                               <tr height="32">
+                                                                       <td width="832" height="32" colspan="3"><spacer type="block" width="832" height="32"></td>
+                                                                       <td width="1" height="32"><spacer type="block" width="1" height="32"></td>
+                                                               </tr>
+                                                               <tr height="959">
+                                                                       <td width="111" height="959"><spacer type="block" width="111" height="959"></td>
+                                                                       <td content csheight="864" width="623" height="959" valign="top" xpos="111">
+                                                                               <div id="mc_embed_signup">
+                                                                                       <form action="http://occamsingers.us1.list-manage.com/subscribe/post?u=48e00aeb1e92eb5d33400f125&amp;id=7848684711" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="font: normal 100% Arial;font-size: 12px;">
+                                                                                               <fieldset style="-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #000000;padding-top: 1.5em;margin: .5em 0;background-color: #FFFFFF;color: #333333;">
+                                                                                                       <legend style="text-transform: capitalize;font-weight: bold;color: #666666;background: #CCCCCC;padding: .5em 1em;border: 1px solid #000000;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;font-size: 1.2em;">join our mailing list</legend>
+                                                                                                       <div class="indicate-required" style="text-align: right;font-style: italic;overflow: hidden;color: #333333;margin: 0 9% 0 0;">
+                                                                                                               * indicates required</div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-EMAIL" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Email Address <strong class="note-required">*</strong> </label> <input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-TITLE" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Title </label> <input type="text" value="" name="TITLE" class="" id="mce-TITLE" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-FNAME" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">First Name </label> <input type="text" value="" name="FNAME" class="" id="mce-FNAME" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-LNAME" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Last Name </label> <input type="text" value="" name="LNAME" class="" id="mce-LNAME" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-ADDR1" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Address 1 </label> <input type="text" value="" name="ADDR1" class="" id="mce-ADDR1" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-ADDR2" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Address 2 </label> <input type="text" value="" name="ADDR2" class="" id="mce-ADDR2" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-ADDR3" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Address 3 </label> <input type="text" value="" name="ADDR3" class="" id="mce-ADDR3" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-CITY" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Town/City </label> <input type="text" value="" name="CITY" class="" id="mce-CITY" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-COUNTY" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">County/State </label> <input type="text" value="" name="COUNTY" class="" id="mce-COUNTY" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-PCODE" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Postal Code </label> <input type="text" value="" name="PCODE" class="" id="mce-PCODE" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-COUNTRY" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Country </label> <input type="text" value="" name="COUNTRY" class="" id="mce-COUNTRY" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-HPHONE" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Home Phone </label> <input type="text" name="HPHONE" class="" value="" id="mce-HPHONE" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-PHONE" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Phone </label> <input type="text" name="PHONE" class="" value="" id="mce-PHONE" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-MOBILE" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Mobile </label> <input type="text" name="MOBILE" class="" value="" id="mce-MOBILE" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label for="mce-TYPE" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Type of Subscriber <strong class="note-required">*</strong> </label> <select name="TYPE" class="required" id="mce-TYPE" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;">
+                                                                                                                       <option value="Individual (Free)">Individual (Free)</option>
+                                                                                                                       <option value="Member">Member</option>
+                                                                                                                       <option value="Patron">Patron</option>
+                                                                                                                       <option value="Gold Star">Gold Star</option>
+                                                                                                                       <option value="Honorary">Honorary</option>
+                                                                                                                       <option value="Test">Test</option>
+                                                                                                               </select></div>
+                                                                                                       <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
+                                                                                                               <label class="input-group-label" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Communication Delivery <strong class="note-required">*</strong> </label>
+                                                                                                               <div class="input-group" style="padding: .7em .7em .7em 0;font-size: .9em;margin: 0 0 1em 0;">
+                                                                                                                       <ul style="margin: 0;padding: 0;">
+                                                                                                                               <li style="list-style: none;overflow: hidden;padding: .2em 0;clear: left;display: block;margin: 0;"><input type="radio" value="Email" name="CPREF" id="mce-CPREF-0" style="margin-right: 2%;padding: .2em .3em;width: auto;float: left;z-index: 999;"><label for="mce-CPREF-0" style="display: block;margin: .4em 0 0 0;line-height: 1em;font-weight: bold;width: auto;float: left;text-align: left;">Email</label>
+                                                                                                                               <li style="list-style: none;overflow: hidden;padding: .2em 0;clear: left;display: block;margin: 0;"><input type="radio" value="Post" name="CPREF" id="mce-CPREF-1" style="margin-right: 2%;padding: .2em .3em;width: auto;float: left;z-index: 999;"><label for="mce-CPREF-1" style="display: block;margin: .4em 0 0 0;line-height: 1em;font-weight: bold;width: auto;float: left;text-align: left;">Post</label>
+                                                                                                                               <li style="list-style: none;overflow: hidden;padding: .2em 0;clear: left;display: block;margin: 0;"><input type="radio" value="None" name="CPREF" id="mce-CPREF-2" style="margin-right: 2%;padding: .2em .3em;width: auto;float: left;z-index: 999;"><label for="mce-CPREF-2" style="display: block;margin: .4em 0 0 0;line-height: 1em;font-weight: bold;width: auto;float: left;text-align: left;">None</label>
+                                                                                                                       </ul>
+                                                                                                               </div>
+                                                                                                       </div>
+                                                                                                       <div id="mce-responses" style="float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;">
+                                                                                                               <div class="response" id="mce-error-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #FFEEEE;color: #FF0000;"></div>
+                                                                                                               <div class="response" id="mce-success-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #;color: #529214;"></div>
+                                                                                                       </div>
+                                                                                                       <div>
+                                                                                                               <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn" style="clear: both;width: auto;display: block;margin: 1em 0 1em 5%;"></div>
+                                                                                               </fieldset>
+                                                                                       </form>
+                                                                               </div>
+                                                                       </td>
+                                                                       <td width="98" height="959"><spacer type="block" width="98" height="959"></td>
+                                                                       <td width="1" height="959"><spacer type="block" width="1" height="959"></td>
+                                                               </tr>
+                                                               <tr height="1" cntrlrow>
+                                                                       <td width="111" height="1"><spacer type="block" width="111" height="1"></td>
+                                                                       <td width="623" height="1"><spacer type="block" width="623" height="1"></td>
+                                                                       <td width="98" height="1"><spacer type="block" width="98" height="1"></td>
+                                                                       <td width="1" height="1"><spacer type="block" width="1" height="1"></td>
+                                                               </tr>
+                                                       </table>
+                             </td>
+                                               <td width="1" height="1040"><spacer type="block" width="1" height="1040"></td>
+                                       </tr>
+                                       <tr height="1" cntrlrow>
+                                               <td width="48" height="1"><spacer type="block" width="48" height="1"></td>
+                                               <td width="882" height="1"><spacer type="block" width="882" height="1"></td>
+                                               <td width="1" height="1"><spacer type="block" width="1" height="1"></td>
+                                       </tr>
+         </table>
+                       </div>
+                       <p></p>
+               </body>
+
+</html>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/past_concerts.html b/public/past_concerts.html
new file mode 100644 (file)
index 0000000..9344b77
--- /dev/null
@@ -0,0 +1,720 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>Past Concerts</title>
+<script type="text/javascript">
+<!--
+var preloadFlag = false;
+function preloadImages() {
+       if (document.images) {
+               pre_home_over = newImage('../tags/home_over.png');
+               pre_choir_over = newImage('../tags/choir_over.png');
+               pre_concerts_over = newImage('../tags/concerts_over.png');
+               pre_join_over = newImage('../tags/join_over.png');
+               pre_booking_over = newImage('../tags/booking_over.png');
+               preloadFlag = true;
+       }
+}
+
+function MM_preloadImages() { //v3.0
+  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+}
+
+function MM_findObj(n, d) { //v4.01
+  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+  if(!x && d.getElementById) x=d.getElementById(n); return x;
+}
+
+function MM_nbGroup(event, grpName) { //v6.0
+  var i,img,nbArr,args=MM_nbGroup.arguments;
+  if (event == "init" && args.length > 2) {
+    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
+      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
+      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
+      nbArr[nbArr.length] = img;
+      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+        if (!img.MM_up) img.MM_up = img.src;
+        img.src = img.MM_dn = args[i+1];
+        nbArr[nbArr.length] = img;
+    } }
+  } else if (event == "over") {
+    document.MM_nbOver = nbArr = new Array();
+    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
+      nbArr[nbArr.length] = img;
+    }
+  } else if (event == "out" ) {
+    for (i=0; i < document.MM_nbOver.length; i++) {
+      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
+  } else if (event == "down") {
+    nbArr = document[grpName];
+    if (nbArr)
+      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
+    document[grpName] = nbArr = new Array();
+    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
+      nbArr[nbArr.length] = img;
+  } }
+}
+function MM_swapImgRestore() { //v3.0
+  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+}
+
+function MM_swapImage() { //v3.0
+  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}
+//-->
+            </script>
+               </csactiondict>
+                <style type="text/css">
+<!--
+.text {
+       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text {
+       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+body,td,th {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+body {
+       background-color: #EEE;
+       background-image: ../backgrounds/background1.jpg;
+       background-repeat: no-repeat;
+       background-image: url(../images/back.jpg);
+}
+.text {
+       font-size: 12px;
+}
+.text {
+       text-align: left;
+}
+.text .text .text .text .text {
+       color: #000;
+}
+.loseley {
+       font-size: 12px;
+}
+.text1 {       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text1 {       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {       text-align: left;
+}
+.text1 {       font-size: 12px;
+}
+.text1 {       color: #000;
+}
+.b {font-size: 14px;
+       font-weight: bold;
+}
+.header {
+       font-size: 12px;
+       color: #000;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+font {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.list {
+       font-family: "Myriad Pro";
+}
+.list1 {
+       font-family: "Myriad Pro";
+       font-size: 14px;
+}
+.list2 {
+       font-family: "Myriad Pro";
+       font-size: 14px;
+}
+a {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+a:link {
+       text-decoration: none;
+}
+a:visited {
+       text-decoration: none;
+       color: #006;
+}
+a:hover {
+       text-decoration: none;
+}
+a:active {
+       text-decoration: none;
+}
+.text {
+       font-size: 14px;
+}
+.text1 {
+       font-size: 14px;
+       color: #006;
+}
+.text11 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text11 {color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text11 {}
+.text11 {text-align: left;
+}
+.text11 {font-size: 12px;
+}
+.text11 {color: #000;
+}
+.text11 {font-size: 12px;
+}
+.text11 {font-size: 12px;
+}
+.text11 {font-size: 14px;
+}
+.text11 {font-size: 12px;
+}
+.text11 {}
+.text11 {}
+.text11 {font-size: 12px;
+}
+.text11 {font-size: 14px;
+}
+.text11 {font-size: 12px;
+}
+.text11 {}
+.text11 {font-size: 12px;
+}
+.text11 {font-size: 12px;
+}
+.text11 {font-size: 12px;
+}
+.text11 {font-size: 12px;
+}
+.text11 {font-size: 12px;
+}
+.text11 {      font-size: 36px;
+       font-family: "Myriad Pro";
+       color: #006;
+       font-weight: bold;
+}
+.text11 {
+       font-size: 16px;
+}
+.text font {
+       font-size: 16px;
+}
+.text font {
+       font-size: 16px;
+}
+.text font {
+       font-size: 16px;
+}
+.text font {
+       font-size: 16px;
+}
+.text font {
+       font-size: 16px;
+}
+.text font {
+       font-size: 16px;
+}
+.text font {
+       font-size: 16px;
+}
+.text4 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text4 {color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text4 {font-weight: bold;
+}
+.text4 {text-align: left;
+}
+.text4 {font-size: 12px;
+}
+.text4 {color: #000;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 14px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {}
+.text4 {}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 14px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 12px;
+}
+.text4 {font-size: 16px;
+       color: #003;
+}
+.text4 {font-family: "Myriad Pro";
+}
+.text4 {font-family: "Myriad Pro";
+}
+.text4 {font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text4 {font-family: "Myriad Pro";
+}
+.text4 {font-size: 16px;
+}
+.text4 {font-size: 10px;
+       font-family: "Myriad Pro";
+}
+.text4 {font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text4 {font-family: "Myriad Pro";
+}
+.text4 {font-family: "Myriad Pro";
+       font-size: 18px;
+}
+.text4 {font-family: "Myriad Pro";
+       font-size: 16px;
+       font-weight: normal;
+}
+.text4 {font-weight: bold;
+}
+.text4 {font-size: 16px;
+       font-weight: normal;
+}
+.text4 {font-size: 18px;
+       font-weight: bold;
+       font-family: "Myriad Pro";
+}
+.text4 {font-size: 18px;
+}
+.text4 {font-size: 18px;
+}
+.text4 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text4 {font-size: 24px;
+       font-weight: bold;
+}
+.text4 {font-size: 18px;
+       font-weight: normal;
+}
+.text4 {font-size: 18px;
+       font-family: "Myriad Pro";
+}
+.text4 {       font-size: 18px;
+}
+.text4 {       font-size: 18px;
+}
+-->
+                </style>
+       </head>
+
+       <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">
+<div align="center">
+                               <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
+                                       <tr height="39">
+                                               <td width="200" height="39"></td>
+                                               <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
+                                       </tr>
+                                       <tr height="1" cntrlrow>
+                                               <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
+                                               <td width="1" height="1"></td>
+                                       </tr>
+                               </table>
+                               <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
+                                 <tr>
+                                   <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
+                             </tr>
+                                 <tr>
+                                   <td><table border="0" cellpadding="0" cellspacing="0">
+                                     <tr bgcolor="#FFFFFF">
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <td><a href="../public/weddings.html" target="_self" onMouseOver="MM_swapImage('Image13','','../tags/booking_over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../tags/booking.png" alt="Booking" name="Image13" width="140" height="40" border="0"></a></td>
+                                       <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>
+                                       <td><img src="../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
+                                 </tr>
+                                     </table></td>
+                             </tr>
+                         </table>
+</div>
+<table width="930" height="1291" border="0" align="center" cellpadding="0" cellspacing="0">
+
+  <tr>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="850" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+  </tr>
+              <tr>
+                <td width="40" height="1209" bgcolor="#FFFFFF">&nbsp;</td>
+                <td bgcolor="#FFFFFF"><table width="849" height="1639" border="0" cellpadding="0" cellspacing="0">
+                  <tr>
+                    <td width="849" height="30" bgcolor="#FFFFFF"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Past concerts</b></font></td>
+                  </tr>
+                  <tr>
+                    <td height="1595" bgcolor="#FFFFFF"><table width="846" border="0" cellspacing="0" cellpadding="0">
+                      <tr>
+                          <td width="262" height="30">&nbsp;</td>
+                          <td width="30" height="30">&nbsp;</td>
+                          <td width="262" height="30">&nbsp;</td>
+                          <td width="30" height="30">&nbsp;</td>
+                          <td width="262" height="30">&nbsp;</td>
+                      </tr>
+                      <tr>
+                        <td align="left" valign="top"><strong>Italian Baroque Music</strong><br />
+                          <br />
+Saturday, 15th October, 2016, 7.30pm<br />
+<br />
+<font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><a title="Purcell Concert poster" href="../posters/poster27.jpg" target="_blank"><img src="../posters/thumb/thumb27.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                        <td height="30">&nbsp;</td>
+                        <td align="left" valign="top"><strong>J S Bach: St John Passion</strong><br />
+                          <br />
+                          Saturday, 12th March 2016, 7.30pm<br />
+  <br />
+  <font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><a title="Purcell Concert poster" href="../posters/poster26.jpg" target="_blank"><img src="../posters/thumb/thumb26.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                        <td height="30">&nbsp;</td>
+                        <td align="left" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><strong class="text11">Christus Natus Est</strong></font><span class="text"><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                          <br />
+                          </font><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">S</font></span><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">aturday 19 th December <span class="text">2015 - 6.30pm</span>&nbsp;</font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                            <br />
+                            <a title="Purcell Concert poster" href="../posters/poster25.jpg" target="_blank"><img src="../posters/thumb/thumb25.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                      </tr>
+                      <tr>
+                        <td height="30">&nbsp;</td>
+                        <td height="30">&nbsp;</td>
+                        <td height="30">&nbsp;</td>
+                        <td height="30">&nbsp;</td>
+                        <td height="30">&nbsp;</td>
+                      </tr>
+                      <tr>
+                        <td align="left" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><strong class="text11">Rhythm and Blues <br />
+Will Todd: Mass in Blue</strong></font><span class="text"><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+</font><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">S</font></span><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">aturday17th October <span class="text">2015 -  7.30pm</span></font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+<br />
+<a title="Purcell Concert poster" href="../posters/poster24.jpg" target="_blank"><img src="../posters/thumb/thumb24.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                        <td height="30">&nbsp;</td>
+                        <td align="left" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><strong class="text11">Light and Shade<br />
+                          </strong></font><span class="text"><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                            </font><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">S</font></span><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">unday  5th July <span class="text">2015 -  7.30pm</span></font><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">&nbsp;</font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                              <br />
+                              <a title="Purcell Concert poster" href="../posters/poster23.jpg" target="_blank"><img src="../posters/thumb/thumb23.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                        <td height="30">&nbsp;</td>
+                        <td align="left" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><strong class="text11">Haydn: Theresienmesse<br />
+                          Haydn: Te Deum</strong></font><span class="text"><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+  </font><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">S</font></span><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">aturday  25th April<span class="text"> 2014 -  7.30pm</span></font><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">&nbsp;</font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+  <br />
+</font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><a title="Purcell Concert poster" href="../posters/poster22.jpg" target="_blank"><img src="../posters/thumb/thumb22.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                      </tr>
+                      <tr>
+                        <td valign="top">&nbsp;</td>
+                        <td height="30">&nbsp;</td>
+                        <td height="30" align="left" valign="top">&nbsp;</td>
+                        <td height="30">&nbsp;</td>
+                        <td height="30" align="left" valign="top">&nbsp;</td>
+                      </tr>
+                        <tr>
+                          <td align="left" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><strong class="text11">Our Traditional Christmas Concert</strong></font><span class="text"><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                                <br />
+                          </font><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">S</font></span><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">aturday  20th December <span class="text">2014 - 6.30pm</span></font><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">&nbsp;</font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                          <br />
+                          <a title="Purcell Concert poster" href="../posters/poster21.jpg" target="_blank"><img src="../posters/thumb/thumb21.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                          <td height="30">&nbsp;</td>
+                          <td align="left" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Rachmaninov:</b><b>Vespers</b></font><span class="text"><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                            <br />
+                            S</font></span><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">aturday 1st November <span class="text">2014 - 7.30 pm</span><br />
+  <br />
+  <a title="Purcell Concert poster" href="../posters/poster20.jpg" target="_blank"><img src="../posters/thumb/thumb20.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                          <td height="30">&nbsp;</td>
+                          <td align="left" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>O Radiant Dawn</b><span class="text"><b><br />
+                            </b></span><b class="text1">Music for a summers evening</b></font><span class="text"><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                              S</font></span><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">un<span class="text">day </span> 6th July <span class="text">2014 - 7.30 pm</span><br />
+  <br />
+  <a title="Purcell Concert poster" href="../posters/poster19.jpg" target="_blank"><img src="../posters/thumb/thumb19.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                        </tr>
+                        <tr>
+                          <td valign="top">&nbsp;</td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" align="left" valign="top">&nbsp;</td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" align="left" valign="top">&nbsp;</td>
+                        </tr>
+                        <tr>
+                          <td align="left" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Fauré: Requiem</b><span class="text"><b><br />
+                          </b></span><b class="text1">Vaughan Williams: Dona Nobis Pacem</b></font><span class="text"><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                          </font><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">Saturday </font></span><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">17th May <span class="text">2014 - 7.30 pm</span></font><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">&nbsp;</font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                          <br />
+                          <a title="Purcell Concert poster" href="../posters/poster18.jpg" target="_blank"><img src="../posters/thumb/thumb18.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                          <td height="30">&nbsp;</td>
+                          <td align="left" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>CPE Bach: Magnificat</b><span class="text"><b><br />
+                            </b></span><b>Handel: Dixit Dominus</b></font><span class="text"><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                              </font><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">Saturday </font></span><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">1st March <span class="text">2014 - 7.30 pm</span></font><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">&nbsp;</font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                                <br />
+                                <a title="Purcell Concert poster" href="../posters/poster17.jpg" target="_blank"><img src="../posters/thumb/thumb17.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                          <td height="30">&nbsp;</td>
+                          <td align="left" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Deck The Hall!</b><span class="text"><b><br />
+                            </b></span><b>Seasonal Music and Readings</b></font><span class="text"><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                              </font><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">Saturday </font></span><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">21st December <span class="text">2013 - 6.30 pm</span></font><font color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">&nbsp;</font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                                <br />
+                                <a title="Purcell Concert poster" href="../posters/poster16.jpg" target="_blank"><img src="../posters/thumb/thumb16.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                        </tr>
+                        <tr>
+                          <td valign="top">&nbsp;</td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30"><br /></td>
+                          <td>&nbsp;</td>
+                          <td><br /></td>
+                        </tr>
+                        <tr>
+                          <td align="left" valign="top"><p><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Duruflé: <br />
+                          </b></font><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Requiem</b></font><span class="text"><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                          Saturday 1</font></span><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">9<span class="text">th October 2013 - 7.30 pm</span><br />
+                          <br />
+                          <a title="Purcell Concert poster" href="../posters/poster15.jpg" target="_blank"><img src="../posters/thumb/thumb15.jpg" alt="" height="144" width="102" border="0" /></a></font></p></td>
+                          <td height="30">&nbsp;</td>
+                          <td><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Coronation Music:</b><span class="text"><b><br />
+                            </b></span><b>Mozart, Handel and Howells</b></font><span class="text"><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                              Saturday </font></span><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">23rd February <span class="text">2013 - 7.30 pm</span><br />
+  <br />
+  <a title="Purcell Concert poster" href="../posters/poster14.jpg" target="_blank"><img src="../posters/thumb/thumb14.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                          <td height="30">&nbsp;</td>
+                          <td><span class="text"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Now Make Cheer! <br />
+                            Christmas Music </b></font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                              Saturday 15th December 2012 - 6.30pm</font></span><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+  <br />
+  <a title="Purcell Concert poster" href="../posters/poster13.jpg" target="_blank"><img src="../posters/thumb/thumb13.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                        </tr>
+                        <tr>
+                          <td height="30"><br /></td>
+                          <td>&nbsp;</td>
+                          <td><br /></td>
+                          <td>&nbsp;</td>
+                          <td>&nbsp;</td>
+                        </tr>
+                        <tr>
+                          <td><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Rossini: <br />
+Petite Messe Solennelle</b></font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+Saturday 20th October 2012 - 7.30 pm<br />
+<br />
+<a title="Purcell Concert poster" href="../posters/poster12.jpg" target="_blank"><img src="../posters/thumb/thumb12.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>This Sceptred Isle<br />
+                            Light Music for Summer </b></font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                              Sunday 8th July 2012 - 7.30 pm<br />
+  <br />
+  <a title="Purcell Concert poster" href="../posters/poster11.jpg" target="_blank"><img src="../posters/thumb/thumb11.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Bruckner: <br />
+                            E Minor Mass</b></font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><br />
+                              Saturday 12th May 2012 - 7.30 pm<br />
+  <br />
+  <a title="Purcell Concert poster" href="../posters/poster10.jpg" target="_blank"><img src="../posters/thumb/thumb10.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                        </tr>
+                        <tr>
+                          <td height="30"><br /></td>
+                          <td>&nbsp;</td>
+                          <td><br /></td>
+                          <td>&nbsp;</td>
+                          <td>&nbsp;</td>
+                        </tr>
+                        <tr>
+                          <td height="30" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>David Perkins<br />
+Re:creation </b></font><br />
+<font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">Saturday 15th October 2011 - 7.30 pm<br />
+<br />
+<a title="Purcell Concert poster" href="../posters/poster7.jpg" target="_blank"><img src="../posters/thumb/thumb7.jpg" alt="" height="144" width="95" border="0" /></a></font></td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Schubert:<br />
+                            Mass in G</b></font><br />
+  <font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">Saturday 25th June 2011 - 7.30 pm <br />
+  <br />
+</font> <font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><a title="Purcell Concert poster" href="../posters/poster6.jpg" target="_blank"><img src="../posters/thumb/thumb6.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Haydn:<br />
+                            St Nicolas Mass<br />
+                            </b></font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">Saturday 26th February 2011 - 7.30 pm <br />
+                              <br />
+                              <a title="Purcell Concert poster" href="../posters/poster5.jpg" target="_blank"><img src="../posters/thumb/thumb5.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                        </tr>
+                        <tr>
+                          <td height="30" align="left" valign="top">&nbsp;</td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" align="left" valign="top">&nbsp;</td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" valign="top">&nbsp;</td>
+                        </tr>
+                        <tr>
+                          <td height="30" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Family Christmas <br />
+Concert</b></font> <br />
+<font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">Saturday 11th December 2010 </font><br />
+<br />
+<font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><a title="Purcell Concert poster" href="../posters/poster4.jpg" target="_blank"><img src="../posters/thumb/thumb4.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Howells:<br />
+                            Requiem<br />
+                            </b></font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">Saturday 16th October 2010 - 7.30 pm <br />
+                              <br />
+                            </font> <a title="Purcell Concert poster" href="../posters/poster3.jpg" target="_blank"><img src="../posters/thumb/thumb3.jpg" alt="" height="144" width="102" border="0" /></a></td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Ockegham: <br />
+                            Missa Prolationum<br />
+                            </b></font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">Saturday 15th May 2010 - 7.30 pm <br />
+                              <br />
+                            </font> <a title="Purcell Concert poster" href="../posters/poster2.jpg" target="_blank"><img src="../posters/thumb/thumb2.jpg" alt="" height="144" width="102" border="0" /></a></td>
+                        </tr>
+                        <tr>
+                          <td height="30" align="left" valign="top">&nbsp;</td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" align="left" valign="top">&nbsp;</td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" valign="top">&nbsp;</td>
+                        </tr>
+                        <tr>
+                          <td height="30" valign="top"><font size="4" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"><b>Purcell:<br />
+Hail, Bright Cecilia<br />
+                          </b></font><font size="2" color="#000066" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">Saturday 20th February 2010 - 7.30 pm<br />
+                          <br />
+                          <a title="Purcell Concert poster" href="../posters/poster1.jpg" target="_blank"><img src="../posters/thumb/thumb1.jpg" alt="" height="144" width="102" border="0" /></a></font></td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" valign="top">&nbsp;</td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" valign="top">&nbsp;</td>
+                        </tr>
+                        <tr>
+                          <td height="30" align="left" valign="top">&nbsp;</td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" align="left" valign="top">&nbsp;</td>
+                          <td height="30">&nbsp;</td>
+                          <td height="30" valign="top">&nbsp;</td>
+                        </tr>
+                        <tr>
+                          <td valign="bottom" class="text"><br />
+                          Previous works we have performed include:<br />
+                          <br />                            Monteverdi: Vespers<br />
+Brahms: Liebesliederwalzer<br />
+Charpentier: Messe de Minuit<br />
+Bingham: Mass Road to Emmeus<br />
+Handel: Utrechte Jubilate<br />
+Bach: Lobet dem Herrn<br />
+Weir: Missa del Cid<br />
+Biber: Requiem<br />
+Parry: Songs of Farewell</td>
+                          <td>&nbsp;</td>
+                          <td valign="bottom"><span class="list1">O’Neill: Music (2011)<br />
+Bach: Was Mir Behaght<br />
+Monteverdi: 1641 Magnificat<br />
+Duruflé: Requiem<br />
+Palestrina: Missa Papa Marcelli<br />
+Scarlatti (Alessandro): St Cecilia Mass<br />
+Bach: Dies Irae<br />
+Vaughan Williams: Shakespeare Songs<br />
+Beethoven: Choral Fantasia</span><br /></td>
+                          <td>&nbsp;</td>
+                          <td valign="bottom" class="list2">Tavener: Lament of the Mother of God<br />
+Victoria: Missa O Quam Gloriosum<br />
+Elgar: 4 Part-Songs<br />
+Haydn: Mariazellermesse<br />
+Rameau: Quam Dilecta<br />
+Gorecki: Miserere<br />
+Britten: St Nicholas<br />
+                          Langlais: Missa Solennelle</td>
+                        </tr>
+                    </table></td>
+                  </tr>
+                  <tr>
+                    <td height="14" bgcolor="#FFFFFF"><br />
+                      <br />
+                      <table width="105" height="36" border="0">
+                        <tr>
+                          <td align="center" bgcolor="#EFEFEF"><a href="../public/concerts.html">&lt; Back</a></td>
+                        </tr>
+                    </table></td>
+                  </tr>
+                </table></td>
+                <td bgcolor="#FFFFFF">&nbsp;</td>
+              </tr>
+              <tr>
+                <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
+              </tr>
+<tr></tr>
+</table>
+<p></p>
+</body>
+
+</html>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/rhythm.html b/public/rhythm.html
new file mode 100644 (file)
index 0000000..a5c976d
--- /dev/null
@@ -0,0 +1,344 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>The Occam Singers</title>
+<script type="text/javascript">
+<!--
+var preloadFlag = false;
+function preloadImages() {
+       if (document.images) {
+               pre_home_over = newImage('../tags/home_over.png');
+               pre_choir_over = newImage('../tags/choir_over.png');
+               pre_concerts_over = newImage('../tags/concerts_over.png');
+               pre_join_over = newImage('../tags/join_over.png');
+               pre_booking_over = newImage('../tags/booking_over.png');
+               preloadFlag = true;
+       }
+}
+
+function MM_preloadImages() { //v3.0
+  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+}
+
+function MM_findObj(n, d) { //v4.01
+  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+  if(!x && d.getElementById) x=d.getElementById(n); return x;
+}
+
+function MM_nbGroup(event, grpName) { //v6.0
+  var i,img,nbArr,args=MM_nbGroup.arguments;
+  if (event == "init" && args.length > 2) {
+    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
+      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
+      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
+      nbArr[nbArr.length] = img;
+      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+        if (!img.MM_up) img.MM_up = img.src;
+        img.src = img.MM_dn = args[i+1];
+        nbArr[nbArr.length] = img;
+    } }
+  } else if (event == "over") {
+    document.MM_nbOver = nbArr = new Array();
+    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
+      nbArr[nbArr.length] = img;
+    }
+  } else if (event == "out" ) {
+    for (i=0; i < document.MM_nbOver.length; i++) {
+      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
+  } else if (event == "down") {
+    nbArr = document[grpName];
+    if (nbArr)
+      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
+    document[grpName] = nbArr = new Array();
+    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
+      nbArr[nbArr.length] = img;
+  } }
+}
+function MM_swapImgRestore() { //v3.0
+  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+}
+
+function MM_swapImage() { //v3.0
+  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}
+//-->
+            </script>
+               </csactiondict>
+                <style type="text/css">
+<!--
+.text {
+       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text {
+       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+body,td,th {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+body {
+       background-color: #FFF;
+       background-image: ../backgrounds/background1.jpg;
+       background-repeat: no-repeat;
+       background-image: url(../images/back.jpg);
+}
+.lady {
+       font-size: 12px;
+}
+.lady {
+       font-size: 16px;
+       font-family: "Myriad Pro";
+       color: #006;
+}
+.in {  font-size: 12px;
+       font-weight: bold;
+}
+.if {  font-size: 12px;
+       font-weight: bold;
+}
+.m {   font-size: 12px;
+}
+.text {
+       font-size: 18px;
+}
+.text {
+       text-align: left;
+}
+.text .text {
+       font-size: 16px;
+}
+.text .text {
+       font-family: "Myriad Pro";
+}
+.lady p strong {
+       color: #006;
+}
+.text .text strong {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text font b font {
+       font-family: "Myriad Pro";
+}
+.text font b font {
+       color: #006;
+}
+.lady p {
+       font-size: 16px;
+}
+.lady p strong {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text {
+       color: #006;
+}
+.lady p strong {
+       font-family: "Myriad Pro";
+}
+a {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #11519E;
+}
+a:visited {
+       color: #000066;
+       text-decoration: none;
+}
+h1,h2,h3,h4,h5,h6 {
+       font-family: "Myriad Pro";
+       font-weight: bold;
+}
+.text1 {       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text1 {       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text1 {       font-family: "Myriad Pro";
+}
+.text1 {       text-align: left;
+}
+.text1 {       font-family: "Myriad Pro";
+}
+.text1 {       font-size: 16px;
+}
+.text1 {       color: #006;
+}
+.text1 {       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text1 {       font-family: "Myriad Pro";
+}
+.text1 {       font-size: 16px;
+}
+.text1 {       color: #006;
+       font-size: 16px;
+}
+.link {
+       font-family: "Myriad Pro";
+}
+.text1 .in .link {
+       color: #006;
+}
+a:link {
+       color: #000066;
+       text-decoration: none;
+       font-family: "Myriad Pro";
+}
+a:hover {
+       text-decoration: none;
+}
+a:active {
+       text-decoration: none;
+       font-size: 16px;
+       font-style: italic;
+       font-weight: normal;
+       font-family: "Myriad Pro";
+}
+.text1 .in .link {
+       font-size: 16px;
+       font-weight: normal;
+}
+link2 {
+       font-size: 16px;
+}
+.link1 {
+       color: #000006;
+}
+.link2 {
+       color: #000006;
+}
+.in .link1 {
+       font-size: 16px;
+}
+.in .link1 {
+       font-weight: normal;
+       color: #006;
+       font-size: 16px;
+}
+.in .link2 {
+       font-weight: normal;
+}
+.in .link2 {
+       font-size: 16px;
+       color: #006;
+}
+.in .link2 {
+       font-weight: normal;
+}
+.in .link {
+       font-size: 16px;
+}
+.singers {
+       font-weight: bold;
+}
+-->
+                </style>
+       </head>
+
+       <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')">
+<div align="center">
+                               <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
+                                       <tr height="39">
+                                               <td width="200" height="39"></td>
+                                               <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
+                                       </tr>
+                                       <tr height="1" cntrlrow>
+                                               <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
+                                               <td width="1" height="1"></td>
+                                       </tr>
+                               </table>
+                               <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
+                                 <tr>
+                                   <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
+                             </tr>
+                                 <tr>
+                                   <td><table border="0" cellpadding="0" cellspacing="0">
+                                     <tr bgcolor="#FFFFFF">
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <td><img src="../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
+                                 </tr>
+                                     </table></td>
+                             </tr>
+                         </table>
+</div>
+<table width="930" height="382" border="0" align="center" cellpadding="0" cellspacing="0">
+                         <tr>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="850" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+                         <tr>
+                           <td width="40" height="301" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td bgcolor="#FFFFFF"><table width="845" border="0" align="center">
+                     <tr>
+                             <td><p>&quot;Rhythm &amp; Blues&quot; -&nbsp; The Occam Singers&rsquo; Autumn 2015 concert<br />
+                               <br />
+                           On Saturday (17 October) Holy Trinity Church, Guildford was packed for a toe-tappingly upbeat programme performed by <br />
+                           The Occam Singers.<br />
+                           <br />
+                           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 />
+                           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 />
+                           <br />
+                           In the interval, refreshments were served by The Samson Centre for Multiple Sclerosis, which is the Occam Singers' Charity of the Year.<br />
+                           <br />
+                           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>
+                  </tr>
+                     </table>
+                       <br /></td>
+                           <td bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+                         <tr>
+                           <td width="40" height="41" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td height="41" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td height="41" bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+    </table>
+                       <p></p>
+
+</body>
+
+</html>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/weddings.html b/public/weddings.html
new file mode 100644 (file)
index 0000000..f88df07
--- /dev/null
@@ -0,0 +1,371 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>The Occam Singers</title>
+<script type="text/javascript">
+<!--
+var preloadFlag = false;
+function preloadImages() {
+       if (document.images) {
+               pre_home_over = newImage('../tags/home_over.png');
+               pre_choir_over = newImage('../tags/choir_over.png');
+               pre_concerts_over = newImage('../tags/concerts_over.png');
+               pre_join_over = newImage('../tags/join_over.png');
+               pre_booking_over = newImage('../tags/booking_over.png');
+               preloadFlag = true;
+       }
+}
+
+function MM_preloadImages() { //v3.0
+  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+}
+
+function MM_findObj(n, d) { //v4.01
+  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+  if(!x && d.getElementById) x=d.getElementById(n); return x;
+}
+
+function MM_nbGroup(event, grpName) { //v6.0
+  var i,img,nbArr,args=MM_nbGroup.arguments;
+  if (event == "init" && args.length > 2) {
+    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
+      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
+      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
+      nbArr[nbArr.length] = img;
+      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+        if (!img.MM_up) img.MM_up = img.src;
+        img.src = img.MM_dn = args[i+1];
+        nbArr[nbArr.length] = img;
+    } }
+  } else if (event == "over") {
+    document.MM_nbOver = nbArr = new Array();
+    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
+      nbArr[nbArr.length] = img;
+    }
+  } else if (event == "out" ) {
+    for (i=0; i < document.MM_nbOver.length; i++) {
+      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
+  } else if (event == "down") {
+    nbArr = document[grpName];
+    if (nbArr)
+      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
+    document[grpName] = nbArr = new Array();
+    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+      if (!img.MM_up) img.MM_up = img.src;
+      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
+      nbArr[nbArr.length] = img;
+  } }
+}
+function MM_swapImgRestore() { //v3.0
+  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+}
+
+function MM_swapImage() { //v3.0
+  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}
+//-->
+            </script>
+               </csactiondict>
+                <style type="text/css">
+<!--
+.text {
+       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text {
+       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+body,td,th {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+body {
+       background-color: #EEE;
+       background-image: ../backgrounds/background1.jpg;
+       background-repeat: no-repeat;
+       background-image: url(../images/back.jpg);
+}
+.lady {
+       font-size: 12px;
+}
+.lady {
+       font-size: 12px;
+       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+}
+.in {  font-size: 12px;
+       font-weight: bold;
+}
+.if {  font-size: 12px;
+       font-weight: bold;
+}
+.m {   font-size: 12px;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       text-align: left;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-size: 16px;
+}
+.text {
+       color: #006;
+}
+.text1 {       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+}
+.text1 {       color: #000F55;
+       font-size: xx-small;
+       text-align: right;
+}
+.text1 {       font-size: 18px;
+}
+.text1 {       text-align: left;
+}
+.text1 {       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text1 {       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text1 {       color: #006;
+}
+.text1 {       font-family: "Myriad Pro";
+}
+.text1 {       font-size: 16px;
+}
+.text1 {       color: #FFF;
+}
+.text1 {       color: #006;
+}
+.text1 {       font-family: "Myriad Pro";
+}
+.text1 {       font-size: 14px;
+}
+.text1 {       font-family: "Myriad Pro";
+}
+.text1 {       font-family: "Myriad Pro";
+}
+.text1 {       font-size: 16px;
+}
+.text1 {
+       color: #006;
+       font-size: 16px;
+}
+.text {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+       color: #006;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-size: 16px;
+}
+.text {
+       color: #006;
+       font-size: 16px;
+}
+.text .text .text {
+       color: #006;
+       font-size: 14px;
+}
+.text .text .text {
+       font-size: 16px;
+       font-weight: bold;
+}
+.text .text .text {
+       font-weight: normal;
+}
+.text .text strong {
+       font-size: 18px;
+}
+.text .text strong {
+       text-align: center;
+}
+.text .text strong {
+       text-align: center;
+}
+.text .text strong {
+}
+.text1 font {
+       font-family: "Myriad Pro";
+}
+.text1 font {
+       font-size: 16px;
+}
+.text1 font {
+       font-family: "Myriad Pro";
+}
+.text1 font {
+       font-size: 16px;
+}
+.text1 font {
+       font-size: 16px;
+}
+.text1 font {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-size: 16px;
+}
+.text1 font {
+       font-size: 14px;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-size: 16px;
+}
+.text font {
+       font-family: "Myriad Pro";
+       font-size: 16px;
+}
+.text font {
+       font-family: "Myriad Pro";
+}
+.text font {
+       font-size: 16px;
+}
+.text {
+       font-family: "Myriad Pro";
+}
+.text {
+       font-size: 16px;
+}
+.tetxt {
+       font-weight: bold;
+}
+.texta {
+       font-weight: bold;
+}
+-->
+                </style>
+       </head>
+
+       <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">
+<div align="center">
+                               <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
+                                       <tr height="39">
+                                               <td width="200" height="39"></td>
+                                               <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
+                                       </tr>
+                                       <tr height="1" cntrlrow>
+                                               <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
+                                               <td width="1" height="1"></td>
+                                       </tr>
+                               </table>
+                               <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
+                                 <tr>
+                                   <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
+                             </tr>
+                                 <tr>
+                                   <td><table border="0" cellpadding="0" cellspacing="0">
+                                     <tr bgcolor="#FFFFFF">
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <td><img src="../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
+                                 </tr>
+                                     </table></td>
+                             </tr>
+                         </table>
+</div>
+<table width="930" height="827" border="0" align="center" cellpadding="0" cellspacing="0">
+                         <tr>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="850" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+                         <tr>
+                           <td width="40" height="747" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td bgcolor="#FFFFFF"><table width="845" border="0" align="center">
+                     <tr>
+                             <td width="459"><p><span class="texta">Hire the Occam Singers </span></p>
+                               <p>We would be delighted to sing at your special event, such as   weddings, civil ceremonies, funerals or corporate functions.&nbsp;Please get   in touch with Sigrid Sharp at&nbsp;<a href="mailto:occamsingers@hotmail.com">occamsingers@hotmail.com</a>&nbsp;or call 07748 949388 for more information. <br />
+                               The Occam Singers   is a charitable organisation and we donate all our performance fees to our   selected charity for the year after our basic expenses have been covered.<br />
+                               <br />
+                               You would be most   welcome to come along to one of our regular rehearsals to hear and meet us –   please call to arrange this.<br />
+                               We can provide:</p>
+                        <ul type="disc">
+                          <li>A choir of 16-20 singers,        plus organist/music director </li>
+                          <li>A wealth of experience in        choosing and performing music </li>
+                          <li>A large and flexible music        repertoire; traditional and contemporary</li>
+                          <li>Your choice of specially        selected choral pieces to enhance the occasion </li>
+                          <li>We are happy to help you        with your music choice if required</li>
+                          <li>A special musical        background as your guests await the arrival of the bride and during        signing the register</li>
+                          <li>Music to highlight the        arrival of the bride</li>
+                          <li>A strong lead during all        singing at the service</li>
+                          <li>A rousing finale as the        couple leave</li>
+                          <li>Acapella or accompanied        music as friends and family arrive</li>
+                          <li>After lunch/dinner musical interlude</li>
+                    </ul></td>
+                  </tr>
+                     </table>
+                             <br />
+                  <table width="845" border="0" align="center">
+                    <tr>
+                      <td width="850"><img src="../images/flowers.jpg" width="840" height="279" alt="flowers" /></td>
+                    </tr>
+                  </table>
+                  <br />
+                  <table width="845" border="0" align="center">
+                    <tr>
+                      <td width="398" class="text"><font face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">This is what some people have said about the Occam Singers:</font>
+                        <p class="text"><font size="2" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">&quot;<i> We loved EVERY minute of the singing, it's a shame that your choir couldn't see our faces because we were absolutely beaming with delight when we heard your wonderful voices. You all sounded amazing and I know that all the congregation loved it too. There is no doubt in our minds that without the Occam Singers our service would not have been as enjoyable. Please pass on our thanks to everyone who sang at the wedding and made it such a special day for us</i>.&quot;</font></p>
+                      <p class="text"><font size="2" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">&quot;</font><font size="2" face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif"> <i>The choir were just fantastic. It was so atmospheric in the lovely little Saxon church with the purity of the unaccompanied singing making the hairs stand up on the back of my neck. Everyone was so complementary, it really made the wedding service memorable and a truly uplifting experience. Thank &nbsp;you so much.&quot;</i></font></p></td>
+                    </tr>
+                  </table></td>
+                           <td bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+                         <tr>
+                           <td width="40" height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                           <td height="40" bgcolor="#FFFFFF">&nbsp;</td>
+                     </tr>
+    </table>
+                       <p></p>
+</body>
+
+</html>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tags/booking.png b/tags/booking.png
new file mode 100644 (file)
index 0000000..ea110f3
Binary files /dev/null and b/tags/booking.png differ
diff --git a/tags/choir.png b/tags/choir.png
new file mode 100644 (file)
index 0000000..b66a2b9
Binary files /dev/null and b/tags/choir.png differ
diff --git a/tags/concerts.png b/tags/concerts.png
new file mode 100644 (file)
index 0000000..9116c38
Binary files /dev/null and b/tags/concerts.png differ
diff --git a/tags/contact.png b/tags/contact.png
new file mode 100644 (file)
index 0000000..2f699d4
Binary files /dev/null and b/tags/contact.png differ
diff --git a/tags/header_blue.jpg b/tags/header_blue.jpg
new file mode 100644 (file)
index 0000000..4ca5260
Binary files /dev/null and b/tags/header_blue.jpg differ
diff --git a/tags/hire.png b/tags/hire.png
new file mode 100644 (file)
index 0000000..3c9f1c2
Binary files /dev/null and b/tags/hire.png differ
diff --git a/tags/home.png b/tags/home.png
new file mode 100644 (file)
index 0000000..056df48
Binary files /dev/null and b/tags/home.png differ
diff --git a/tags/join.png b/tags/join.png
new file mode 100644 (file)
index 0000000..a007872
Binary files /dev/null and b/tags/join.png differ
diff --git a/tags/spacer.png b/tags/spacer.png
new file mode 100644 (file)
index 0000000..b1c41dc
Binary files /dev/null and b/tags/spacer.png differ