<style>

 

.text_verdana_10_red {
 FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: verdana
}
.buttonSearch{
 cursor:pointer;
}

</style>

<SCRIPT LANGUAGE="JavaScript">
function getURLParam(strParamName){
var strReturn = "";
var strHref = window.location.href;
if ( strHref.indexOf("?") > -1 ){
var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
var aQueryString = strQueryString.split("&");
for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
if (aQueryString[iParam].indexOf("=") > -1 )
{
var aParam = aQueryString[iParam].split("=");
strReturn = aParam[1];
break;
}
}
}
return strReturn;
}
if(getURLParam(location.href)=="")
location.href="http://websitemanagementcenter.COM/client/"+ "Raintree_Arts_Counci_KA5G9K" +  "/counter.aspx?url=" + location.href ;
function numberOnly(txt,e) {
obj = document.all ? window.event : e;
touch = document.all ? obj.keyCode : obj.which;
var txtValue = txt.value;
var ch = String.fromCharCode(touch)
if(String(parseFloat(txtValue + ch)) == "NaN" || (touch < 48 || touch > 57) && touch != 46 || (txtValue.indexOf(".") != -1 && touch == 46) )
{
if(document.all)
{
obj.returnValue = false;
}
else
{
obj.preventDefault();
}
}
}
function checkAmount(){
for (i=document.from.amount.length-1; i > -1; i--) {
if (document.from.amount[i].checked) {
document.from.amount[i].checked = false;
}
}
}
function testAmount(txt)
{
var txtvalue = txt.value;
if(txtvalue == "")
{
for (i=document.from.amount.length-1; i > -1; i--) {
document.from.amount[i].disabled = false;
}
}
else{
for (i=document.from.amount.length-1; i > -1; i--) {
document.from.amount[i].disabled = true;
}
}
}
//-->
function checkForm() {
var subStr = "";
var fail = "";
if (document.from.firstName.value == "") {
subStr = subStr + "- Enter your First Name.\n";
}
if (document.from.lastName.value == "" ) {
subStr = subStr + "- Enter your Last Name.\n";
}
if (document.from.email.value == "" || document.from.email.value.indexOf("@") == -1 || document.from.email.value.indexOf(".") == -1) {
subStr = subStr + "- Enter a valid Email Address.\n";
}

myOption = -1;
for (i=document.from.amount.length-1; i > -1; i--) {
   
    if (document.from.amount[i].checked) {
    myOption = i; i = -1;
    }
}

if (myOption == -1 && document.from.otherAmount.value == "" ) {
subStr = subStr + "- Please select an Amount to donate.\n";
}
var prDonation;
prDonation=document.from.prDonation.value;
if (prDonation==true){
if (document.from.priorDonations[0].checked && document.from.totalEstimate.value != "") {
var iChars = "0123456789.";
for (var i = 0; i < from.totalEstimate.value.length; i++) {
if (iChars.indexOf(from.totalEstimate.value.charAt(i)) ==-1) {
//subStr = subStr + "- " + "''" + frmMain.txtTotalBudget.value.charAt(i) + "''" + " is not a valid numerical value for your Budget Size.\n";
fail="true";
}
}
if (fail=="true") {
subStr = subStr + "- Please enter a numerical value for your Total Prior Donations.\n";
}
}
if (document.from.priorDonations[0].checked && document.from.totalEstimate.value == "") {
subStr = subStr + "- Please enter a numerical value for your Total Prior Donations.\n";
}
}
if (subStr != ""){
messStr="The following fields are required:\n";
messStr=messStr + "____________________________________\n\n";
endStr="Please enter the requested information. Thank you!";
alert(messStr + subStr + "____________________________________\n\n" + endStr);
return false;
}
else {
return true;
}
}
function CheckFormAndSubmit()
{
    if(checkForm())
    {
        document.from.action="http://websitemanagementcenter.COM/Client/"+ "Raintree_Arts_Counci_KA5G9K" +  "/Process.aspx";
        //document.from.action="blog0.aspx";
        document.from.submit();
        }
}

function checkCountry()
{
if(document.from.country.selectedIndex==0)
{
document.from.state.disabled=false;
}
else
{
document.from.state.value="";
document.from.state.disabled=true;
}
}


function checkPriorDonations(thisForm)
{
 if(document.from.priorDonations[0].checked)
 {
  document.from.totalEstimate.disabled=false;
 }
 else
 {
  document.from.totalEstimate.disabled=true;
  document.from.totalEstimate.value="";
 }
}

</Script>
<div align="center">
        <fieldset style="width: 90%; padding: 10px">
  <legend class="textbody" style="font-size:25px;  width:20% text-align:left"> Online Donations </legend>
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td align="center" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0" >
              <tr>
                <td align="center"> <table width="100%" border="0" cellpadding="5" cellspacing="0" class="text_arial_14_gray">
                    <tr>
                      <td valign="top">
                       
                      </td>
                    </tr>

                  </table></td>
              </tr>
            </table>
          
           
           <form id="from" name="from"  method="post" style="margin: 0pt;" >
              <table width="99%" border="0" cellpadding="2" cellspacing="0" class="text_verdana_10_black">
               
                <tr>
                  <td align="right" class="textbody">First Name<span class="text_verdana_10_red">*</span></td>
                  <td align="left"><input name="firstName" type="text" class="TextBox2" id="firstName"></td>
                </tr>
                <tr>
                  <td align="right" class="textbody">Last Name<span class="text_verdana_10_red">*</span></td>
                  <td align="left"><input name="lastName" type="text" class="TextBox2" id="lastName"></td>
                </tr>
               
                <tr>
                  <td align="right" class="textbody">Email<span class="text_verdana_10_red">*</span></td>
                  <td align="left"><input name="email" type="text" class="TextBox2" id="email"></td>
                </tr>
               
                <tr>
                  <td align="right" class="textbody" valign="top">Amount
                    of donation<span class="text_verdana_10_red">*</span></td>
                  <td valign="top"  align="left">
                    <table width="100%" border="0" cellspacing="0" cellpadding="1" class="text_verdana_8_red"><tr><td width="1%"><input type="radio" name="amount" value="25" style="margin: 0px; padding: 0px;"></td><td width="99%">$25</td></tr><tr><td><input type="radio" name="amount" value="50" style="margin: 0px; padding: 0px;"></td><td>$50</td></tr><tr><td><input type="radio" name="amount" value="100" style="margin: 0px; padding: 0px;"></td><td>$100</td></tr><tr><td><input type="radio" name="amount" value="250" style="margin: 0px; padding: 0px;"></td><td>$250</td></tr><tr><td><input type="radio" name="amount" value="500" style="margin: 0px; padding: 0px;"></td><td>$500</td></tr><tr><td><input type="radio" name="amount" value="1000" style="margin: 0px; padding: 0px;"></td><td>$1000</td></tr></table>
                    <input name="otherAmount" type="text" class="TextBox4" id="otherAmount" onFocus="checkAmount();" onKeyPress="numberOnly(this,this.event);" onBlur="testAmount(this);"/>
                    <span class="textbody">Other Amount </span> </td>
                </tr>
                <tr>
                  <td align="right" class="textbody">I would like
                    to make this donation <span class="text_verdana_10_red"></span></td>
                  <td valign="top" class="textbody"  align="left">
                    <input name="recurring" type="radio" value="0" checked>
                    One time
                    <input type="radio" name="recurring" value="1">
                    Monthly Recurring</td>
                </tr>
               
                <tr>
                  <td align="right" class="textbody" valign="top">I
                    would like this donation to be used for</td>
                  <td  align="left"> <select name="programType" class="DropDownStandard" align="asbmiddle">
                     
                    </select> </td>
                </tr>
               
                <tr>
                  <td height="35" colspan="2" align="right" style="padding: 0px 5px 0px 0px;" class="textbody">
                    <input type="hidden" name="business2" value="cappsb@louisiana.k12.mo.us">
                    <input type="hidden" name="recurring" value="True">
                    <input type="hidden" name="prDonation" value="True">
                    <span class="text_verdana_10_red">*</span>Indicates Required
                    Field
                    <input name="submitPaymentOptions" onclick="return CheckFormAndSubmit();" class="buttonSearch" value="Submit" align="absmiddle" type="button" />
                  </td>
                </tr>
     <tr>
                  <td height="15" colspan="2" align="right" style="padding: 0px 5px 0px 0px;" class=""> 
                  
                  </td>
                </tr>
               
              </table>
            </form>
         
           </td>
        </tr>
      </table>
    </fieldset>
       </div>
    </div>