body{
font-family:Helvetica, Arial, sans-serif;
background:#f5f4f4;}

h1{
color:#00a1e1;}

p{
font-size:16px;
font-family:Helvetica, Arial, sans-serif;
line-height:26px;}

a{
color:#00af40;}

header{
background:#000000 url(../images/header_image.jpg) no-repeat -3%;
text-align:center;
padding:40px 0;}

header .share-links{
float:right;}

header .share-links a{
padding:0 5px;}

header .logo{
margin:0 auto;}

header h1{
color:#00af40;
font-size:60px;
margin-top:40px;}

header h3{
color:#fff;
font-family:Helvetica, Arial, sans-serif;
font-weight:normal;}

.nav{
background:#00a1e1;}

.nav .ages{
float:left;
margin:0 14px;
height:140px;
padding-top:30px;
color:#abe5fc;
cursor:pointer;}

.nav .ages:hover{
color:#fff;}

.nav .ages .age-text{
font-size:16px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
padding-top:12px;}

.nav .ages.selected{
background:url(../images/selection_arrow.png) no-repeat bottom center;
color:#fff;}

.paragraph-text{
font-family:Helvetica, Arial, sans-serif;
font-size:16px;
line-height:26px;}

.paragraph-text h2 {
color:#00a1e1}

.paragraph-text h3 {
color:#00a1e1;
font-size:24px;}

.paragraph-text h4 {
color:#00af40;
font-size:20px;}

.information{
padding:20px 0;
overflow:auto;}

.information h2{
color:#00af40;
padding-left:25px;}

.information ul{
padding-left:25px;}

.information ul li{
font-size:16px;
padding:3px 0;
font-family:Helvetica, Arial, sans-serif;}

.request{
background:url(../images/yellow_bg.jpg) no-repeat center;
padding:15px 0;}

.request p{
font-size:16px;
font-family:Helvetica, Arial, sans-serif;
font-weight:600;
line-height:26px;
margin:0;}

.request p a{
color:#000;
text-decoration:underline;}

.request .request-btn{
padding-top:20px;
margin-left:20px;}

.what-is{
background:#fff;
padding:40px 0;}

.what-is .what-is-image{
padding-top:40px;}

.bottom-content .bottom-boxes{
margin:40px 0;
padding:0 18px;}

.bottom-content .bottom-boxes .center-text{
text-align:center;}

.bottom-content .bottom-boxes h3{
text-transform:uppercase;
font-size:16px;
line-height:
20px;margin-top:15px;}

.bottom-content .bottom-boxes.funded-by{
border-left:1px solid #58595b;
border-right:1px solid #58595b;
padding-bottom:10px;}

.bottom-content .bottom-boxes.funded-by h3{
color:#00a1e1;}

.bottom-content .bottom-boxes.funded-by span{
font-size:16px;
color:#58595b;
font-weight:bold;}

.bottom-content .bottom-boxes.funded-by p{
font-size:12px;
line-height:18px;
margin-top:5px;}

.bottom-content .bottom-boxes.more-info h3{
color:#d0112b;}

.bottom-content .bottom-boxes.more-info ul{
list-style:none;}

.bottom-content .bottom-boxes.more-info ul li{
font-weight:bold;}

.bottom-content .bottom-boxes a{
color:#000;}

footer{
background:#00af40;
padding:30px 0;
font-size:14px;
font-weight:bold;
font-family:Helvetica, Arial, sans-serif;}

footer a{
color:#08fb61;
text-decoration:underline;}

footer a:hover{
color:#000;}

footer .footer-image{
float:left;
width:50px;}

footer .footer-text{
float:left;
width:380px;
vertical-align:middle;}

footer .footer-text.more-info{
padding-top:5px;}

@media (max-width:1023px){
	header{
	background:#000;}
	
	header h1{
	font-size:50px;
	line-height:50px;} 
	
	header h3{
	font-size:20px;
	line-height:24px;}
	
	.nav{
	width:100%;}
	
	.nav .span12{
	width:100%;
	max-width:480px;
	max-width:400px;
	margin:0 auto;} 
	
	.nav .ages{
	margin:0;
	float:none;
	height:30px;
	padding:0;}
	
	.nav .ages .age-image{
	display:none;} 
	
	.nav .ages .age-text{
	padding-top:5px;} 
	
	.nav .ages.selected{
	background:none;} 
	
	.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span12{
	float:none;
	margin:0;
	padding:0;
	width:100%;}

	.container,.span12{
	width:100%;} 
	
	.row{
	margin:0;
	padding:0 120px;} 
	
	.request{
	background:#ffd150;
	text-align:center;
	padding:15px 0;}
	
	.request .request-btn{
	padding:15px 0 0;
	margin:0;
	text-align:center;} 
	
	.information .span5{
	text-align:center;}

	.what-is .span3{
	text-align:center;}
	
	.what-is .span3 .what-is-image{
	padding-top:0;}

	.bottom-content .bottom-boxes{
	text-align:center;}
	
	.bottom-content .bottom-boxes.funded-by{
	border-left:0;
	border-right:0;
	padding-bottom:0;} 
	
	.bottom-content .bottom-boxes ul{
	margin:0;}

	footer{
	padding:10px 0;}
	
	footer .footer-image{
	width:20%;
	text-align:center;
	padding:10px 0;} 
	
	footer .footer-text{
	width:70%;
	padding:10px 0;}
	
	footer .footer-text.more-info{
	padding-top:15px;}
}

@media (max-width:767px){
	.row{
	padding:0 40px;}
}

@media (max-width:479px){
	h1{
	font-size:28px;} 
	
	header{
	padding:20px 0;}
	
	header h1{
	font-size:50px;
	line-height:50px;} 
	
	header h3{
	font-size:20px;
	line-height:24px;} 
	
	.nav{
	width:100%;
	max-width:479px;}
	
	.nav .span12{
	width:100%;}

	.nav .ages{
	margin:0;
	float:none;
	height:30px;
	padding:0;}
	
	.nav .ages .age-image{
	display:none;} 
	
	.nav .ages .age-text{
	padding-top:5px;} 
	
	.nav .ages.selected{
	background:none;} 
	
	.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span12{
	float:none;
	margin:0;
	padding:0;
	width:100%;} 
	
	.container,.span12{
	width:100%;}

	.row{
	margin:0;
	padding:0 10px;} 
	
	.request{
	background:#ffd150;
	text-align:center;
	padding:15px 0;}
	
	.request .request-btn{
	padding:15px 0 0;
	margin:0;
	text-align:center;}

	.what-is .span3{
	text-align:center;}
	
	.what-is .span3 .what-is-image{
	padding-top:0;}

	.bottom-content .bottom-boxes{
	text-align:center;}
	
	.bottom-content .bottom-boxes.funded-by{
	border-left:0;
	border-right:0;} 
	
	footer .footer-image{
	width:20%;
	text-align:center;}

	footer .footer-text{
	width:70%;}

	iframe{
	display:none;}
}

a.info {
    position:relative;
    z-index:24;
    color:#000;
    text-decoration:none
}
a.info:hover, a.info:focus, a.info:active {
    z-index:25;
    background-color:#fff
}
a.info span {
    position: absolute;
    left: -9000px;
    width: 0;
	overflow: hidden;
}
a.info:hover span, a.info:focus span, a.info:active span {
    display:block;
    position:absolute;
    top:1em; left:1em; width:12em;
    border:1px solid #0cf;
    background-color:#00a1e1;
    color:#fff;
    text-align: center
}