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

ul {
	padding-left:30px;
}

.photo {
	float:right;
	padding:0 0 15px 10px;
	max-width:500px;
}

	.photo p {
		font-style:italic;
		font-size:11px;
		text-align:right;
	}

.photoLarge{
	width:100%;
	float:left;
	font-style:italic;
	font-size:11px;
	text-align:center;
}

#audiences {
	width:100% !important;
	margin-left:auto;
	margin-right:auto;
	float:left;
}
	
	.audience {
		min-width:230px;
		height:230px;
		float:left;
		display:block;
		background-repeat:no-repeat;
		margin-left:7px;
		text-align:center;
		color:#FFFFFF;
		text-shadow:
   		-1px -1px 0 #000,  
    	 1px -1px 0 #000,
    	 -1px 1px 0 #000,
     	  1px 1px 0 #000;
	}
	
		.audience h2 {
			padding:88px 0;
			font-size:32px;
		}
	
.stories {
	width:100%;
	float:left;
	border-bottom:1px #aaa dotted;
}

	.stories .thumb {
		width:250px;
		float:left;
		padding:0 15px 0 0;
		font-style:italic;
		font-size:11px;
	}

.getInvolved {
	width:210px;
	height:175px;
	float:left;
	text-align:left;
	padding:0 10px 0 20px;
	margin-bottom:10px;
}

.crossCountry {
	width:260px;
	height:175px;
	float:left;
	text-align:left;
	padding:0 10px 0 15px;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	margin-bottom:10px;
}

.initiatives {
	width:410px;
	height:175px;
	float:left;
	text-align:left;
	padding:0 0 0 10px;
	margin-bottom:10px;
}
	
/* For smaller monitors, tablets */
@media (max-width: 1054px) {

.vert{
	width:518px;
	margin:auto;
}

.line {
	width:518px;
	float:left;
	margin:auto !important;
}

.audience {
	width:239px;
	height:239px;
	margin:10px;
}

.getInvolved {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	padding:5px 0;
	margin:0;
}

	.getInvolved li{
		list-style:none;
		margin-left:-35px;
	}
	
.crossCountry {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	padding:5px 0;
	margin:0;
	border-left:0;
	border-right:0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

	.crossCountry li{
		list-style:none;
		margin-left:-35px;
	}

.initiatives {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	padding:5px 0;
	margin:0;
}

	.initiatives li{
		list-style:none;
		margin-left:-35px;
	}

}

/* For larger smartphones */
@media (max-width: 582px) {

.vert{
	width:239px;
	margin:auto;
}

.line {
	width:100%;
	float:left;
	margin:auto;
}

.audience {
	width:239px;
	float:left;
	margin:10px;
}

}


/* For smartphones */
@media (max-width: 450px) {

.stories .thumb {
	width:100% !important;
	float:left;
}

.stories p {
	width:100%;
	float:left;
}

}