/* CSS Document */

@charset "utf-8";

#abouttab .activepage{
border-bottom:5px solid #1c539c;
}


/* Large Desktop ----------- */
@media only screen 
and (min-width : 1401px)
{
/* Styles */

	#aboutlayout{
	float:left;
	width:100%;	
	}
	
	#about{
	width:80%;
	margin:0 auto;
	}
	
	/*#about img{
	float:left;
	margin:40px 30px 30px 30px;
	}*/
	
	.credit{
	float:left;
	width:275px;
	font-size:80%;
	text-align:center;
	margin:40px 30px 30px 30px;
	}
	
	
	#about p{
	padding:10px 20px 10px 20px;
	}
	
	#about p:nth-child(2){
	padding-top:33px;
	}
	
	
	
	
	a{
	text-decoration:underline;
	color:#1a4c7d;
	}
}

/* Desktop ----------- */
@media only screen 
and (min-width : 1024px)
and (max-width : 1400px) {
/* Styles */

	/* COLUMN LAYOUT */

	#aboutlayout{
	float:left;
	width:100%;	
	}
	
	#about{
	width:80%;
	margin:0 auto;
	}
	
	/*#about img{
	float:left;
	margin:40px 30px 30px 30px;
	}*/
	
	.credit{
	float:left;
	width:275px;
	font-size:80%;
	text-align:center;
	margin:40px 30px 30px 30px;
	}
	
	#about p{
	padding:10px 20px 10px 20px;
	}
	
	#about p:nth-child(2){
	padding-top:33px;
	}
	
	
	a{
	text-decoration:underline;
	color:#1a4c7d;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {
	
	/* Styles */

	/* COLUMN LAYOUT */
	#aboutlayout{
	float:left;
	width:100%;	
	}
	
	#about{
	width:100%;
	margin:0 auto;
	}
	
	/*#about img{
	float:left;
	margin:40px 30px 30px 30px;
	}*/
	
	.credit{
	float:left;
	width:275px;
	font-size:80%;
	text-align:center;
	margin:40px 30px 30px 30px;
	}
	
	#about p{
	padding:10px 20px 10px 20px;
	}
	
	#about p:nth-child(2){
	padding-top:33px;
	}
	
	

	a{
	text-decoration:underline;
	color:#1a4c7d;
	}
	
}

@media only screen 
and (min-width : 479px) 
and (max-width : 767px) {
	/* Styles */

	/* COLUMN LAYOUT */
   #aboutlayout{
	float:left;
	width:100%;	
	}
	
	#about{
	width:100%;
	margin:0 auto;
	}
	
	/*#about img{
	float:left;
	margin:40px 30px 30px 30px;
	}*/
	
	.credit{
	width:100%;
	font-size:80%;
	text-align:center;
	margin:40px 0 30px 0;
	}
	
	#about p{
	padding:10px 20px 10px 20px;
	}
	
		
	a{
	text-decoration:underline;
	color:#1a4c7d;
	}
}	

@media only screen 
and (min-width : 321px) 
and (max-width : 479px) {
	/* Styles */

	/* COLUMN LAYOUT */

	#aboutlayout{
	float:left;
	width:100%;	
	}
	
	#about{
	width:100%;
	margin:0 auto;
	padding-top:10px;
	}
	
	/*#about img{
	margin:0 auto;
	display:block;
	margin-top:10px;
	}*/
	
		
	.credit{
	width:100%;
	font-size:80%;
	text-align:center;
	margin:40px 0 30px 0;
	}
	
	#about p{
	padding:10px;
	}
	
	#about p:nth-child(2){
	margin-top:10px;
	
	}

	a{
	text-decoration:underline;
	color:#1a4c7d;
	}

	
}	

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

	/* Styles */
	/*COLUMN LAYOUT */

	#aboutlayout{
	float:left;
	width:100%;	
	}
	
	#about{
	width:100%;
	margin:0 auto;
	padding-top:10px;
	}
	
	/*#about img{
	margin:0 auto;
	display:block;
	margin-top:10px;
	}*/
	
		
	.credit{
	width:100%;
	font-size:80%;
	text-align:center;
	margin:40px 0 30px 0;
	}
	
	#about p{
	padding:10px;
	}
	
	#about p:nth-child(2){
	margin-top:10px;
	
	}
	
	a{
	text-decoration:underline;
	color:#1a4c7d;
	}
	
	

	

}