/* Personnel Block */


.personnel-block{
	overflow:auto;
	margin-bottom: 25px;
}

.personnel-block *{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
	
	
.personnel-block .person-pic{
	width:25%;
	float:left;
	padding-right: 20px;
}

.personnel-block  .person-info{
	overflow:auto;
}

.personnel-block .person-pic img{
	width:100%;
	max-width:100%;
	border-radius: 8px;
	box-shadow: 2px 2px 5px 0px #333;
}

.personnel-block span[itemprop="name"]{
	display: block;
	font-weight: bold;
}

.personnel-block span[itemprop="jobTitle"]{
	display: block;
	font-style: italic;
	margin-bottom:8px;
}

.personnel-block span[itemprop="telephone"]{
	display: block;
}

.personnel-block a[itemprop="email"]{
	display: block;
	margin-bottom:8px;
}

.personnel-block div[itemprop="description"]{
	
}

@media only screen and (max-width:600px){

	.personnel-block  .person-info{
		overflow: visible;
	}
	
	.personnel-block .person-pic{
		padding-bottom: 20px;
	}

	.personnel-block div[itemprop="description"]{
		clear:left;
	}
}

@media only screen and (max-width:480px){
	.personnel-block .person-pic{
		width:45%;
	}
	
	.personnel-block a[itemprop="email"]{
		max-width:100%;
		overflow:hidden;
		text-overflow: ellipsis;
	}
}

@media only screen and (max-width:320px){
	.personnel-block .person-pic{
		width:100%;
		float: none;
		text-align:center;
		padding-right:5px;
	}
	
	.personnel-block .person-pic img{
		width:auto;
	}
}

/* End Personnel Block */


/* Galleries and Gallery Lists */

.pe2-album img{
	margin-right:20px;
	margin-bottom: 20px;
	display: inline !important;
}

.gallery-list{
	text-align:center;
}

.gallery-list a{
	display: inline-block;
	vertical-align:top;
	text-align:center;
	width:160px;
	margin-right:15px;
	margin-bottom:15px;
}

.gallery-list img{
	display:block;
	margin-bottom:10px;
}






/* New Base form definitions */
.form-base{padding:15px; border:#999 1px solid;overflow:auto;}

.form-base *{
	box-sizing: border-box;
}

.form-base .form-title{font-size:16pt; font-weight:bold; text-align:center;}

.form-base .form-title, .form-base .form-desc, .form-base .form-notice, .form-base .element-block{margin-bottom:10px;}

.form-base input{
	padding:5px;
}

.form-base input, .form-base select, .form-base textarea{
	border: #ccc 1px solid;
}

.form-base textarea{
	height:100px;
}

/* Form Layout Options */


.form-2-col{}
.form-2-col .element-block{display:inline-block; width:49%; margin-right:2%;}
.form-2-col .element-block:nth-of-type(2n+2){margin-right:0;}

.form-3-col{}
.form-3-col .element-block{display:inline-block; width:32%; margin-right:2%;}
.form-3-col .element-block:nth-of-type(3n+3){margin-right:0;}

.form-4-col{}
.form-4-col .element-block{display:inline-block; width:23%; margin-right:2.66%;}
.form-4-col .element-block:nth-of-type(4n+4){margin-right:0;}


@media only screen and (max-width:1024px){
	.form-4-col .element-block{display:inline-block; width:32%; margin-right:2%;}
	.form-4-col .element-block:nth-of-type(3n+3){margin-right:0;}
}

@media only screen and (max-width:768px){
	.form-4-col .element-block:nth-of-type(4n+4), .form-3-col .element-block:nth-of-type(3n+3){margin-right:0%;}
	.form-4-col .element-block:nth-of-type(3n+3){margin-right:2%;}
	.form-4-col .element-block, .form-3-col .element-block{display:inline-block; width:49%; margin-right:2%;}
	.form-4-col .element-block:nth-of-type(2n+2), .form-3-col .element-block:nth-of-type(2n+2){margin-right:0;}
}

@media only screen and (max-width:568px){
	.form-base.alignright, .form-base.alignleft{float:none;}
}

@media only screen and (max-width:480px){
	.form-2-col .element-block, .form-4-col .element-block, .form-3-col .element-block{display:block; width:auto; margin-right:0;}
}

/* Element Layout Options */

.form-label-above{}
.form-label-above label{display:block;}
.form-label-above input, .form-label-above select, .form-label-above textarea{display:block; width:100%; max-width:100%;}

.form-label-above .frm-grpchk div, .form-label-above .frm-rad div{padding-left:2em;}

.form-label-above .frm-grpchk input, .form-label-above .frm-rad input{display:inline-block; width:10%; margin-right:2%;}
.form-label-above .frm-grpchk div label, .form-label-above .frm-rad div label{display:inline-block; width:88%; margin-right:0;}

.form-label-above .frm-chk label, .form-label-above .frm-chk input{display:inline-block; width:auto;}
.form-label-above .frm-chk label{margin-right:1em;}

.form-label-left{}
.form-label-left label{display:inline-block; width:43%; margin-right:2%;vertical-align: top;}
.form-label-left input, .form-label-left select, .form-label-left textarea, .form-label-left .frm-grpchk div, .form-label-left .frm-rad div{display:inline-block; width:55%; max-width:55%;}

.form-label-left .frm-grpchk input, .form-label-left .frm-rad input{width:10%; margin-right:2%;}
.form-label-left .frm-grpchk div label, .form-label-left .frm-rad div label{width:88%; margin-right:0;}

.form-label-left .frm-chk input{width:auto;}

.form-txta-label-above{}
.form-txta-label-above .frm-txta label{display:block;width:auto;}
.form-txta-label-above .frm-txta textarea{display:block; width:100%; max-width:100%;}

.form-txta-full{}
.form-txta-full .frm-txta{
	display:block;
	width:auto;
	margin-right:0;
}

/* Button Options */

.form-button-left .form-submit{text-align:left;}

.form-button-right .form-submit{text-align:right;}

.form-button-center .form-submit{text-align:center;}

.form-button-width-element{}
.form-2-col.form-button-width-element .form-submit div{display: inline-block; width:49%;}
.form-3-col.form-button-width-element .form-submit div{display: inline-block; width:32%;}
.form-4-col.form-button-width-element .form-submit div{display: inline-block; width:23%;}
.form-label-left.form-button-width-element .form-submit input{display:inline-block; width:55%;}

@media only screen and (max-width:1024px){
	.form-4-col.form-button-width-element .form-submit div{width:32%;}
}

@media only screen and (max-width:768px){
	.form-4-col.form-button-width-element .form-submit div, .form-3-col.form-button-width-element .form-submit div{width:49%;}
}

@media only screen and (max-width:480px){
	.form-4-col.form-button-width-element .form-submit div, .form-3-col.form-button-width-element .form-submit div, .form-2-col.form-button-width-element .form-submit div{display:block; width:auto;}
}

.form-button-width-full .form-submit input{display:inline-block; width:100%;max-width:100%;}

.form-button-width-auto .form-submit input{display:inline-block; width:auto;max-width:100%;}

.form-submit input{text-align:center;}