.introtext,
.introtext * {
	color:			#FFF;
}

.introtext {
	margin:			0 0 20px 0;
}

.introtext p {
	margin:			0 0 20px 0;
}

.page-person .introtext p {
	line-height:	140%;
	font-size:		18px;
}

.page-people .home-main,
.page-person .home-main {
    float:			none;
    
	margin: 		0 auto;    
	padding:		10px 0 30px 0;
}

.page-people .mainh1,
.page-person .mainh1 {
	text-align:		left;
}

.person {
	position:		relative;
	
	background-color:#FFF;
	
	overflow:		hidden;
	
	margin:			0 0 20px 0;	
	padding:		10px;
}

.page-people .person {
	float:			left;
	
	box-sizing: 	border-box;
	
	width:			31%;
	height:			225px;

	padding:		0 10px 45px 0;
	margin:			2% 1%;
}

@media (max-width: 1480px) {
	.page-people .person {	
		width:			48%;
	}
}

@media (max-width: 640px) {
	.page-people .person {
		width:			98%;
	}
}

.person .hero {
	position:		relative;
	float:			left;

	margin:			0 10px 0 0;
	padding:		0;

	width:			300px;	
	height:			450px;

	overflow:		hidden;

	font-size:		0;
	line-height:	0;
	
	background-color:#f2f2f2;
}

.page-people .person .hero {
	width:			150px;	
	height:			225px;
}

@media (max-width: 640px) {
	.page-person .person .hero {	
		float:			none;
		margin:			0 auto 10px auto;
		
		max-width:		100%;
	}
}


.person .hero img {
	position:		absolute;
	top:			-9999px;
	left:			-9999px;
	bottom:			-9999px;
	right:			-9999px;

	margin:			auto;
	padding:		0;

	width:			auto;	
	height:			100%;
	
	max-width:		none;
}

.person h2 {
	font-size:		20px;
	line-height: 	110%;
	
	margin:			10px 0;
}

 .person p {
	 margin:		0 0 20px 0;
}

.person ul {
	margin:			0 0 20px 0;
	padding:		0 0 0 20px;
	
	list-style: 	disc;
	list-style-position: inside;
	color:			#555555;
}

.person li {
	margin:			0 0 5px 0;
	padding:		0 0 0 40px;
	
	color:			inherit;	
}

.page-people .person p {
	font-size:		13px;
	
	text-align: 	left;
	
	line-height: 	140%;
}


.person a.boxbutton {
	position: 		absolute;
	bottom:			10px;
	right:			10px;

	box-sizing:		border-box;
	width:			auto;
    height:			35px;

    margin:			0;
    padding:		5px 10px;

	line-height:	25px;
    font-size:		16px;
}


.navigation {
	height:					60px;
	
	line-height:			60px;
	
	border:					1px solid #FFFFFF;
}

.navigation a {
	height:					35px;
	width:					auto;
	
	padding:				0 10px;
	
	line-height:			35px;	
	font-weight:			600;
	
	vertical-align:			baseline;
	
	background-color:		rgb(15, 123, 177);
}

.largeonly {
	display:				none;
}

@media only screen and (min-width: 1024px) {
	.navigation {
		font-size:				120%;
	}

	.navigation a {
		font-size:				20px;		
	}
	
	.largeonly {
		display:				inline;
	}
}