/* Set these values to the desired dimensions of the carousel */
.carousel { 
	height: 352px;
	width: 490px;
}
.carouselContainer .carouselBlock { 
	height: 305px;
	width: 490px;
}

.carousel {
	padding: 0px; /* This value allows for the image outlines to appear, do not lower below 1px */
	float: left;
	overflow: hidden;
	position: relative;
}
	.carousel a img {
		border: 0;
	}
	.carouselNav {
		height: 47px;
		position: absolute;
		z-index: 1000;
		padding: 0;
		margin: 0;
		top: 0;
		left: 0;
	}
	#copy .carouselNav  div{
		display: block;
		float: left;	
		margin: 0;
		border: 0;
		width: 20%;
	}
	#copy .carouselNav a {
		display: block;
		padding: 7px 0;
		display: block;
		text-align: center;
		color: #fff;
		/*background: url("/surveys/international/images/carouselNavA_bg.png") repeat-x;*/
		background: rgba(41, 75, 104, .8);
	}
	#copy .carouselNav a:hover {
		/*background: url("/surveys/international/images/carouselNavA_bgHover.png") repeat-x;*/
		
		background: rgba(41, 75, 104, .55);
	}
		#copy .carouselNav div.pirlsCNav { background: url("/surveys/international/images/pirls_thumb_bg.jpg"); }
		#copy .carouselNav div.ideCNav { background: url("/surveys/international/images/ide_thumb_bg.jpg"); }
		#copy .carouselNav div.pisaCNav { background: url("/surveys/international/images/pisa_thumb_bg.jpg"); }
		#copy .carouselNav div.piaacCNav { background: url("/surveys/international/images/2012-PIAACEarnings_thumb_bc.jpg"); }
		#copy .carouselNav div.g20CNav{ background: url("/surveys/international/images/g20_indicators_2015_tumb_bg.jpg"); }
		#copy .carouselNav div.timssResultsCNav{ background: url("/surveys/international/images/timss_2011_LikeSchoolSnapshot_thumb_bg.jpg"); }
	
		.carouselNav a.paused  {
			margin: 0;
			border: 1px solid #fff;
		}

	.carouselText {
		position: absolute;
		top: -999em;
		left: 0;
		padding: 5px 0 10px 0;
		/*background: url("/surveys/international/images/dark_bg.png");*/
		
		background: rgba(41, 75, 104, .9);
		font-size: 1.2em;
		font-family: Arial;
		color: #fff;
	}
	#PubContent .carouselText h2 {
		padding: 0;
		margin: 0 15px;
		font-size: 1.1em;
		font-weight: bold;
		text-decoration: none;
		float: left;
		color: #fff;
	}
	#PubContent .carouselText h2 a{
		color: #fff;
	}
	
	#PubContent .carouselText p {
		clear: both;
		padding: 0;
		margin: 0 15px;
	}
		.carouselText h2 a, .carouselText h2 a:visited {
		color: #fff;
	}
	
	.carouselText a.learnMore , .carouselText a.learnMore:visited{
		color: #fff; 
		float: right;
		margin: 0 10px 0 0;
	}

	.carouselText p{
		margin: 0;
		padding: 0 15px;
		color: #fff;
		font-size: .8em;
		text-decoration: none;
	}
		.carouselText a:hover { text-decoration: underline; color: #fff;}
		.carouselText a:visited { color: #fff;}

		
	.carouselContainer .carouselBlock {
		float: left;
		position: relative;
	}