@charset "utf-8";
/*  ---------------------------------------
	
	main.css
	````````
	main stylesheets document for
	Water to Thrive | December Campaign
	
    ---------------------------------------  */


/*  ---------------------------------------
	Global Reset
	- - - - - - - - - - - - - - - - - - - -  */

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; text-decoration: none; }
		
		

/*  ---------------------------------------
	Global rules and typography
	- - - - - - - - - - - - - - - - - - - -  */
	
		body {
			background: #EFEFEF;
			font-family: Arial;
			color: #575757;
			font-size: 12px;
		}
		
		#container {
			width: 750px;
			border-right: 10px solid #fff;
			border-left: 10px solid #fff;
			background: #fff;
			margin: 0 auto;
		}
		#content {
			background: url(../images/content-bg.gif) right repeat-y;
		}
		.hidden { display: none; }
		.clear { height: 1%; clear: both; }
		.left { float: left; }
		.right { float: right; }
		
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.clearfix {display: inline-block;}
		.no-background { background: none !important; }
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */



/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */
	
		#header {
			margin-bottom: 1px;
			background: #a71e0e;
		}
			#header h1 {
				display: block;
				height: 82px;
				width: 216px;
				float: left;
				background: url(../images/header-logo.gif) no-repeat;
				text-indent: -999999px;
			}
			#header-info {
				width: 400px;
				padding-top: 10px;
				float: right;
			}
				#header-info p {
					display: block;
					line-height: 16px;
					text-align: right;
					padding-right: 10px;
				}
				#header-info p strong {
					display: block;
					text-align: right;
					font-weight: bold;
					color: #fff;
					font-size: 15px;
				}
				#header-info .email {
					display: block;
					font-size: 12px;
				}
					#header-info .email a {
						color: #f9f1f0;
						text-decoration: underline;
					}
						#header-info .email a:hover { color: #85e084; }
				#header-info .phone {
					display: block;
					padding: 8px 0 2px 0;
					font-size: 12px;
					color: #f3d8d5;
				}
					#header-info .phone em {
						font-weight: bold;
						font-style: normal;
					}



/*  ---------------------------------------
	Masthead
	- - - - - - - - - - - - - - - - - - - -  */
	
		#masthead {
			margin-bottom: 10px;
			padding-bottom: 21px;
			background: url(../images/masthead-border.gif) bottom repeat-x;
		}
			#masthead #video {
				float: left;
				width: 445px;
			}
			#masthead h2 {
				display: block;
				height: 283px;
				background: #0060AF;
				float: left;
				width: 305px;
			}
				#masthead h2 span {
					display: block;
					padding: 50px 20px 0 20px;
					color: #dcecdb;
					font-family: Georgia;
				}
					#masthead h2 span strong {
						font-weight: normal;
						font-style: italic;
						display: block;
						font-size: 22px;
						line-height: 30px;
						letter-spacing: 2px;
						padding-bottom: 65px;
					}
					#masthead h2 span a {
						display: block;
						height: 40px;
						background: url(../images/donate-now.gif) 60px top no-repeat;
						text-indent: -999999px;
					}



/*  ---------------------------------------
	Sidebar
	- - - - - - - - - - - - - - - - - - - -  */
	
		#sidebar {
			width: 295px;
			float: right;
		}
			#signup-form-box {
				padding: 10px 10px 5px 10px;
			}
				#signup-form-box form { }
					#signup-form-box form label {
						display: block;
						padding: 5px 20px;
						border-bottom: 1px solid #d2aaa6;
					}
					#signup-form-box form span {
						display: block;
						width: 80px;
						float: left;
						font-weight: bold;
						padding-top: 3px;
					}
					#signup-form-box form .text-input {
						width: 130px;
						float: left;
					}
					#signup-form-box #submit {
						margin-top: 10px;
						margin-left: 100px;
					}
			#sidebar h3 {
				display: block;
				padding-bottom: 10px;
				font-size: 18px;
				color: #0060AF;
			}
			#sidebar p {
				display: block;
				padding-bottom: 10px;
				padding-right: 20px;
				font-size: 13px;
				line-height: 18px;
			}
			
		.progress {
			padding: 0 0 20px 0 !important;
			margin: 0 10px 10px 10px;
			border-bottom: 1px solid #A71E0E;
			font-weight: bold;
			color: #0060AF;
		}
			

/*  ---------------------------------------
	Main
	- - - - - - - - - - - - - - - - - - - -  */
	
		#main {
			width: 435px;
			float: left;
			padding-bottom: 30px;
		}
			#main h3 {
				display: block;
				padding-bottom: 15px;
				font-size: 18px;
				color: #0060AF;
				padding-top: 10px;
				padding-left: 10px;
			}
			#main h3.details {
				padding-bottom: 5px;
				margin-top: 15px;
				padding-top: 15px;
				border-top: 1px solid #A71E0E;
			}
			#main h4 {
				display: block;
				padding-bottom: 10px;
				padding-top: 10px;
				padding-left: 10px;
				color: #A71E0E;
				font-size: 14px;
				font-weight: bold;
			}
			#main p {
				display: block;
				padding-bottom: 7px;
				padding-right: 40px;
				padding-left: 10px;
				font-size: 13px;
				line-height: 18px;
			}
			#main p.progress {
				font-weight: bold;
				color: #0060AF;
				margin-top: 10px;
				padding-top: 10px;
				border-top: 1px solid #ccc;
			}
			#main ul,
			#main ol {
				padding: 0 40px 7px 30px;
			}
				#main ul li,
				#main ol li { padding-bottom: 3px; }
			#main p.important {
				font-weight: bold;
				font-style: italic;
				color: #0f710c;
				padding-top: 5px;
			}
			#main p.end {
				font-size: 18px;
				padding-top: 10px;
				font-family: Georgia;
			}
			
			#jesus-birthday-present {
				padding: 15px;
				background: #117e0e;
				margin-top: 25px;
			}
				#jesus-birthday-present h3 {
					color: #eff7ee;
					padding-left: 0;
				}
				#jesus-birthday-present h4 {
					display: block;
					padding: 3px 0 5px 0;
					color: #c0e3bf;
				}
				#jesus-birthday-present p {
					color: #e8f5e8;
					padding-left: 0;
				}
					#jesus-birthday-present p.important {
						color: #fff;
						font-size: 15px;
						padding-top: 10px;
					}
				#jesus-birthday-present ul {
					display: block;
					padding: 5px 0 15px 20px;
				}
					#jesus-birthday-present ul li {
						color: #e8f5e8;
					}
					
			.slideshow {
				height: 170px;
				position: relative;
				margin-left: 10px;
			}
				.slideshow IMG {
					position:absolute;
					top:0;
					left:0;
					z-index:8;
				}
	
				.slideshow IMG.active {
					z-index:10;
				}
	
				.slideshow IMG.last-active {
					z-index:9;
				}

		p.description a {
			display: block;
			font-size: 14px;
			color: #0060AF;
			padding-top: 10px;
			font-weight: bold;
		}
			p.description a strong { text-decoration: underline; }



/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
	
		#footer {
			margin-top: 10px;
			background: #a71e0e;
			padding: 10px;
		}
			#footer #footer-main {
				display: block;
				padding-bottom: 5px;
				color: #e0bdb8;
			}
				#footer-main a {
					color: #e0bdb8;
					text-decoration: underline;
				}
					#footer-main a:hover {
						color: #fff;
					}
				#copyright {
					color: #be7f77;
				}