html, body { padding:0; margin:0; }

body {
	color:#000;
	font-size:16px;
	line-height:24px;
	font-family:Helvetica, Arial, sans-serif;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

#wrapper {
	padding:0;
	margin:20px auto 40px auto;
	width:993px;
	min-height:600px;
	background:#fff;
	border:1px solid #d3cfcf;
}

	.green-border {
		padding:0 0 20px 0;
		margin:0;
		border:1px solid #daf5da;
	}
	
	@media (max-width:993px) {
		#wrapper, .green-border {
			padding:0;
			margin:0;
			width:100%;
			border:none;
		}
	}

#header {
	padding:0;
	margin:15px 0 20px -9px;
	width:1008px;
	height:128px;
	background:url(../_img/header.png) 0 0 no-repeat;
}
	
	@media (min-width:768px) and (max-width:993px) {
		#header {
			margin:0;
			width:100%;
			background:url(../_img/header-768.jpg) 50% 0 no-repeat;
		}
	}
	@media (max-width:768px) {
		#header {
			margin:0;
			width:100%;
			height:56px;
			background:url(../_img/header-320.jpg) 50% 0 no-repeat;
		}
	}

.content {
	padding:0 20px;
	margin:0 0 10px 0;
}
	@media (max-width:480px) {
		.content {
			padding: 0 10px;
		}
	}
.content-2col {
	float:right;
	padding:0;
	margin:0 20px 20px 0;
	width:320px;
}
.content-2col-wide {
	float:right;
	padding:0;
	margin:0 20px 20px 0;
	width:480px;
}
	
	@media (max-width:993px) {
		.content-2col, .content-2col-wide {
			float:none;
			margin:0 auto;
			width:100%;
		}
	}

	div.newsletter-signup {
		padding: 10px 30px 20px 30px;
		width: 520px;
		background: #eee;
		border: 2px solid #888;
		border-radius: 15px;
	}
	@media (max-width:993px) {
		div.newsletter-signup {
			width: auto;
		}
	}

		form#newsletters input[type="checkbox"] {
			margin: 0 10px 0 0;
		}

		form#newsletters label {
			display: block;
			margin-bottom: 24px;
		}

	ul.check {
		list-style-image:url(../_img/check.png);
	}
	
		li {
			margin-bottom:24px;
		}
		
	/* Pull Quotes */
	.pull-quote {
		width:100%;
		padding: 10px 0 20px 0;
		margin:auto;
		border-top: 1px solid #000;
	}
		
		.pull-quote img {
			border-top:1px solid #c5c5c5;
			border-left:1px solid #c5c5c5;

			-moz-box-shadow:    3px 3px 5px #333;
			-webkit-box-shadow: 3px 3px 5px #333;
			box-shadow:         3px 3px 5px #333;
		}
		
			.float-right {
				float:right;
				padding: 0;
				margin: 0 0 20px 20px;
			}
			.float-left {
				float:left;
				padding: 0;
				margin: 0 20px 20px 0;
			}
		
		.quote {
			font-size:18px;
			font-family:Times, "Times New Roman", serif;
		}
		/*.quoter { padding-left:170px; }*/

		.no-border { border: none; }

#form {
	float:left;
	padding:0 20px 20px 20px;
	margin:0 20px 20px 20px;
	width:400px;
	background:#f5f5f5;
	border:1px solid #929292;
	border-radius:10px;

	-moz-box-shadow:    3px 3px 5px #333;
	-webkit-box-shadow: 3px 3px 5px #333;
	box-shadow:         3px 3px 5px #333;
}

#form2 {
	float:left;
	padding:0 20px 20px 20px;
	margin:0 20px 20px 20px;
	width:540px;
	background:#f5f5f5;
	border:1px solid #929292;
	border-radius:10px;

	-moz-box-shadow:    3px 3px 5px #333;
	-webkit-box-shadow: 3px 3px 5px #333;
	box-shadow:         3px 3px 5px #333;
}

	.form-header {
		padding:0;
		margin:10px 0 -4px -49px;
		width:444px;
		height:110px;
		color:#fff;
		font-size:32px;
		line-height:105px;
		font-weight:bold;
		text-align:center;
		background:url(../_img/header-form.png) 0 0 no-repeat;
	}
		.header-small {
			font-size: 24px;
		}

	.form-header-small {
		padding:0;
		margin:10px 0 -4px -49px;
		width:444px;
		height:80px;
		color:#fff;
		font-size:22px;
		line-height:75px;
		font-weight:bold;
		text-align:center;
		background:url(../_img/header-form-small.png) 0 0 no-repeat;
	}

	#subscribe {
		display: block;
		padding: 0;
		margin: 10px 0 0 0;
		width: 280px;
		height: 40px;
		background: url(../_img/get-my-exclusive-updates.jpg) 0 0 no-repeat;
		cursor: pointer;
		border: none;
		text-indent: -9999px;
	}
	@media (max-width:320px) {
		#subscribe {
			margin: 10px 0 0 -22px;
		}
	}
	
	@media (min-width:480px) and (max-width:993px) {
		#form, #form2 {
			float:none;
			padding:0;
			margin:0 auto;
			width:90%;
			overflow:hidden;

			-moz-box-shadow:    0 0 0 #fff;
			-webkit-box-shadow: 0 0 0 #fff;
			box-shadow:         0 0 0 #fff;
		}
		
			.form-header {
				margin:0;
				width:100%;
				height:auto;
				font-size:24px;
				background-image:none;
				background:#b1002f;
			}
			
			.form-wrapper {
				padding:0 20px;
				margin:0;
			}

			.form-header-small {
				padding:0 0 0 15px;
				margin:10px 0 -4px -49px;
				width:444px;
				height:80px;
				color:#fff;
				font-size:20px;
				line-height:75px;
				font-weight:bold;
				text-align:center;
				background:url(../_img/header-form-small.png) 0 0 no-repeat;
			}
	}
	@media (max-width:480px) {
		#form, #form2 {
			float:none;
			padding:0;
			margin:0 auto;
			width:90%;
			overflow:hidden;

			-moz-box-shadow:    0 0 0 #fff;
			-webkit-box-shadow: 0 0 0 #fff;
			box-shadow:         0 0 0 #fff;
		}
		
			.form-header {
				margin:0;
				width:100%;
				height:auto;
				font-size:24px;
				background-image:none;
				background:#b1002f;
			}
			
			.form-wrapper {
				padding:20px;
				margin:0;
			}

			.form-header-small {
				display: none;
			}
	}

/* Partner Logos */
#partner-footer {
	position:relative;
	padding:0 0 10px 0;
	margin:0;
	/*color:#0d4faf;*/
	text-align:center;
}
	.partner-logo-wrapper {
		position: relative;
		margin:0 auto;
		/*width:540px;*/
	}
	#partner-footer p { font-size: 12px; line-height: 16px; }
	#partner-footer img { margin: 0 10px; }

	@media (max-width:768px) {
		#partner-footer {
			padding: 0 0 10px 0;
		}
		.partner-logo-wrapper {
			position: relative;
			margin:0 auto;
			/*width:240px;*/
		}
		#partner-footer img { margin: 10px auto; }
	}

/* Kimbia Styles */
.k_buttonBlock {
	height:auto !important;
	margin:0 auto !important;
	padding:24px 0 0 0 !important;
	width:260px !important;
}
	.k_button.forward {
		display:block;
		width:260px;
		height:62px;
		text-indent:-9999px;
		background:url('../_img/donate-now.png') top left no-repeat;
		border:none;

		-moz-box-shadow:    3px 3px 5px #CCC;
		-webkit-box-shadow: 3px 3px 5px #CCC;
		box-shadow:         3px 3px 5px #CCC;
	}

.k_footer { text-align:center !important; }
.k_checkmarkBg {
	/*background:url(http://s3.amazonaws.com/cdn-production/widgets/form/img/k_checkMark.gif) 60px 5px no-repeat !important;*/
	background:none !important;
}

/* Formats label above field for narrow viewing windows */
@media (max-width:480px) {
	div.kimbiaDiv.two_col input.k_number, 
	div.kimbiaDiv.two_col input.k_text, 
	div.kimbiaDiv.two_col input.k_money, 
	div.kimbiaDiv.two_col select.k_select { margin-left: 0px !important;}
}

/* Misc. Styles */
h1 { line-height:1.2em; }

.clear { clear:both; }

hr {
	padding:0;
	margin:0 24px;
	border-top:1px solid #e4ecf0;
	border-bottom:1px solid #f2f6f8;
}
	@media (max-width:993px) {
		hr { display:none; }
	}

.padlock {
	height: 50px;
	padding: 0 0 0 80px;
	line-height: 50px;
	background: url(../_img/padlock.jpg) 30px 0 no-repeat;
}
	@media (min-width:480px) and (max-width:768px) {
		.padlock {
			height: 50px;
			line-height: 25px;
		}
	}
	@media (max-width:480px) {
		.padlock {
			padding: 0 0 0 50px;
			margin-bottom: 24px;
			height: 50px;
			line-height: 25px;
			font-size: 12px;
			background: url(../_img/padlock.jpg) 0 0 no-repeat;
		}
	}
		
/*** RESPONSIVE CODE ***/
/*** The only part of Twitter Bootstrap that I really want. ***/
.hidden {
	display:none;
	visibility:hidden;
}
.visible-phone {
	display:none !important;
}
.visible-tablet {
	display:none !important;
}
.hidden-desktop {
	display:none !important;
}
.visible-desktop {
	display:inherit !important;
}


@media (min-width:768px) and (max-width:960px) {
	.hidden-desktop {
		display:inherit !important;
	}
	.visible-desktop {
		display:none !important ;
	}
	.visible-tablet {
		display:inherit !important;
	}
	.hidden-tablet {
		display:none !important;
	}
}

@media (max-width:768px) {
	.hidden-desktop {
		display:inherit !important;
	}
	.visible-desktop {
		display:none !important;
	}
	.visible-phone {
		display:inherit !important;
	}
	.hidden-phone {
		display:none !important;
	}
}