/* Eric Meyer Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }


/* Basic Elements */

html{ background: #FFF url(../images/html-background.jpg) 50% 40px repeat; }
body { font: 12px/1.3 helvetica, verdana, sans-serif; color: #444; background: transparent url(../images/body-background.jpg) top center repeat-x; }

h1, h2, h3, h4, h5, h6, ol, ul, p, form{ margin: 0 0 18px 0; }
h1{
	color: #1a3281;
	font-size: 30px;
}

ol, ul, dl { list-style: none; margin: 0 0 18px 18px; }
ol{ list-style: decimal; }
ul{ list-style: disc; }
dl dt{ font-weight: bold; }
dl dd{ margin-left: 18px; }

a{ color: #009900; }
a:link, a:visited{ text-decoration: underline; }
a:hover, a:active{ text-decoration: none; }

blockquote, q { quotes: none; }

strong, b{ font-weight: bold; }

i, em{ font-style: italic; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }


/* Layout */

#site-wrapper{
	background: transparent url(../images/site-wrapper-background.jpg) top center no-repeat;
}
#site-wrapper-splash{
	background: transparent url(../images/site-wrapper-splash-background.jpg) top center no-repeat;
	height: 547px;
}
	#wrapper{
		margin: 0 auto;
		width: 1006px;
	}
	
	
/* Header */

#header{
	height: 138px;
	position: relative;
	z-index: 2;
}
	#logo{
		position: absolute;
		left: 99px;
		top: 0;
	}
	#header p{
		position: absolute;
		top: 76px;
		left: 317px;
		
		color: #d6e0f7;
		font-size: 14px;
		font-weight: bold;
		line-height: 61px;
	}
	#menu{
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		left: 317px;
		top: 0;
		z-index: 2;
	}
		#menu li{
			float: left;
			position: relative;
		}
			#menu li a{
				display: block;
				height: 76px;
				margin: 0 15px 0 0;
				
				color: #FFF;
				font-size: 14px;
				font-weight: bold;
				letter-spacing: -1px;
				line-height: 76px;
				text-decoration: none;
				text-transform: uppercase;
			}
			#menu li.last a{
				background: transparent url(../images/menu-donate.png) center no-repeat;
				margin: 0;
				width: 65px;
				text-indent: -9999px;
			}
			#menu li a#menu-home, #menu li a:hover{
				color: #37af3f;
			}
				#menu li a img{ display: inline; vertical-align: middle; }
			#menu ul{
				display: none;
				list-style: none;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 76px;
				left: 0;
				width: 200px;
			}
			#menu li:hover > ul{ display: block; }
				#menu ul li a{
					background: #081E5A;
					height: auto;
					margin: 0;
					padding: 5px 10px;
					width: 180px;
					
					font-size: 12px;
					font-weight: normal;
					letter-spacing: 0;
					line-height: 18px;
					text-transform: none;
				}
				#menu ul li a:hover{
					color: #76A7D0;
				}
	#social-networks{
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 76px;
		left: 317px;
		width: 656px;
		z-index: 1;
	}
		#social-networks li{
			position: absolute;
			top: 0;
		}
			#facebook{ left: 150px; }
			#twitter{ left: 266px; }
			#linkedin{ left: 376px; }
			#flickr{ left: 491px; }
			#youtube{ left: 590px; }

/* Feature */

#feature{
	height: 250px;
	padding: 9px 33px 0 33px;
	position: relative;
	z-index: 1;
}
	#feature ul{
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 9px;
		left: 33px;
	}
		#feature li{
			position: absolute;
			top: 0;
			left: 0;
		}
			#feature li div.vignette{
				background: transparent url(../images/vignette.png) 0 0 no-repeat;
				position: absolute;
				top: 0;
				left: 0;
				height: 400px;
				width: 940px;
			}
			#feature li p.ribbon{
				background: #3b9e42;
				width: 240px;
				height: 72px;
				padding: 18px 0 0 0;
				position: absolute;
				top: 144px;
				left: 0;
				
				color: #FFF;
				font-size: 20px;
				font-weight: bold;
				line-height: 25px;
				text-align: center;
				text-transform: uppercase;
			}
			#feature li p.long{
				padding: 22px 10px 0 10px;
				
				font-size: 15px;
				line-height: 23px;
			}
			#feature li a img{
				width: 940px !important;
				min-height: 250px !important;
			}
						
	#feature-next, #feature-prev{
		position: absolute;
		top: 153px;
		width: 33px;
		height: 90px;
		
		text-indent: -9999px;
	}
	#feature-next{
		right: 0;
	}
	#feature-prev{
		left: 0;
	}
	
#secondary #feature{
	height:250px;
}

				#secondary #feature li div.vignette{
				height: 250px;
			}
	
	


/* Content */

#content-wrapper{
	background: #FFF;
	margin: 0 33px;
	position: relative;
	z-index: 1;
}
#content-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
	#content{
		float: left;
		padding: 35px 24px 17px 24px;
		position:relative;
		width: 608px;
	}
	#splash-image{ float: left; }
	#splash-content{
		background: #ddebf7 url(../images/splash-content-background.png) 0 0 no-repeat;
		float: right;
		height: 359px;
		padding: 24px 24px 17px 24px;
		position: relative;
		width: 512px;
	}  
		#splash-donate{
			position: absolute;
			top: 24px;
			right: 24px;
		}
		#splash-message{ margin: 48px 0 -36px 0; }
		#splash-content form{ margin: 48px 0 0 0; }
		#splash-content form fieldset{ margin: 0 0 10px 0; }
		#splash-content form label{
			clear: left;
			display: block;
			float: left;
			height: 31px;
			width: 90px;
			
			color: #000;
			font-weight: bold;
			line-height: 31px;
		}
		#splash-content form label.checkbox{
			width: 340px;
			font-weight: normal;
		}
		#splash-content form input.text{
			display: block;
			float: left;
			margin: 0 0 10px 0;
			width: 340px;
			
			color: #666;
			font-size: 14px;
			padding: 3px;
		}
		#splash-content a#skip-to-main-site{
			position: absolute;
			bottom: 60px;
			left: 375px;
			
			color: #009900;
			font-size: 14px;
			font-weight: bold;
		}
		#content h2{
			color: #444;
			font-size: 18px;
		}
	#sidebar{
		background: transparent url(../images/sidebar-background.png) top repeat-x;
		float: right;
		padding: 30px 30px 34px 29px;
		width: 225px;
	}
		#sidebar h2{
			margin: 0 0 12px 0;
			color: #1a3281;
			font-size: 17px;
		}
		#action-center ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		#action-center form{
			background: transparent url(../images/newsletter-form-background.png) 0 0 no-repeat;
			height: 35px;
			padding: 34px 10px 0 10px;
			position: relative;
			width: 215px;
		}
			#action-center form h3{
				height: 10px;
				position: absolute;
				width: 10px;
				text-indent: -9999px;
			}
			#action-center form input{ vertical-align: middle; }
			#newsletter-email{
				background: #FFF;
				border: none;
				border-radius: 4px;
				-webkit-border-radius: 4px;
				height: 16px;
				padding: 4px;
				width: 129px;
				-webkit-appearance: none;
				
				color: #444;
				font-size: 15px;
				line-height: 15px;
			}
	#recent-news ul{
		border-top: 1px solid #d4dbe1;
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#recent-news li{
			border-top: 1px solid #d4dbe1;
			padding: 10px;
		}
		
	#flickr-feed{
		position:relative;
	}
	
	#flickr-feed h3{
		color: #1a3281;
		font-size:20px;
		width:200px;
	}
	#flickr-feed h3 a{
	display:block;
	float:right;
	background:url(../images/visit-page.png) no-repeat;
	width:80px;
	height:23px;
	text-indent:-9999px;
	}
	

	#flickr-feed table{
		background:#1a3281;
	}
		#flickr-feed .flickr_badge_image img{
		border:5px solid #fff;
		margin:7px 7px 7px 7px;	
		}
		
		#flickr-feed .flickr_badge_image img:hover{
		border:5px solid #37af3f;
		}
			
			
/* More Information */

#more-information{
	background: transparent url(../images/panel-background.png) top repeat-x;
	clear: both;
	height: 259px;
	margin: 0 33px;
}
	.panel{
		float: left;
		padding: 36px 24px 0 24px;
	}
		.panel h2, .panel h2 a{
			margin: 0 0 15px 0;
			color: #1a3281;
			font-size: 17px;
			line-height: 1em;
			text-decoration: none;
		}
		.panel h3{
			margin: 0 0 5px 0;
			
			color: #009900;
			font-family: "Arial Narrow", arial, verdana, sans-serif;
			font-size: 25px;
			font-weight: normal;
			line-height: 24px;
		}
		.panel p, .panel ul{ margin: 0 0 10px 0; }
		.panel ul{
			list-style: none;
			padding: 0;
		}
		.panel li a{ font-size: 11px; }
		.panel a.read-more{ color: #000; }
	#jobs-websites{
		background: transparent url(../images/jobs-websites-background.png) top right no-repeat;
		width: 226px;
	}
	#education-resources{
		background: transparent url(../images/education-resources-background.png) top right no-repeat;
		width: 269px;
	}
	#success-stories{
		width: 301px;
	}
	
	
/* Footer */

#footer{
	background: transparent url(../images/footer-background.jpg) 577px 0 no-repeat;
	height: 78px;
	padding: 22px 57px;
	
	color: #bcdbf2;
	font-size: 11px;
}
	#footer p, #footer ul, #footer li{ display: inline; }
	#footer ul{
		list-style: none;
	}
		#footer li a{ color: #FFF; }
		
		
/* Section Listing */

#section-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
	#pagination-links{
		list-style: none;
		margin: 18px 0 0 0;
		padding: 0;
	}
		#pagination-links li{
			display: inline;
			margin: 0 4px 0 0;
		}
			#pagination-links a{
				font-size: 14px;
			}
			#pagination-links a.current{ font-weight: bold; }