@charset "UTF-8";
/* CSS Document */

a:link {
color:#FF7400;
}
a:hover {
color:#CC6633;
}


body {
	background-image: url(images/bkg.jpg);
	background-repeat: no-repeat;
	background-color: #E0E0E0;
	background-position: top center;
	font-family:"Gill Sans", Arial, sans-serif;
	
}
.visamastercard{
	position:absolute;
	width:250px;
	height:55px;
	background-image:url(https://www.donationpay.org/images/visamastercarddiscover.jpg);
	right: 53px;
	top: 80px;
	background-repeat:no-repeat;
}
.container{
position:absolute;
	width:100%;
	height:100px;
	left: 0px;
	top: 0px;
	}

.page{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-repeat: no-repeat;
	height: 1025px;
	position:relative;
	background-color: #FFFFFF;
	background-image: url(images/bkg2.jpg);
	}
.page_2ndlvl{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-color: #FFFFFF;
	}
	

.page_front{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-repeat: no-repeat;
	height: 1025px;
	position:relative;
	background-color: #FFFFFF;
	}

.step1{
	position:absolute;
	top:226px;
	left:49px;
	width:377px;
	height:372px;
}
.step2{
	position:absolute;
	top:226px;
	left:590px;
	width:377px;
	height:372px;
}
.bottomtext{
	position:absolute;
	top:627px;
	left:18px;
	width:563px;
}
.bottomtext_main{
	position:absolute;
	top:648px;
	left:43px;
	width:619px;
	height: 317px;
}
.submit{
	position:absolute;
	left: 630px;
	top: 932px;
}
.footer{
	width:960px;
	text-align:center;
	background-image: url(images/footerbkg.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color:#999999;
	margin-right: auto;
	margin-left: auto;
	background-position: center bottom;
	padding-bottom: 25px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #E0E0E0;
	position: relative;
}

.receipt_share{
width:250px;
float:right;
margin:15px;
}

/* input styling */

form{
	font-family: "Gill Sans", Arial, sans-serif;
	padding: 0 20px 20px 20px;
	margin-left:10px;
}

fieldset {
	margin-top: 20px;
	padding : 15px;
	border: 1px solid #B5B8C8;
	
}

legend {
	color: #15428B;
	font-weight: 900;
}

fieldset label {
	float: none;
	text-align: inherit;
	width: auto;
}

label span {
	color: #000;
}

input, select, textarea {
	display : block;
	margin-bottom: 5px;
}

.text-input {
	width: 250px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF;
}
textarea {
	width: 250px;
	height:70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	
}
.infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

span.checkbox, .checkbox {
	display: inline;
}



hr {
	clear: both;
	color: #E0E0E0;
	background-color: #E0E0E0;
	height: 5px;
	border: none;
}

.fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}
.state-input {
	width: 50px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF;
	display: inline;
}
.topbar{
width:960px;
height:218px;
}
.main_body{
}
.search{
	position:absolute;
	width: 209px;
	left: 16px;
	top: 150px;
}
.search_2nd_lvl{
	position:absolute;
	width: 209px;
	left: 720px;
	top: 150px;
}
.text-input_search {
	width: 185px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF;
	display: inline;
}
.mainbody_2ndlvl{
	background-image:url(images/aboutus.png);
	background-repeat:no-repeat;
	padding-top:100px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	}
	.moreinfo_2ndlvl{
	background-image:url(images/moreinfo.png);
	background-repeat:no-repeat;
	padding-top:100px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	}
	.mainbody_2ndlvl_contact{
	background-image:url(images/contactus.jpg);
	background-repeat:no-repeat;
	padding-top:100px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	}
	.mainbody_sampledonation{
	background-image:url(images/sampledonation.jpg);
	background-repeat:no-repeat;
	padding-top:200px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	min-height: 700px;
	}
	.mainbody_procession{
	background-image:url(procession/images/header.jpg);
	background-repeat:no-repeat;
	padding-top:200px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	min-height: 700px;
	}
	.mainbody_morningside{
	background-image:url(morningside/images/header.png);
	background-repeat:no-repeat;
	padding-top:170px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	min-height: 700px;
	}

	.mainbody_ajsmockup{
	background-image:url(ajsmockup/images/header.jpg);
	background-repeat:no-repeat;
	padding-top:200px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	min-height: 700px;
	}
	.mainbody_organizationsignup{
	background-image:url(images/organizationsignup.jpg);
	background-repeat:no-repeat;
	padding-top:200px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	min-height: 700px;
	}
	.mainbody_bizm3{
	background-image:url(bizm3/images/header.jpg);
	background-repeat:no-repeat;
	padding-top:200px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	min-height: 700px;
	}
	.mainbody_sealofjesus{
	background-image:url(sealofjesus/images/header.jpg);
	background-repeat:no-repeat;
	padding-top:200px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	min-height: 700px;
	}
	.mainbody_seasons{
	background-image:url(seasons/images/header.jpg);
	background-repeat:no-repeat;
	padding-top:200px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	min-height: 700px;
	}
	.mainbody_buttons{
	background-image:url(images/buttonsheader.jpg);
	background-repeat:no-repeat;
	padding-top:200px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	min-height: 700px;
	}
	.mainbody_saddleback{
	background-image:url(saddleback/images/header.jpg);
	background-repeat:no-repeat;
	padding-top:200px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	min-height: 700px;
	}
	.mainbody_ujp{
	background-image:url(ujp/images/header.jpg);
	background-repeat:no-repeat;
	padding-top:165px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	min-height: 700px;
	}
	.mainbody_bds{
	background-image:url(olympiabds/images/header.jpg);
	background-repeat:no-repeat;
	padding-top:260px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #846759;
	min-height: 700px;
	}
	.mainbody_mark{
	background-image:url(mark/images/header.jpg);
	background-repeat:no-repeat;
	padding-top:200px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	min-height: 700px;
	}
	.mainbody_2ndlvl_thanks{
	background-image:url(images/thanks.jpg);
	background-repeat:no-repeat;
	padding-top:100px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	height: 500px;
	}
	.mainbody_2ndlvl_citypay{
	background-image:url(images/citypay.png);
	background-repeat:no-repeat;
	padding-top:100px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	}
	.mainbody_2ndlvl_searchresults{
	background-image:url(images/searchresults.jpg);
	background-repeat:no-repeat;
	padding-top:100px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	min-height: 600px;
}
.index_city_button{
	position:absolute;
	left: 695px;
	top: 633px;
}
.get_started_button{
	position:absolute;
	left: 232px;
	top: 506px;
}

fieldset{
	padding:10px;
	border:1px solid #003366;
	margin-bottom:15px;
	width: 600px;
}

.textarea2{
background-color:#F0F0FF;
background-image: none;
border: 1px solid #006666;
margin: 4px;
padding: 6px;
}

input,textarea{
	background-color:#FFFFFF;
	background-image:url(images/shadeform.jpg);
	margin: 4px;
	font: 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
	background-repeat: repeat-y;
	color: #990000;
}
/*styles the input fields*/
/*styles the form fields*/
label{
	color:#000033;
	font-weight: bold;
}
legend{
	padding:10px;/*gives a bit of padding between the border and the test*/
	color:#003366;
	font:bold "Gill Sans",Arial,sans-serif;
}
.error{
color:#FF0000;
}
.contactus_button{
	position:absolute;
	left: 700px;
	top: 898px;
}
.pay_now{
	position:absolute;
	left: 706px;
	top: 0px;
	z-index: 1;
}
.getstarted{
	position:absolute;
	width: 460px;
	height: 90px;
	left: 50px;
	top: 281px;
	z-index:1;
}
.moreinfo_image{
	padding:15px 85px 0 85px;
	float:left;
}
.moreinfo_text{
border: #666666 solid 7px;
padding: 10px;
}

.moreinfo_2ndlvl td{
border-bottom: #737373 5px solid;
}

.required{
color: #900F0A;
}

/* Carousel */



#slider{
	background-color:#930C0A;
	width: 960px;
	height: 360px;
	padding-top:40px;
	overflow: hidden;
	position: absolute;
	margin: 0;
	background-image: url(/images/carousel/bkg.jpg);
	background-repeat: no-repeat;
}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{
	padding: 20px 60px;
	width: 820px;
	float: left;
	position: relative;
}
.slide h1						{
	font-family: Helvetica, Sans-Serif;
	font-size: 30px;
	letter-spacing: -1px;
	color: #ac0000;
	width: 400px;
}
.slide p						{
	color: #000000;
	font-size: 18px;
	line-height: 22px;
	width: 390px;
}
.slide img						{
	position: absolute;
	top: 17px;
	left: 454px;
	border:none;
	border-left: #737373 solid medium;
}
#slider-stopper					{ position: absolute; bottom: 1px; right: 29px; background: #000000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
									
