public/mail.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   5 <title>Mailing List</title>
   6 <script type="text/javascript">
   7 <!--
   8 var preloadFlag = false;
   9 function preloadImages() {
  10         if (document.images) {
  11                 pre_home_over = newImage('../tags/home_over.png');
  12                 pre_choir_over = newImage('../tags/choir_over.png');
  13                 pre_concerts_over = newImage('../tags/concerts_over.png');
  14                 pre_join_over = newImage('../tags/join_over.png');
  15                 pre_booking_over = newImage('../tags/booking_over.png');
  16                 preloadFlag = true;
  17         }
  18 }
  19
  20 function MM_preloadImages() { //v3.0
  21   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  22     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  23     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  24 }
  25
  26 function MM_findObj(n, d) { //v4.01
  27   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  28     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  29   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  30   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  31   if(!x && d.getElementById) x=d.getElementById(n); return x;
  32 }
  33
  34 function MM_nbGroup(event, grpName) { //v6.0
  35   var i,img,nbArr,args=MM_nbGroup.arguments;
  36   if (event == "init" && args.length > 2) {
  37     if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
  38       img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
  39       if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
  40       nbArr[nbArr.length] = img;
  41       for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
  42         if (!img.MM_up) img.MM_up = img.src;
  43         img.src = img.MM_dn = args[i+1];
  44         nbArr[nbArr.length] = img;
  45     } }
  46   } else if (event == "over") {
  47     document.MM_nbOver = nbArr = new Array();
  48     for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
  49       if (!img.MM_up) img.MM_up = img.src;
  50       img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
  51       nbArr[nbArr.length] = img;
  52     }
  53   } else if (event == "out" ) {
  54     for (i=0; i < document.MM_nbOver.length; i++) {
  55       img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  56   } else if (event == "down") {
  57     nbArr = document[grpName];
  58     if (nbArr)
  59       for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
  60     document[grpName] = nbArr = new Array();
  61     for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
  62       if (!img.MM_up) img.MM_up = img.src;
  63       img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
  64       nbArr[nbArr.length] = img;
  65   } }
  66 }
  67 function MM_swapImgRestore() { //v3.0
  68   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  69 }
  70
  71 function MM_swapImage() { //v3.0
  72   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  73    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  74 }
  75 //-->
  76             </script>
  77                 </csactiondict>
  78                 <style type="text/css">
  79 <!--
  80 .text {
  81         font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  82 }
  83 .text {
  84         color: #000F55;
  85         font-size: xx-small;
  86         text-align: right;
  87 }
  88 body,td,th {
  89         font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  90         font-size: 10px;
  91         color: #000;
  92 }
  93 body {
  94         background-color: #EEE;
  95         background-image: ../backgrounds/background1.jpg;
  96         background-repeat: no-repeat;
  97         background-image: url(../images/back.jpg);
  98 }
  99 -->
 100                 </style>
 101         </head>
 102
 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">
 104 <div align="center">
 105                                 <table width="201" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="40" showgridx showgridy usegridx usegridy>
 106                                         <tr height="39">
 107                                                 <td width="200" height="39"></td>
 108                                                 <td width="1" height="39"><spacer type="block" width="1" height="39"></td>
 109                                         </tr>
 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>
 113                                         </tr>
 114                                 </table>
 115                                 <table width="930" border="0" align="center" cellpadding="0" cellspacing="0">
 116                                   <tr>
 117                                     <td align="center" valign="middle" bgcolor="#1252A0"><img src="../tags/header_blue.jpg" alt="" width="282" height="112" border="0"></td>
 118                               </tr>
 119                                   <tr>
 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>
 130                                   </tr>
 131                                       </table></td>
 132                               </tr>
 133   </table>
 134                                 <table width="930" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="white" cool gridx="16" gridy="16" height="1121" showgridx showgridy>
 135                                   <tr height="40">
 136                                                 <td width="931" height="40" colspan="3" valign="top" align="left" xpos="0">&nbsp;</td>
 137                                         </tr>
 138                                         <tr height="1040">
 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>
 142                                                                 <tr height="32">
 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>
 145                                                                 </tr>
 146                                                                 <tr height="959">
 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&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;">
 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>
 191                                                                                                                 </select></div>
 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>
 199                                                                                                                         </ul>
 200                                                                                                                 </div>
 201                                                                                                         </div>
 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>
 205                                                                                                         </div>
 206                                                                                                         <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>
 208                                                                                                 </fieldset>
 209                                                                                         </form>
 210                                                                                 </div>
 211                                                                         </td>
 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>
 214                                                                 </tr>
 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>
 220                                                                 </tr>
 221                                                         </table>
 222                               </td>
 223                                                 <td width="1" height="1040"><spacer type="block" width="1" height="1040"></td>
 224                                         </tr>
 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>
 229                                         </tr>
 230           </table>
 231                         </div>
 232                         <p></p>
 233                 </body>
 234
 235 </html>
 236 </div>
 237
 238
 239
 240
 241
 242
 243
 244
 245
 246
 247
 248
 249
 250
 251