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


/*  ---------------------------------------
	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; }

		ul { list-style: none; }
		

/*  ---------------------------------------
	Global rules and typography
	- - - - - - - - - - - - - - - - - - - -  */
	
		body {
			background: #fff url(../images/bg_body.jpg) no-repeat top center;
			color: #2B3036;
			font-family: Arial, sans-serif;
			margin: 0 auto;
			text-align: center;
		}
		
		#bg-left {
			width: 100%;
			height: 127px;
			overflow: hidden;
			margin: 0 0 -127px -50%;
			background: url(../images/bg_body_left.jpg) repeat-x 0 0;
		}
		
		.container {
			width: 990px;
			margin: 0 auto;
			background: url(../images/bg_circle.jpg) no-repeat top center;
			min-height: 514px;
			height: auto !important; /* "Min-Height Fast Hack" by Dustin Diaz */
		  height: 514px; /* for IE 6 */
		}
		
		.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 */
		
		#skip {
			display: block;
			text-indent: -9999px;
			position: absolute;
			overflow: hidden; /* bug fix for IE 7 */
		}

		a {
			background-color: transparent;
			color: #5F708F;
			text-decoration: none;
		}		
			a:hover {
				background-color: transparent;
				color: #2B3036;
				text-decoration: underline;
			}
			
		.framed {
			padding: 4px;
			border: 1px solid #D7DFE8;
		}
		.alignright, .imgright {
			float: right;
			padding: 4px;
			border: 1px solid #D7DFE8;
			margin-left: 15px;
			margin-bottom: 15px;
		}			
		.alignleft, .imgleft {
			float: left;
			padding: 4px;
			border: 1px solid #D7DFE8;
			margin-right: 15px;
			margin-bottom: 15px;
		}
		.marginright {
			margin-right: 5px;
		}
		
		table {
			border-collapse: collapse;
			margin-bottom: 1em;
			border-left: 1px solid #ccc;
			border-top: 1px solid #ccc;
		}
			td {
				padding: 5px 10px;
				margin-right: 20px;
				margin-bottom: 20px;
				border-right: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
			}
			tr.odd td {
				background-color: #e8e8e8;
			}
		
		.wai {
			display: block;
			text-indent: -9999px;
			position: absolute;
			overflow: hidden; /* bug fix for IE 7 */
			width: 0;
			height: 0;
		}


/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */
	
		#header {
			position: relative;
			height: 182px;
		}

			#header h1 {
				width: 299px;
				height: 82px;
				text-indent: -999em;
				background: url(../images/logo_w2t.gif) top left no-repeat;
				position: absolute;
				top: 45px;
				left: 0;
			}
				#header h1 a {
					display: block;
					width: 299px;
					height: 82px;
					background: url(../images/logo_w2t.gif) top left no-repeat;
				}
				
#walk-for-water,
#facebook,
#twitter {
	position: absolute;
	top: 31px;
	height: 41px;
}
	#walk-for-water {
		left: 325px;
		background: url(../images/icon_walk_for_water.gif) no-repeat top left;
	}
	#facebook {
		left: 470px;
		background: url(../images/facebook.png) 0 6px no-repeat;
	}
	#twitter {
		left: 690px;
		background: url(../images/twitter.png) 0 6px no-repeat;
	}
#walk-for-water a,
#facebook a,
#twitter a {
	display: block;
	margin-top: 12px;
	padding-right: 19px;
	outline: none;
	background: transparent url(../images/icon_arrow_right.gif) no-repeat top right;
	color: #635B45;
	font-size: 11px;
	font-weight: bold;
}
	#walk-for-water a {
		padding-left: 27px;
	}
	#facebook a,
	#twitter a {
		padding-left: 32px;
	}
			
				/* primary navigation */				
				#nav-primary {
					position: absolute;
					top: 72px;
					left: 322px;
				}
					#nav-primary ul {
						float: left;
						/*
						background: url(../images/icon_canister_nav.gif) no-repeat 0 16px;
						padding-left: 32px;
						*/
					}
					#nav-primary li {
	display: inline;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	margin-top: 17px;
	margin-left: 12px;
	padding-left: 18px;
	background: url(../images/icon_bullet_nav_primary.gif) no-repeat 0 11px;
					}
						#nav-primary li a {
							background-color: transparent;
							color: #CBC6B8;
							text-decoration: none;
						}
						#nav-primary li a:hover {
							background-color: transparent;
							color: #fff;
							text-decoration: underline;
						}
						body.pageid-2 #nav-01 a, body.parent-pageid-2 #nav-01 a, 
						body.pageid-7 #nav-02 a, body.parent-pageid-7 #nav-02 a, 
						body.pageid-11 #nav-03 a, body.parent-pageid-11 #nav-03 a, 
						body.pageid-13 #nav-04 a, body.parent-pageid-13 #nav-04 a, 
						body.pageid-15 #nav-05 a, body.parent-pageid-15 #nav-05 a, 
						body.pageid-17 #nav-06 a, body.parent-pageid-17 #nav-06 a, 
						body.pageid-19 #nav-07 a, body.parent-pageid-19 #nav-07 a, 
						body.blog #nav-08 a, body.single #nav-08 a, 
						body.pageid-23 #nav-09 a, body.parent-pageid-23 #nav-09 a, 
						body.pageid-25 #nav-10 a, body.parent-pageid-25 #nav-10 a, 
						body.pageid-27 #nav-11 a, body.parent-pageid-27 #nav-11 a {
							background-color: transparent;
							color: #fff;
						}
						#nav-primary li.first {
							margin-left: 0;
							padding-left: 0;
							background-image: none;
						}
			
				/* secondary navigation */				
				#nav-secondary {
					position: absolute;
					top: 127px;
					left: 322px;
				}
					#nav-secondary ul {
						float: left;
					}
					#nav-secondary li {
						display: inline;
						float: left;
						font-size: 13px;
						font-weight: bold;
						margin-top: 20px;
						margin-left: 13px;
						padding-left: 18px;
						background: url(../images/icon_bullet_nav_secondary.gif) no-repeat 0 6px;
					}
						#nav-secondary li a {
							background-color: transparent;
							color: #C9D9F2;
							text-decoration: none;
						}
						#nav-secondary li a:hover {
							background-color: transparent;
							color: #fff;
							text-decoration: underline;
						}
						#nav-secondary li.current_page_item a, 
						#nav-secondary li.current_page_parent a, 
						#nav-secondary li.current_page_ancestor a {
							background-color: transparent;
							color: #fff;
						}
						#nav-secondary li.first {
							margin-left: 0;
							padding-left: 0;
							background-image: none;
						}


/*  ---------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - -  */
	
		#content {
	width: 990px;
	text-align: left;
	font-size: 13px;
	overflow: hidden;
		}


/*  ---------------------------------------
	Main
	- - - - - - - - - - - - - - - - - - - -  */
	
		#main {
			float: right;
			width: 690px;
		}
		
			#main-title {
	padding-left: 20px;
	height: 90px;
			}
			
				#main-title h2 {
	padding-top: 20px;
	margin-bottom: 0;
	font-size: 27px;
	background-color: transparent;
	color: #627CAC;
				}
					#main-title h2 strong {
						background-color: transparent;
						color: #605842;
					}

				/* breadcrumb nav */
				#breadcrumb {
	font-size: 11px;
	background-color: transparent;
	color: #3C577D;
	margin-top: 3px;
				}
				#breadcrumb a {
					background-color: transparent;
					color: #2B3036;
					text-decoration: underline;
				}				
				#breadcrumb a:hover {
					background-color: transparent;
					color: #3C577D;
					text-decoration: underline;
				}
			
			#main-body {
	padding-top: 1.5em;
	padding-left: 23px;
	background: url(../images/bg_main_body.gif) no-repeat top left;
	line-height: 1.5em;
	width: 600px;
	margin-bottom: 20px;
			}

			#main h3 {
				font-size: 16px;
				padding-top: 9px;
				margin-bottom: 14px;
				color: #605842;
			}
			#main h4 {
				font-size: 14px;
				padding-top: 9px;
				margin-bottom: 7px;
				color: #627CAC;
			}

			#main p {
	margin-bottom: 1em;
			}
			#main p.lead {
				background-color: transparent;
				color: #627CAC;
				font-weight: bold;
				font-size: 16px;
				line-height: 1.5em;
			}
			
			#main blockquote {
				background-color: transparent;
				color: #627CAC;
				font-weight: bold;
				font-size: 16px;
				line-height: 1.5em;
				border-top: 1px solid #E4E8EE;
				border-bottom: 1px solid #E4E8EE;
				margin: 1.5em 60px;
				padding: 1em 0;
				text-align: center;
			}
			
			#main strong {
				background-color: transparent;
				color: #3B627B;
			}
			
			#main em {
				background-color: transparent;
				color: #3B627B;
			}

			#main a {
				text-decoration: underline;
			}
#main h3.product-title {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6882AC;
}
			
			#main-body ul li {
				line-height: 18px;
				margin-bottom: 7px;
				padding-left: 25px;
				margin-left: 12px;
				background: url(../images/icon_canister_bullet.gif) no-repeat top left;
			}
				#main-body #slideshow {
					margin-bottom: 1.5em !important;
				}
					#main-body #slideshow ul li {
						margin: 0;
						padding: 0;
						background-image: none;
					}
			
			#main-body ol li {
				margin-bottom: 7px;
				margin-left: 37px;
			}
			
			/* project list */
			#main #project-list .project-intro {
				margin-bottom: .5em;
			}
				#main #project-list h3 {
					font-size: 16px;
					padding-top: 0;
					margin-bottom: 5px;
				}
				#main #project-list p {
					margin-bottom: .5em;
				}
				
			#main .callout {
				float: right;
				width: 280px;
				background: transparent url(../images/icon_quotes.png) no-repeat top left;
				color: #627CAC;
				font-weight: bold;
				font-size: 16px;
				line-height: 1.5em;
				border-left: 1px solid #E4E8EE;
				margin-left: 20px;
				margin-bottom: 20px;
				padding-top: 1em;
				padding-left: 20px;
			}
				#main .callout p {
					margin-bottom: 0;
				}
				#main .callout cite {
					background-color: transparent;
					color: #2B3036;
					font-size: 12px;
					font-style: normal;
				}
.ddsg-wrapper h2,
.ddsg-wrapper div {
	display: none;
}
#main-body .ddsg-wrapper li {
	font-weight: bold;
}
	#main-body .ddsg-wrapper ul ul li {
		font-weight: normal;
	}
	#main-body .ddsg-wrapper ul ul ul li {
		font-style: italic;
	}


/*  ---------------------------------------
	Sidebar
	- - - - - - - - - - - - - - - - - - - -  */
	
		#sidebar {
	float: left;
	width: 299px;
	margin-top: 90px;
	margin-bottom: 2em;
	border-right: 1px solid #E4E8EE;
	text-align: right;
		}
		
			/* tertiary navigation */				
			#nav-tertiary {
				width: 179px;
				margin-left: 121px;
				margin-right: -1px;
			}
				#nav-tertiary ul {
	margin-right: 0px;
	padding-bottom: 40px;
				}
				#nav-tertiary li {
					font-size: 13px;
					text-align: right;
				}
					#nav-tertiary li a {
						display: block;
						background-color: transparent;
						color: #2B3036;
						text-decoration: underline;
						padding: 12px 25px 10px 0;
					}
					#nav-tertiary li a:hover {
	background-color: #fff;
	color: #3C577D;
	text-decoration: underline;
	padding: 11px 25px 9px 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E4E8EE;
	border-bottom-color: #E4E8EE;
	border-left-color: #E4E8EE;
					}
					#nav-tertiary li.current_page_item a,
					#nav-tertiary li.current-cat a {
						background-color: #fff;
						color: #3C577D;
						border-top: 1px solid #E4E8EE;
						border-left: 1px solid #E4E8EE;
						border-bottom: 1px solid #E4E8EE;
						text-decoration: none;
						padding: 11px 25px 9px 0;
					}
		
			/* hide sidebar slideshow */
			#sidebar-slideshow div {
				display: none;
			}
		
			#sidebar h3 {
				font-size: 20px;
				background-color: transparent;
				color: #666;
				margin-bottom: 18px;
			}
			
			#sidebar h4#hdr-you-can-also-help span {
			}			
				#sidebar h4#hdr-you-can-also-help {
	width: 211px;
	height: 22px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
	color: #6982A9;
	margin-left: 65px;
				}
			
			#sidebar p {
				margin-bottom: 1em;
			}
			
			#sidebar ul.basic {
				margin-right: 23px;
			}
				#sidebar ul.basic li {
					line-height: 18px;
					padding-bottom: 7px;
				}
					#sidebar ul.basic li a {
						display: block;
						padding-right: 25px;
						background: transparent url(../images/icon_canister_bullet.gif) no-repeat top right;
						color: #2B3036;
					}
						#sidebar ul.basic li a:hover {
							background-color: transparent;
							color: #5F708F;
						}
			
			#sidebar #donate-get-involved span {
				text-indent: -999em;
				position: absolute;
				overflow: hidden;
				width: 0;
				height: 0;
			}
			#sidebar #donate-get-involved a {
				margin-top: 35px;
				margin-bottom: 50px;
				margin-left: 88px;
				width: 211px;
				height: 76px;
				background: url(../images/btn_donate_get_involved.gif) no-repeat 0 0;
				display: block;
				text-decoration: none;
			}
				#sidebar #donate-get-involved a:hover {
					background: url(../images/btn_donate_get_involved.gif) no-repeat 0 -76px; /* slide bkgd img up for highlight */
				}
			


/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
	
		#footer {
			width: 100%;
			margin: 0 auto;
			text-align: center;
			font-size: 12px;
		}		
			#footer .belt {
				width: 990px;
				margin: 0 auto;
				text-align: left;
			}
			
			#footer h4 span {
				text-indent: -999em;
				position: absolute;
				overflow: hidden;
				width: 0;
				height: 0;
			}
				#footer h4#hdr-our-projects {
					width: 253px;
					height: 26px;
					margin-bottom: 16px;
					background: url(../images/hdr_our_projects.png) no-repeat;
				}
				#footer h4#hdr-view-story {
					width: 253px;
					height: 26px;
					margin-bottom: 16px;
					background: url(../images/hdr_view_story.png) no-repeat;
				}
				#footer h4#hdr-how-to-get-involved {
					width: 238px;
					height: 26px;
					margin-bottom: 16px;
					background: url(../images/hdr_how_to_get_involved.png) no-repeat;
				}
				#footer h4#hdr-about-w2t {
					width: 136px;
					height: 21px;
					margin-bottom: 16px;
					background: url(../images/hdr_about_w2t.png) no-repeat;
				}
			
			#footer p {
				margin-bottom: 0;
			}
			
			#footer ul {
			}
				#footer li {
					display: inline;
					float: left;
				}
					#footer li.first {
						margin-left: 0;
					}
					#footer a {
						background-color: transparent;
						color: #5F708F;
						text-decoration: underline;
					}
						#footer a:hover {
							background-color: transparent;
							color: #2B3036;
						}
						
			#footer .sidebar {
				float: left;
				width: 253px;
				margin-right: 22px;
				text-align: right;
			}
			#footer .main-01 {
				float: left;
				width: 320px;
				margin-right: 22px;
				padding-left: 23px;
				border-left: 1px solid #DBE4ED;
			}
			#footer .main-02 {
				float: left;
				width: 319px;
			}
				#footer .main-02 p {
					line-height: 1.5em;
				}
			#footer .main-03 {
				float: left;
				width: 661px;
				padding-left: 23px;
				border-left: 1px solid #DBE4ED;
			}
						
			#footer-01 {
				padding: 20px 0;
				background: url(../images/bg_footer_01.gif) repeat-x bottom center;
			}
			
				#footer-01 .sidebar img.framed {
					margin-left: 5px;
				}
			
				#footer-01 ul li {
					background: url(../images/icon_plus_footer_red.gif) no-repeat 0 6px;
					padding-left: 11px;
					margin-right: 10px;
					margin-bottom: 2px;
					margin-top: 3px;
				}
						
			#footer-02 {
				padding: 20px 0;
				background: url(../images/bg_footer_02.gif) repeat-x top center;
				background-color: transparent;
				color: #3A3323;
				border-top: 1px solid #E9EAE7;
				border-bottom: 1px solid #DBD9D4;
			}
			
				#footer-02 .merchandise {
	line-height: 44px;
	font-size: 14px;
				}
					#footer-02 .merchandise a {
						display: block;
						padding-right: 54px;
						background: url(../images/icon_tshirt.png) no-repeat top right;
						font-weight: bold;
					}
			
				#footer-02 form {
					margin-bottom: 0;
					margin-top: 9px;
				}
				#footer-02 label {
					width: auto;
					margin-right: 10px;
				}
				#footer-02 .frmText {
					vertical-align: top;
				}
				#footer-02 .button {
					margin-left: 3px;
					margin-top: -3px;
				}
#footer-02 p {
	line-height: 44px;
	font-size: 18px;
}
						
			#footer-03 {
				padding: 20px 0;
				background-color: transparent;
				color: #68768B;
				font-size: 11px;
			}
				#footer-03 ul {
					margin-bottom: 3px;
				}
				#footer-03 ul li {
					background: url(../images/icon_bullet_footer.gif) no-repeat 0 6px;
					padding-left: 11px;
					margin-left: 8px;
				}
					#footer-03 ul li.first {
						margin-left: 0;
						padding-left: 0;
						background-image: none;
					}
				#footer-03 p {
					margin-top: 10px;
				}


/*  ---------------------------------------
	Forms
	- - - - - - - - - - - - - - - - - - - -  */
			
		form {
			margin-bottom: 1.5em;
		}
		
		label, .rdochk {
			vertical-align: top;
		}
		
		label {
			float: left;
			width: 107px;
			padding-top: 6px;
			font-weight: bold;
		}
		
		form div {
			margin-bottom: 6px;
		}
			.buttons {
				margin-left: 106px;
			}
		
		.frmText {
			width: 175px;
			padding: 5px;
			border: 1px solid #D5DBE4;
		}
		
		.frmTextarea {
			width: 250px;
			height: 70px;
			padding: 5px;
			border: 1px solid #D5DBE4;
		}
				
		/* cforms contact form */		
		form.cform {
			padding: 0;
			margin: 0;
			width: 500px !important;
		}
			div.cf_info {
				color: inherit !important;
				display: none;
				padding: 10px 15px !important;
				width: 500px !important;
				line-height: 1.3em;
				margin: 10px 0 !important;
			}
			.cform input:focus,
			.cform textarea:focus,
			.cform select:focus	{ 
				background-color: #fff !important; 
			}
			.cform input:hover,
			.cform textarea:hover,
			.cform select:hover	{
				background-color: #fff !important; 
			}
			form.cform ol {
				padding: 0 !important;
				margin: 0 !important;
				list-style-type: none;
			}
			form.cform li {
				display: block;
				padding: 5px 0;
			}
				form.cform li.cf-box-group label { width: 160px; }
				form.cform li label {
					display: block;
					width: 120px;
					float: left;
					padding-right: 10px;
					font-size: 12px;
					line-height: 20px;
					font-weight: bold;
					padding-top: 0 !important;
				}
				form.cform li input {
					display: block;
					width: 160px;
					float: left;
					border: none;
					border: 1px solid #D5DBE4;
					padding: 5px;
				}
				form.cform li span { display: block; float: left; padding-left: 5px; }
				form.cform li span.reqtxt, form.cform li span.emailreqtxt { font-size: 12px !important; }
				form.cform li .area { width: 280px; float: left; display: block; }
				form.cform p.cf-sb {
					margin-left: 135px !important;
					text-align: left !important;
				}
				
				p.linklove {display: none;}
			form.cform textarea {
				width: 235px !important;
				float: left;
				height: 150px;
				border: 1px solid #D5DBE4;
				padding: 5px;
			}
			form.cform fieldset.cf_hidden { display: none; }
		
			form.cform li.cf_li_err {
				background: #EEEEEE;
			}
			form.cform li.cf_li_err span.reqtxt, form.cform li.cf_li_err span.emailreqtxt { color: #4C4E6F !important; }
		
		form.cform li:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.success,
		.failure {
			padding: 10px 25px !important;
			font-size: 16px !important;
			margin-bottom: 10px;
		}
		.success {
			background-color: #C9D9F2 !important;
			color: inherit !important;
		}		
		
		form.cform li {display: inline-block;}
		.no-background { background: none !important; }
		
		.linklove { display: none !important;}