/* Template#1 CSS Document */

/*-----------------------------------------
General Styles*/
body {
	background-color: #fff;
	font-size: 0.8rem;
	/*font: 12px Arial, Helvetica, sans-serif;
	color: #111;
	margin: 0;
	padding: 0;*/
}
img {
	max-width: 100%;
	border: 0;
}
h1 {
	font: bold 20px Arial, Helvetica, sans-serif;
	margin: 0 0 15px;
	padding: 0;
}
h2 {
	font: bold 15px Arial, Helvetica, sans-serif;
	margin: 0 0 15px;
	padding: 0;
}
h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0 0 15px;
	padding: 0;
}
h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0 0 15px;
	padding: 0;
}
p {
	line-height: 1.5;
	margin: 0 0 15px;
	padding: 0;
}
a {
	color: #003388;
}
a:hover {
	color: #004dce;
}

/* input.text, textarea, select {
	font: 12px Arial, Helvetica, sans-serif;
	background: #fff url('../images/bg_input-text.gif') repeat-x top;
	border: 1px solid #ccc;
	padding: 4px 2px;
}

input.text:active, textarea:active, select:active,
input.text:focus, textarea:focus, select:focus,
input.text:hover, textarea:hover, select:hover {
	border: 1px solid #888;
	color: #000;
} */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {display:inline-block;}
.clear {display:block;}/* Hide from IE Mac \*/


/*General Styles
-----------------------------------------*/


/*-----------------------------------------
Header*/
#header_wrapper {
	width: 100%;
	background-color: #fff;
}
	#header {
		position: relative;
		/*width: 816px;||prepadding*/
		max-width: 756px;
		width: 100%;
		margin: 0 auto;
		padding: 8px 30px;
	}
		#header h1 {
			display: inline;
			margin: 0;
			padding: 0;
		}
			#header h1 .logo {
				float: left;
			}
		#header #topper_box {
			float: right;
			max-width: 200px;
			width: 100%;
			height: 100px;
			text-align: right;
		}
			#header #topper_box .donate {
				margin-top: 6px;
			}
/*Header
-----------------------------------------*/


/*-----------------------------------------
Container*/
#container_wrapper {
	width: 100%;
	background: transparent; 
}
#container_shadow {
	background: none; /*=black theme*/ 
	max-width: 854px;
	width: 100%;
	margin: 0 auto;
}
	#container {
		/*width: 816px;||prepadding*/
		max-width: 756px;
		width: calc(100% - 60px);
		background-color: #fff;
		margin: 0 auto;
		padding: 20px 30px;
	}
	/*
		#container #hero {
			width: 200px;
			float: left;
			margin: 0 15px 0 0;
		}
			#container #hero p.caption {
				font-style: italic;
				font-size: 11px;
				color: #444;
				margin: 8px 0 0;
			}
		#container .ssl {
			float: right;
		}
	*/
	/*form styles--*/
	#container #donation_form .required {
		font-weight: bold;
	}
	#container #donation_form p.instructions {
		margin-left: 30px;
	}
	#container #donation_form .custom_message {
		background-color: #f2f2f2;
		padding: 6px 8px;
		font-size: 11px;
		margin: 10px 10px 10px 140px;
	}
	#container #donation_form #start_here {
		clear: both;
		background: url('../images/bg_arrow-start.gif') no-repeat left bottom;
		padding: 20px 0 0 45px;
	}
		#container #donation_form #start_here h3 {
			margin: 0;
		}
		#container #donation_form #start_here p {
			font-size: 11px;
			margin: 0;
			padding: 0;
		}
	#container #donation_form h4.step {
		background-color: #fff1e5;
		text-transform: uppercase;
		padding: 6px 12px;
		margin: 15px 0 5px;
	}

	#container #donation_form table.data_general {
		border-collapse: collapse;
	}
		#container #donation_form table.data_general th {
			text-align: right;
			font-weight: normal;
			width: 140px;
			padding: 2px 0;
		}
			#container #donation_form table.data_general th label {
				padding-right: 5px;
			}
		#container #donation_form table.data_general td {
			text-align: left;
			padding: 2px 0;
		}
			#container #donation_form table.data_general td input.text,
			#container #donation_form table.data_general td textarea {
				width: 182px;
			}
				#container #donation_form table.data_general td input.condensed,
				#container #donation_form table.data_general td textarea.condensed {
					width: 90px;
				}
			#container #donation_form table.data_general td select {
				width: 188px;
			}
				#container #donation_form table.data_general td select.condensed {
					width: 94px;
				}
		#container #donation_form table.data_general tr.donate th,
		#container #donation_form table.data_general tr.donate td {
			padding-top: 15px;
		}

	#container #donation_form table.data_radio {
		margin-left: 140px;
	}
		#container #donation_form table.data_radio td {
			padding: 2px 20px 2px 0;
		}


	/*--form styles*/

/*Container
-----------------------------------------*/


/*-----------------------------------------
Footer*/
#footer_wrapper {
	background: #fff url('../images/bg_footer-wrapper.gif') repeat-x top;;
	width: 100%;
	height: 50px;
}
#footer {
		/*width: 816px;||prepadding*/
		max-width: 756px;
		width: calc(100% - 60px);
		background-color: #fff;
		text-align: center;
		font-size: 11px;
		color: #333;
		margin: 0 auto;
		padding: 10px 30px;
}
/*Footer
-----------------------------------------*/

/* 01-07-2021 - Ishan */
.form-control,
.form-select {
	font-size: 0.8rem;
}
.addtn-btm-border{
	border-bottom: 1px solid #ced4da;
	padding-bottom: 10px;
}