body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#header { min-height: auto; }

#headerLogo {
	float: none;
	padding: 30px 0;
	margin: 0 auto;
	width: 250px;
}
	#headerLogo img { width: 250px; height: auto; }

#wrapNav {
	display: none;
}
	

#wrapContentOuter,#wrapContentInner { background: #fcf4e0; }


#wrapContentInner #contentPrimary {
	float: none;
	width: 550px;
	padding: 0;
	margin: 0 auto;
}

#contentSecondary { display: none; }

.DonationFormTable { width: 100%; }

.DonationCaptureFormTable td.BBListingHeading { padding:0; }
.BBListingHeading span {
	display: block;
	border-bottom: 4px solid #ffc222;
	color: #3b2360;
	padding: 0 0 5px 0;
	margin: 20px 0 20px 0;
}

.DonationCaptureFormTable td { padding: 5px; vertical-align: top;  }

.DonationCaptureFormTable td.DonationCaptureFieldCaption {
	padding: 10px 10px 10px 0;
}
.DonationCaptureFormTable td.DonationCaptureFieldControlCell {
	padding: 10px 0 10px 10px;
}

.DonationSelectList {
	max-width: 200px;
}


.DonationSubmitButton, .PaymentPartSubmitButton {
	appearance: none;
	-webkit-appearance: none;
	background: #31b27d;
	color: white;
	border: 0;
	font-size: 21px;
	font-weight: bold;
	padding: 10px 15px;
	margin: 20px auto 0 auto;
	border-radius: 5px;
	cursor: pointer;
	outline: none;
	width: auto !important;
}

.DonationSubmitButton:hover, .PaymentPartSubmitButton:hover {
	background: #00854f;
}

.DonationSubmitButton:active, .PaymentPartSubmitButton:active {
	box-shadow: inset 0 0 0 5px rgba(255,255,255,0.2);
}

*.BBFieldCheckboxCaption { white-space: normal; }
*.BBFieldControlCell { padding: 5px; }


.PaymentPartGrid_Header th { color: white; }


#PC2352_ddlDesignations {
	max-width: 300px;
}



@media (max-width: 767px){
	#wrapNav .gutter { margin: 0 1rem; max-width: 250px; }
	#header { width: auto; }
	#wrapContentInner { width: auto; }
	#wrapContentInner .bodyGutter { padding: 1rem; }
	#wrapContentInner #contentPrimary { width: auto; }
	#contentPrimary .gutter { padding:0; }
	.DonationFormTable { width: 200px; }
	#wrapFooter { width: auto; }
	*.bodyGutter { width: auto; }
	#wrapFooterMenu .bodyGutter { width: auto; }
}