/* CSS Document */

@charset "utf-8";

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


/* 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;
	}





}