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" />
5 <title>Mailing List</title>
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: Trebuchet MS, Arial, Helvetica, sans-serif;
94 background-color: #EEE;
95 background-image: ../backgrounds/background1.jpg;
96 background-repeat: no-repeat;
97 background-image: url(../images/back.jpg);
103 <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">
105 <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
107 <td width="200" height="39"></td>
108 <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
110 <tr height="1" cntrlrow>
111 <td width="200" height="1"><spacer type="block" width="200" height="1"></td>
112 <td width="1" height="1"></td>
115 <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
117 <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
120 <td><table border="0" cellpadding="0" cellspacing="0">
121 <tr bgcolor="#FFFFFF">
122 <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>
123 <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>
124 <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>
125 <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>
126 <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>
127 <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>
128 <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>
129 <td><img src="../tags/spacer.png" width="45" height="40" alt="Spacer"></td>
134 <table width="930" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="white" cool gridx="16" gridy="16" height="1121" showgridx showgridy>
136 <td width="931" height="40" colspan="3" valign="top" align="left" xpos="0"> </td>
139 <td width="48" height="1040"><spacer type="block" width="48" height="1040"></td>
140 <td width="882" height="1040" valign="top" align="left" xpos="48">
141 <table width="833" border="0" cellspacing="0" cellpadding="0" bgcolor="#f0f0e7" cool gridx="16" gridy="16" height="992" showgridx showgridy usegridx usegridy>
143 <td width="832" height="32" colspan="3"><spacer type="block" width="832" height="32"></td>
144 <td width="1" height="32"><spacer type="block" width="1" height="32"></td>
147 <td width="111" height="959"><spacer type="block" width="111" height="959"></td>
148 <td content csheight="864" width="623" height="959" valign="top" xpos="111">
149 <div id="mc_embed_signup">
150 <form action="http://occamsingers.us1.list-manage.com/subscribe/post?u=48e00aeb1e92eb5d33400f125&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;">
151 <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;">
152 <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>
153 <div class="indicate-required" style="text-align: right;font-style: italic;overflow: hidden;color: #333333;margin: 0 9% 0 0;">
154 * indicates required</div>
155 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
156 <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>
157 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
158 <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>
159 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
160 <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>
161 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
162 <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>
163 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
164 <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>
165 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
166 <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>
167 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
168 <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>
169 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
170 <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>
171 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
172 <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>
173 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
174 <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>
175 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
176 <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>
177 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
178 <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>
179 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
180 <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>
181 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
182 <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>
183 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
184 <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;">
185 <option value="Individual (Free)">Individual (Free)</option>
186 <option value="Member">Member</option>
187 <option value="Patron">Patron</option>
188 <option value="Gold Star">Gold Star</option>
189 <option value="Honorary">Honorary</option>
190 <option value="Test">Test</option>
192 <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
193 <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>
194 <div class="input-group" style="padding: .7em .7em .7em 0;font-size: .9em;margin: 0 0 1em 0;">
195 <ul style="margin: 0;padding: 0;">
196 <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>
197 <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>
198 <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>
202 <div id="mce-responses" style="float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;">
203 <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>
204 <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>
207 <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>
212 <td width="98" height="959"><spacer type="block" width="98" height="959"></td>
213 <td width="1" height="959"><spacer type="block" width="1" height="959"></td>
215 <tr height="1" cntrlrow>
216 <td width="111" height="1"><spacer type="block" width="111" height="1"></td>
217 <td width="623" height="1"><spacer type="block" width="623" height="1"></td>
218 <td width="98" height="1"><spacer type="block" width="98" height="1"></td>
219 <td width="1" height="1"><spacer type="block" width="1" height="1"></td>
223 <td width="1" height="1040"><spacer type="block" width="1" height="1040"></td>
225 <tr height="1" cntrlrow>
226 <td width="48" height="1"><spacer type="block" width="48" height="1"></td>
227 <td width="882" height="1"><spacer type="block" width="882" height="1"></td>
228 <td width="1" height="1"><spacer type="block" width="1" height="1"></td>