1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6 <script type="text/javascript">
8 var preloadFlag = false;
9 function preloadImages() {
10 if (document.images) {
11 pre_home_over = newImage('../tags/home_over.png');
12 pre_choir_over = newImage('../tags/choir_over.png');
13 pre_concerts_over = newImage('../tags/concerts_over.png');
14 pre_join_over = newImage('../tags/join_over.png');
15 pre_booking_over = newImage('../tags/booking_over.png');
20 function MM_preloadImages() { //v3.0
21 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
22 var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
23 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
26 function MM_findObj(n, d) { //v4.01
27 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
28 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
29 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
30 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
31 if(!x && d.getElementById) x=d.getElementById(n); return x;
34 function MM_nbGroup(event, grpName) { //v6.0
35 var i,img,nbArr,args=MM_nbGroup.arguments;
36 if (event == "init" && args.length > 2) {
37 if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
38 img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
39 if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
40 nbArr[nbArr.length] = img;
41 for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
42 if (!img.MM_up) img.MM_up = img.src;
43 img.src = img.MM_dn = args[i+1];
44 nbArr[nbArr.length] = img;
46 } else if (event == "over") {
47 document.MM_nbOver = nbArr = new Array();
48 for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
49 if (!img.MM_up) img.MM_up = img.src;
50 img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
51 nbArr[nbArr.length] = img;
53 } else if (event == "out" ) {
54 for (i=0; i < document.MM_nbOver.length; i++) {
55 img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
56 } else if (event == "down") {
57 nbArr = document[grpName];
59 for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
60 document[grpName] = nbArr = new Array();
61 for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
62 if (!img.MM_up) img.MM_up = img.src;
63 img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
64 nbArr[nbArr.length] = img;
67 function MM_swapImgRestore() { //v3.0
68 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
71 function MM_swapImage() { //v3.0
72 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
73 if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
78 <style type="text/css">
81 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
89 font-family: "Myriad Pro";
94 background-color: #EEE;
95 background-image: ../backgrounds/background1.jpg;
96 background-repeat: no-repeat;
97 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
98 background-image: url(../images/back.jpg);
101 font-family: "Myriad Pro";
105 font-family: "Myriad Pro";
108 font-family: "Myriad Pro";
114 font-family: "Myriad Pro";
150 <body onLoad="preloadImages();MM_preloadImages('../tags/home_over.png','../tags/choir_over.png','../tags/concerts_over.png','../tags/contact_over.png','../tags/booking_over.png','../tags/join_over.png')" bgcolor="white">
152 <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
154 <td width="200" height="39"></td>
155 <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
157 <tr height="1" cntrlrow>
158 <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
159 <td width="1" height="1"></td>
162 <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
164 <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
167 <td><table border="0" cellpadding="0" cellspacing="0">
168 <tr bgcolor="#FFFFFF">
169 <td height="41"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','spacer','',1)" onMouseOver="MM_nbGroup('over','spacer','','',1)" onMouseOut="MM_nbGroup('out')"><img src="../tags/spacer.png" alt="" name="spacer" width="45" height="40" border="0" onload=""></a></td>
170 <td><a href="../index.html" target="_self" onMouseOver="MM_swapImage('Image9','','../tags/home_over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../tags/home.png" alt="Home" name="Image9" width="140" height="40" border="0"></a></td>
171 <td><a href="../public/about.html" target="_self" onMouseOver="MM_swapImage('Image10','','../tags/choir_over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../tags/choir.png" alt="Choir" name="Image10" width="140" height="40" border="0"></a></td>
172 <td><a href="../public/concerts.html" target="_self" onMouseOver="MM_swapImage('Image11','','../tags/concerts_over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../tags/concerts.png" alt="Concerts" name="Image11" width="140" height="40" border="0"></a></td>
173 <td><a href="../public/contact.html" target="_self" onMouseOver="MM_swapImage('Image12','','../tags/contact_over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../tags/contact.png" alt="Contact" name="Image12" width="140" height="40" border="0"></a></td>
174 <td><a href="../public/weddings.html" target="_self" onMouseOver="MM_swapImage('Image13','','../tags/hire_over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../tags/hire.png" alt="Booking" name="Image13" width="140" height="40" border="0"></a></td>
175 <td><a href="../public/join.html" target="_self" onMouseOver="MM_swapImage('Image14','','../tags/join_over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../tags/join.png" alt="Join" name="Image14" width="140" height="40" border="0"></a></td>
176 <td><img src="../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
182 <table width="930" height="409" border="0" align="center" cellpadding="0" cellspacing="0">
184 <td width="40" height="40" bgcolor="#FFFFFF"> </td>
185 <td width="850" height="40" bgcolor="#FFFFFF"> </td>
186 <td width="40" height="40" bgcolor="#FFFFFF"> </td>
189 <td width="40" height="329" bgcolor="#FFFFFF"> </td>
190 <td bgcolor="#FFFFFF"><table width="845" border="0">
192 <td width="401"><span class="text">Chairperson</span><br />
193 Stephanie Comley<br />
194 scomleyoccam@gmail.com<br />
196 <span class="text">Friends</span><br />
198 occamsingers@hotmail.com<br />
199 Tel: 01252 725369<br />
201 <span class="text">To hire us: weddings and special events</span><br />
203 occamsingers@hotmail.com<br />
204 Tel: 07748 949388<br />
206 <span class="text">Ticket Sales</span><br />
208 The Occam Singers box office<br />
209 occamsingers@hotmail.com<br />
210 Tel: 01252 783977</td>
211 <td width="434" align="left" valign="top"><p><span class="text">Musical Director</span><br />
213 <span class="text"><br />
214 Join - (Secretary)</span><br />
215 occamsingers@hotmail.com<br />
217 <span class="text">Charities</span><br />
218 occamsingers@hotmail.com<br />
220 <span class="text">Website design</span><br />
221 Anthony Cooksey<br />
222 anthony@occamsingers.co.uk<br />
226 <p><a href="http://www.occamsingers.co.uk/public/mail.html" target="_self" onmouseover="MM_swapImage('Image23','','../tags/how_over.gif',1)" onmouseout="MM_swapImgRestore()"><br />
227 Subscribe to our information and concert mailing list</a></p></td>
230 <td bgcolor="#FFFFFF"> </td>
233 <td width="40" height="40" bgcolor="#FFFFFF"> </td>
234 <td height="40" bgcolor="#FFFFFF"> </td>
235 <td height="40" bgcolor="#FFFFFF"> </td>