@charset "UTF-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background: #00487e;
}

#intro {
	background: #001e36 url(images/bg2.png) top left repeat-x;
}

#intro #container {
	width: 891px;  
	margin: 0 auto; 
	padding: 0;
	text-align: left; 
}
#intro #header {
	background: #001e36 url(images/bg.gif) top left repeat-x;
	height: 110px;
	padding: 0;
	margin: 0;  
}

#intro #header #nav {
	position: relative;
	float: right;
	background: #001e36 url(images/nav.gif) 0 0 no-repeat; 
	height: 41px;
	width: 889px;
	top: 109px;
}

#intro #nav ul {
	margin:0;
	padding: 0;
	padding-left: 218px;
	height: 41px;
	list-style:none;
}

#nav li {
	float:left;
	margin:0;
	height: 41px;
	margin: 0 0 0 10px;
	text-align: center;
}

#nav a {
	display:block;
	height: 41px;
	line-height: 41px;
	text-indent: -99999px;
	position:relative;
	padding-left:10px;
	margin-right:10px;
	text-decoration:none;
	background:url(images/nav.gif) 0 0 no-repeat;
}


#nav li#contribute, #nav li#contribute a {
	background-position: -225px 0;
	width: 143px;
}
#nav li#learn, #nav li#learn a {
	background-position: -378px 0;
	width: 80px;
}
#nav li#supporters, #nav li#supporters a {
	background-position: -468px 0;
	width: 133px;
}
#nav li#volunteer, #nav li#volunteer a {
	background-position: -611px 0;
	width: 123px;
}
#nav li#contact, #nav li#contact a {
	background-position: -744px 0;
	width: 115px;
}



#intro #mainContent {
	background: #afbd21 url(images/main.jpg) top left no-repeat;
	width: 891px;
	height: 620px;
	margin: 0;
	padding: 0;
}

#intro #mainContent .skip {
	background:url(images/skip.png) no-repeat top left;
	display:block;
	width:163px;
	height:21px;
	text-indent:-9999px;
	position: relative;
	top: 160px;
	left: 655px;
	padding: 0;
	margin: 0;
}

#intro #mainContent form {
	position: relative;
	top: 135px;
	left: 610px;
	padding: 0;
	margin: 0;
}

#intro #mainContent input {
	margin: 3px;
}

#intro #mainContent button {
	position: relative;
	left: 132px;
	background: url(images/signup.png) top left no-repeat;
	width: 59px;
	height: 20px;
	margin-top: 3px;
	border:none;
}

#intro #footer {
	padding: 0 15px 135px 25px;
	font-size: 0.8em;
}

#intro #footer a, #hat a {
	border-bottom: 1px solid #b7c3d9;
	text-decoration: none;
	color: #b7c3d9;
	margin-right: 10px;
	margin-left: 18px;
}

#intro #footer #facebook, #hat #facebook {
	background: url(images/facebook.png) top left no-repeat;
	float: left;
}

#intro #footer #flickr, #hat #flickr {
	background: url(images/flickr.png) top left no-repeat;
	float: left;
}

#intro #footer #twitter, #hat #twitter {
	background: url(images/twitter.png) top left no-repeat;
	float: left;
}

#intro #footer #youtube, #hat #youtube {
	background: url(images/youtube.png) top left no-repeat;
	float: left;
}

#intro #footer #text, #hat #text {
	float: right;
	color: #6e7a1d;
	font-size: 0.7em;
}