@charset "UTF-8";
/* Home Styles CSS */



/*
GLOBAL
===============================================
*/

body {
	background:#fff url(../images/bg-body.gif) repeat-x top;
}




/*
ACCESSIBILITY PANEL
===============================================
*/

#accessibilityPanel {
	position:absolute;
	display:block;
	width:100%;
	background:#10295a;
	border-bottom:#2f4d86 solid 1px;
}

	#accessibilityPanel div {
		margin-right:180px;
	}




/*
ACCESSIBILITY LINK
===============================================
*/

.accessibilityLink {
	position:absolute;
	background:url(../images/icon-accessibility-link.png) no-repeat center left;
	font-size:1.4em;
	line-height:22px;
	color:#5d7fb8;
	padding-left:25px;
	right:15px;
	margin-top:14px;
}




/*
HEADER
===============================================
*/

.header {
	background:url(../images/bg-header.png) no-repeat center bottom;
	height:336px;
}
		
	.header div {
		background:none;
	}
		
	.header #container {
		display:block;
		background:none;
		width:980px;
		height:auto;
		margin:31px auto 0px auto;
	}
		
	.header img {
		display:block;
		margin-left:25px;
	}
	
	.header .nav {
		display:block;
		background:url(../images/bg-nav-border.gif) no-repeat left bottom;
		margin-top:30px;
		margin-left:-10px;
		padding-bottom:15px;
		}
	
		.header .nav a {
			color:#102959;
			/*
			background: -webkit-gradient(linear, left top, left bottom, from(#4c6dab), to(#033289));
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			*/
			font-weight:bold;
		}
	
			.header .nav a:hover {
				color:#5d7fb8;
				/*
				background: -webkit-gradient(linear, left top, left bottom, from(#102959), to(#102959));
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				*/
			}
	
	.header .subNav {
		float:left;
		background:none;
		margin-left:-10px;
	}
	
		.header .subNav li {
			margin-right:15px;
			margin-bottom:10px;			
		}
	
		.header .subNav a {
			font-size:1.4em;
			color:#5d7fb8;
		}
	
			.header .subNav a:hover {
				color:#133f90;
			}
			
		.header #aboutUs .subNav li,
		.header #whatReuse .subNav li,
		.header #joinUs .subNav li,
		.header #resources .subNav li {
			display:block;
			margin-right:20px;
		}
	
	.header #quote {
		background:none;
		filter:none;
		display:block;
		width:525px;
		margin:14px auto 0px 25px;
	}
	
		.header #quote h4 {
			width:auto;
			font-size:1.8em;
			line-height:1.4em;
			margin:0px;
			text-align:justify;
		}
	
		.header #quote h3 {
			font-size:1.4em;
		}




/*
MIDDLE BAR
===============================================
*/

#middleBar {
	display:block;
	background:url(../images/bg-middle-bar.png) no-repeat 100px 28px;
	height:264px;
}

	#middleBar #container {
		display:block;
		width:980px;
		margin:0px auto;
	}

	#middleBar h1 {
		display:block;
		width:980px;
		margin:20px 0px 10px 25px;
		color:#ffc600;
		font-size:3.4em;
		font-weight:bold;
	}

	#middleBar p {
		display:block;
		color:#f4f4f4;
		font-size:1.5em;
		line-height:1.5em;
		margin-left:25px;
		width:570px;
	}

	#middleBar ul {
		display:block;
		color:#ffc600;
		font-size:1.7em;
		font-weight:bold;
		line-height:1.2em;
		margin-left:25px;
		width:600px;
	}

		#middleBar ul li {
			float:left;
		}

		#middleBar ul #left {
			width:210px;
		}

		#middleBar ul a {
			color:#ffc600;
		}

	#middleBar #buttons {
		clear:both;
		display:block;
		margin:20px 0px auto 25px;
	}

		#middleBar #buttons .silverButton1 {
			margin:15px 15px 0px 0px;
		}

	#middleBar #photo {
		position:absolute;
	}




/*
DONATE BUTTON
===============================================
*/

#donateButton {
	position:absolute;
	background:url(../images/icon-donation.png) no-repeat;
	width:179px;
	height:165px;
	top:434px;
	right:0px;
	margin:0px;
	text-indent:-9999px;
}




/*
CONTENT
===============================================
*/

.content {
	display:block;
	width:980px;
	margin:45px auto 60px auto;
}

	.content #locateReuseCenter {
		float:left;
		-moz-border-radius:5px;
		border-radius:5px;
		width:510px;
		padding:20px 20px 0px 20px;
		height:205px;
		color:#102959;
		border:#9bb4d5 solid 1px;
		background:#e0ebf7;
		background: -moz-linear-gradient(left,  #ffffff 0%, #e0ebf7 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#e0ebf7));
		background: -webkit-linear-gradient(left,  #ffffff 0%,#e0ebf7 100%);
		background: -o-linear-gradient(left,  #ffffff 0%,#e0ebf7 100%);
		background: -ms-linear-gradient(left,  #ffffff 0%,#e0ebf7 100%);
		background: linear-gradient(left,  #ffffff 0%,#e0ebf7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0ebf7',GradientType=1 );
	}

		.content #locateReuseCenter img {
			float:left;
		}

		.content #locateReuseCenter h2 {
			font-size:3.0em;
			font-weight:bold;
			line-height:1.0em;
			padding-bottom:10px;
			margin-left:140px;
			margin-bottom:10px;
			border-bottom:#9bb4d5 solid 1px;
		}

			.content #locateReuseCenter h2 br {
				clear:none;
			}

		.content #locateReuseCenter p.copy1 {
			display:block;
			margin-left:160px;
			text-align:left;
			line-height:1.4em;
		}

		.content #locateReuseCenter .yellowButton1 {
			float:right;
			margin-top:5px;
		}

	.content #newsEvents {
		float:right;
	}

		.content #newsEvents div {
			-moz-border-radius:5px;
			border-radius:5px;
			width:350px;
			padding:20px 20px 0px 20px;
			height:207px;
			color:#f4f4f4;
			background:#203c73;
			background: -moz-linear-gradient(top,  #203c73 0%, #10295a 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#203c73), color-stop(100%,#10295a));
			background: -webkit-linear-gradient(top,  #203c73 0%,#10295a 100%);
			background: -o-linear-gradient(top,  #203c73 0%,#10295a 100%);
			background: -ms-linear-gradient(top,  #203c73 0%,#10295a 100%);
			background: linear-gradient(top,  #203c73 0%,#10295a 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203c73', endColorstr='#10295a',GradientType=0 );
		}

			.content #newsEvents div h2 {
				font-size:2.4em;
				margin-bottom:10px;
			}
	
			.content #newsEvents div a {
				display:block;
				color:#f4f4f4;
				font-size:1.4em;
				margin:12px 0px;
			}
	
				.content #newsEvents div a:hover,
				.content #newsEvents div a:hover * {
					color:#5d7fb8;
					text-decoration:none;
				}
	
				.content #newsEvents div a strong {
					display:block;
					color:#ffc600;
					font-size:1.3em;
				}

		.content #newsEvents .arrowLink1 {
			float:right;
			margin-top:10px;
		}

	.content #wheelsRolling {
		float:right;
	}

		.content .hrLine1 {
			clear:both;
		}