/* BACKGROUNDS */

	.picture {
		-moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.9);
		-webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.9);
		box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.9);
		height: auto; 
		min-height: 460px;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.director { 
		background: url(../images/background1.jpg) center 50px no-repeat fixed;
		background-size: 100%; 
		height: 730px; 
	}
	.board { 
		background: url(../images/background2.jpg) no-repeat fixed center center;
		background-size: 100%; 
	}
	.panel { 
		background: url(../images/background3.jpg) center 100px no-repeat fixed;
		background-size: 100%; 
	}
	.directory { 
		background: url(../images/background4.jpg) center center no-repeat fixed;
		background-size: 100%; 
	}
	.contact { 
		background: url(../images/background5.jpg) center center no-repeat fixed;
		background-size: 100%; 
	}

	/* Mission Statement */
	#mission {
		background-color: rgba(0, 0, 0, 0.9);
		float: left;
		height: auto;
		min-height: 390px;
		margin-top: 100px;
		width: 48%;
	}
	#mission h1 { color: #fff; font-size: 3em; font-weight: bold; margin: 25px 30px 0 35px; }
	#mission span { color: #597baa; }
	#mission p { color: #fff; font-size: .875em; line-height: 1.6em; margin: 25px 30px 0 35px; }
	#mission p:last-child { margin-bottom: 40px; }

	/* SECTIONS */

	.section {
		background: #fff;
		height: auto;
		/* min-height: 460px; */
		width: 100%;
	}
	.section h1 { color: #577cb0; font-size: 2.625em; font-weight: bold; padding-top: 10px; }
	.section p { font-size: .875em; line-height: 1.6em; }
	.section a { color: #597baa; text-decoration: none; }
	.section a:hover { text-decoration: underline; }

	/* Director Section */
	#from_dir { float: left; margin: 50px 1% 0 3.5%; width: 45%; }
	#from_dir h1 { margin-bottom: 30px; }
	#from_dir p { margin-bottom: 35px; }

	#dir_video {
		border: 20px solid #597baa; 
		-moz-box-shadow: 0px 4px 20px 1px #333333;
		-webkit-box-shadow: 0px 4px 20px 1px #333333;
		box-shadow: 0px 4px 20px 1px #333333;
		cursor: pointer;
		float: right;
		height: auto;
		margin: 115px 0 60px 0;
		min-height: auto;
		width: 45%;
	}

	/* Board of Trustees Section */
	#trustee_info { height: auto; margin: 45px 6% 20px 3.5%; }
	#trustee_info h1 { margin-bottom: 30px; }

	#trustee_list { border: 1px solid #ccc; height: auto; margin: 0 3.5% 30px 3.5%; }
	#trustee_list .column { float: left; margin: 20px 1.9% 20px 1%; width: 22%; }
	.column h4 { color: #577cb0; font-size: 1.125em; font-weight: bold; }
	.column.whiteout h4 { color: #fff; }	
	.column ul { margin-top: 10px; }
	.column ul li { 
		font-family: 'PT Serif', sans-serif; 
		font-size: .875em;
		line-height: 1.6em; 
	}
	.column ul li span { color: #666; font-style: italic; }

	/* Academic Advisory Panel Section */
	#academic_info { height: auto; margin: 45px 6% 20px 3.5%; }
	#academic_info h1 { margin-bottom: 30px; }

	#academic_list { border: 1px solid #ccc; height: auto; margin: 0 3.5% 30px 3.5%; }
	#academic_list .column { float: left; margin: 18px 1.9% 20px 1.5%; width: 46%; }
	#academic_list .column ul li { margin-bottom: 6px; }

	/* Member Directory Section */
	#member_info { height: auto; margin: 45px 6% 20px 3.5%; }
	#member_info h1 { margin-bottom: 30px; }

	#member_list { border: 1px solid #ccc; height: auto; margin: 0 3.5% 30px 3.5%; }
	#member_list .column { float: left; margin: 18px 3% 20px 2%; width: 90%; }
	#member_list .column #letters li { float: left; display: block; margin: 0 1% 20px 0; }
	#member_list .column #letters li a { font-style: italic; }

	#member_list .column #member_names { clear: left; display: block; float: none; margin-top: 20px; }
	#member_list .column #member_names li { display: block; float: none; margin-bottom: 10px; }
	.tabcontent p{font-size:14px!important}
	.tabcontent h3{font-size:18px!important}

	/* Contact Us Section */
	.col.column { float: left; height: auto; margin: 45px 1% 20px 2%; width: 44%; }
	.location h1 { margin-bottom: 30px; }
	.location h4 { line-height: 1.3em; }
	.location a { margin-bottom: 20px; margin-top: 14px; }
	.location strong {font-weight:bold;}
	.location a img {margin: 10px 0;}

	.col.column.information { display: block; margin-top: 140px; }
	.information h6 { font-weight: bold; font-size: .875em; }
	.information p { font-size: .875em; line-height: 1.3em; }
	.information .paragraph { margin-bottom: 20px; }

/* ========================================= */
/* ! Layout for tablet (landscape) version   */
/* ========================================= */

@media handheld, only screen and (max-width: 1024px) and (min-width: 781px) {

	/* BACKGROUNDS */
	.picture { background-size: 110%; }
	.director { background-position: center 100px; }
	.board { background-position: center 50px; }
	.panel { background-position: center 100px; }
	.directory { background-position: center center; }
	.contact { background-position: center center; }

	/* Mission Statement */
	#mission { width: 60%; }
}

/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */

@media handheld, only screen and (max-width: 780px) and (min-width: 481px) {

	/* BACKGROUNDS */
	.picture { background-size: 150%; }
	.director { background-position: center 100px; }
	.board { background-position: center 130px; }
	.panel { background-position: center 120px; }
	.directory { background-position: center 100px; }
	.contact { background-position: center 100px; }

	/* Mission Statement */
	#mission { width: 60%; }

	/* SECTIONS */
	.section h1 { font-size: 2.25em; }

	/* Director Section */
	#from_dir { float: left; margin: 50px 1% 0 3.5%; width: 42%; }
	#dir_video { width: 46%; }

	/* Board of Trustees Section */
	#trustee_list .column h4 { font-size: 1em; }
	#trustee_list .column p { font-size: .625em; }

	/* FOOTER */

	/* Footer NAV */
	#foot_nav { margin-right: 1%; width: 49%; }
	#foot_nav li { font-size: 1em; margin-right: 5%; text-align: center; }

	/* Footer Social */
	#foot_social { width: 5%; margin-right: 5%; }
	#foot_social a {margin-right: 1%; }

}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 520px) {

	/* BACKGROUNDS */
	.picture { background-size: 250%; }
	.director { background-position: center 0; }
	.board { background-position: center 0; }
	.panel { background-position: center 0; }
	.directory { background-position: center 0; }
	.contact { background-position: center 0; }

	/* Mission Statement */
	#mission { width: 100%; }

	/* SECTIONS */
	.section h1 { font-size: 2em; }

	/* Director Section */
	#from_dir { float: none; margin: 50px 1% 0 3.5%; width: 100%; }
	#dir_video { float: none; width: 90%; margin-top: 30px; }

	/* Board of Trustees Section */
	#trustee_list .column { float: none; margin: 10px auto; width: 90%; text-align: center; }
	#trustee_list .column h4 { font-size: 1.5em; }
	#trustee_list .column.whiteout h4 { display: none; }
	#trustee_list .column p { font-size: .1em; }

	/* Academic Advisory Panel Section */
	#academic_list .column { margin: 20px; width: 90%; text-align: center; }
	#academic_list .column.whiteout h4 { display: none; }

	/* Member Directory Section */
	#member_list .column { margin: 20px; width: 90%; }
	#member_list .column #letters { margin: 10px auto; width: 90%; }
	#member_list .column #letters li { margin: 0 1px; }
	#member_list .column #letters li a { padding: 0 7px; }
	
	#member_list .column .tabcontent {
	padding: 10px;
	font-family: 'PT Serif',sans-serif;
    font-size: 0.9em;
    line-height: 1.6em;
}

	/* Contact Us Section */
	.col.column { float: none; margin: 50px auto 20px auto; width: 90%; }
	.col.column.information { margin-top: 0px; padding-top: 20px; border-top: #CCC solid 1px;}
	

	/* FOOTER */

	/* Footer NAV */
	#foot_nav { margin: 10px auto 20px auto; width: 100%; }
	#foot_nav li { font-size: .9em; margin-right: 5%; text-align: center; }

	/* Footer Social */
	#foot_social { width: 30%; margin-right: 0; }
	#foot_social a { margin-right: 1%; }

	/* Footer Contact Information */
	#foot_contact { width: 70%; }
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 


}