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

body {
	position:relative;
	color:#000;
	font-size:16px;
	line-height:24px;
	font-family:Helvetica, Arial, sans-serif;
	background:#c9c4a5;
}

#wrapper {
	padding:0 0 20px 0;
	margin:0 auto 40px auto;
	width:966px;
	min-height:600px;
	background:#fff;
	
	-moz-box-shadow:    2px 2px 2px #000;
	-webkit-box-shadow: 2px 2px 2px #000;
	box-shadow:         2px 2px 2px #000;
}
	
	@media (max-width:996px) {
		#wrapper {
			padding:0;
			margin:0;
			width:100%;
			border:none;
		}
	}

#header {
	position: relative;
	z-index: 0;

	padding:0;
	margin:0 auto;
	width:966px;
	height:186px;
	background:url(../_img/header.png) 0 0 no-repeat;
}

#donate-header {
	position: relative;
	z-index: 0;

	padding:0;
	margin:0 auto;
	width:966px;
	height:186px;
	background:url(../_img/donate-header.png) 0 0 no-repeat;
}
	.ribbon-left, .ribbon-right { position: absolute; top: 0; }
	.ribbon-left { left: -113px; }
	.ribbon-right { right: -114px; }
	
	@media (min-width:768px) and (max-width:996px) {
		#header {
			margin:0;
			width:100%;
			height:148px;
			background:url(../_img/header-768.png) 50% 0 no-repeat;
		}
		#donate-header {
			margin:0;
			width:100%;
			height:148px;
			background:url(../_img/donate-header-768.png) 50% 0 no-repeat;
		}
		.ribbon-left { display: none; }
		.ribbon-right { display: none; }
	}
	@media (min-width:480px) and (max-width:768px) {
		#header {
			margin:0;
			width:100%;
			height:98px;
			background:url(../_img/header-480.png) 50% 0 no-repeat;
		}
		#donate-header {
			margin:0;
			width:100%;
			height:98px;
			background:url(../_img/donate-header-480.png) 50% 0 no-repeat;
		}
		.ribbon-left { display: none; }
		.ribbon-right { display: none; }
	}
	@media (max-width:480px) {
		#header {
			margin:0;
			width:100%;
			height:61px;
			background:url(../_img/header-320.png) 50% 0 no-repeat;
		}
		#donate-header {
			margin:0;
			width:100%;
			height:61px;
			background:url(../_img/donate-header-320.png) 50% 0 no-repeat;
		}
		.ribbon-left { display: none; }
		.ribbon-right { display: none; }
	}

.content {
	padding:0 40px;
	margin:0 0 20px 0;
}
.content-2col {
	float:right;
	padding:0;
	margin:0 40px 20px 0;
	width:380px;
}
.content-2col-left {
	float:left;
	padding:0;
	margin:20px 0 20px 40px;
	width:380px;
}
	
	@media (max-width:966px) {
		.content-2col, .content-2col-left {
			float:none;
			margin:0 auto;
			width:90%;
		}
	}

	ul.check {
		list-style-image:url(../_img/check.png);
	}
	
		li {
			margin-bottom:24px;
		}

	.times-square {
		float: right;

		padding: 0;
		margin: 0 0 20px 20px;
	}

		@media (max-width:480px) {
			.times-square {
				float: none;

				padding: 0;
				margin: 0;
			}
		}
		
	/* Pull Quotes */
	.pull-quote {
		width:100%;
		margin:0 auto;
		/*color:#121c57;*/
		/*border-top: 1px solid #000;*/
		font-weight: bold;
	}
		
		.pull-quote img {
			/*margin-top: 20px;*/

			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:16px;
			line-height: 24px;
			/*font-family:Times, "Times New Roman", serif;*/
		}
		.quoter { padding-left:170px; }

#form {
	float:left;
	padding:0 20px 40px 20px;
	margin:0 0 20px 40px;
	width:410px;
	background:#f5f5f5;
	border:1px solid #d2d0d0;
}

#form-petition {
	float:left;
	padding:0 20px 40px 20px;
	margin:0 0 20px 40px;
	width:410px;
	background:#f5f5f5 url("../_img/sign-here.png") 18% 98% no-repeat;
	border:1px solid #d2d0d0;
}

	#donate-form-header {
		font-size: 20px;
	}
	.form-header {
		position: relative;
		z-index: 0;

		padding:0;
		margin:-1px 0 0 -40px;
		width:490px;
		height:70px;
		color:#fff;
		font-size:24px;
		line-height:70px;
		font-weight:bold;
		text-align:center;
		
		background: #cf0002;
	}
		.chev-left, .chev-right { position: absolute; bottom: -20px; }
		.chev-left { left: 0px; }
		.chev-right { right: 0px; }

	table td {
		padding: 5px 0;
		margin: 0;
		font-size: 18px;
		line-height: 24px;
	}
	table input {
		width: 90%;
		height: 24px;
	}
	table select {
		width: 91%;
		padding: 6px;
	}

	#submit-petition {
		display:block;
		padding: 0;
		margin: 20px 0 40px 20px;
		width:252px;
		height:54px;
		text-indent:-9999px;
		background:url('../_img/add-my-name.png') top left no-repeat;
		border:none;
		cursor: pointer;
	}
	
	@media (min-width:768px) and (max-width:966px) {
		#form {
			float:none;
			padding:0 0 20px 0;
			margin:0 auto 20px auto;
			width:90%;
			overflow:hidden;

			background:#f5f5f5;
		}
		#form-petition {
			float:none;
			padding:0 0 20px 0;
			margin:0 auto 20px auto;
			width:90%;
			overflow:hidden;

			background:#f5f5f5 url("../_img/sign-here.png") 30% 99% no-repeat;
		}
		
			.form-header {
				padding:0;
				margin:0;
				width:100%;
				height:auto;
				background:#cf0002;
			}
			
			.form-wrapper {
				padding:0 20px;
				margin:0;
			}
		.chev-left { display: none; }
		.chev-right { display: none; }
	}

	@media (max-width:768px) {
		#form, #form-petition {
			float:none;
			padding:0;
			margin:0 auto 20px auto;
			width:90%;
			overflow:hidden;
			background: #f5f5f5;
		}
		.form-header {
			width:100%;
			height: auto;
			padding: 20px 0;
			margin: 0;
			font-size: 24px;
			line-height: 24px;
		}
			.form-wrapper {
				padding:0 20px;
				margin:0;
			}
		#submit-petition {
			margin: 0;
		}
		.chev-left { display: none; }
		.chev-right { 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 */
#form .k_buttonBlock {
	padding:15px 0 0 0 !important;
	margin:0 auto !important;
	width:265px !important;
	height:auto !important;
}
	#form .k_button.forward {
		display:block;
		width:265px;
		height:54px;
		text-indent:-9999px;
		background:url('../_img/complete-my-gift.png') top left no-repeat;
		border:none;
	}

	#form div.kimbiaDiv.two_col label.long, div.kimbiaDiv.two_col label.k_required.long { width: inherit !important; float: none !important; }

@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;}
}

.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;
}

/* Misc. Styles */
h1 { margin:0; font-size:28px; line-height:32px; color:#254ca1; }
h1.bumper-sticker {
	padding: 0;
	margin: 0;
	font-size: 24px;
	line-height: 70px;
	color: #cf0002;
}
.header-bumper-sticker {
	float: left;
	margin: 0 10px;
}
	@media (max-width:768px) {
		h1.bumper-sticker {
			font-size: 24px;
			line-height: 32px;
		}
		.header-bumper-sticker {
			float: none;
			margin: 0;
		}
	}

.clear { clear:both; }
.center { text-align: center; }

hr {
	padding:0;
	margin:0 24px;
	border-top:1px solid #e4ecf0;
	border-bottom:1px solid #f2f6f8;
}
		
/*** 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;
	}
}