

@media only screen and (max-width: 1024px) and (min-width: 300px) {
	/* Upper 1, 2, and 3 - homepage - Research, Education, Patient Care*/
	.home-box {
		border-bottom: 8px solid #efefef;
		border-top: 8px solid #efefef;
		float: left;
		height: 100%;
		margin: 90px 0 20px 0;
		width: 90%;
		-webkit-transition: background-color 0.9s, padding 0.4s;
		   -moz-transition: background-color 0.4s, padding 0.4s;
		        transition: background-color 0.9s, padding 0.9s;
	}

	.home-box:hover {
		border-bottom: 4px solid #ffc627;
		border-top: 4px solid #ffc627;
	}

	.home-box .home-box-img {
		margin-bottom: 6% !important;
		margin-left: 43% !important;
		margin-top: -8% !important;
		position: relative;
		width: 15% !important;
	}

	.home-box .home-box-text {
		font-size: 15px !important;
		font-weight: normal !important;
		margin: 6% 0 0 0 !important;
		padding: 0 30px 0 30px !important;
		text-align: center;
	}
}

/* SITEWIDE CSS CHANGES */
/* Remove dotted line from top of newsfeed */
.newsfeed > li:first-of-type {
	border-top: medium none;
}

/* Upper 1, 2, and 3 - homepage - Research, Education, Patient Care*/
.home-box {
	border-bottom: 8px solid #efefef;
	border-top: 8px solid #efefef;
	float: left;
	height: 100%;
	margin: 40px 0 20px 0;
	width: 90%;
	-webkit-transition: background-color 0.9s, padding 0.4s;
	   -moz-transition: background-color 0.4s, padding 0.4s;
	        transition: background-color 0.9s, padding 0.9s;
}

.home-box:hover {
	border-bottom: 8px solid #ffc627;
	border-top: 8px solid #ffc627;
	font-weight: bold;
	padding: 8px 0 8px 0;
}

.home-box .home-box-img {
	margin-bottom: 11%;
	margin-left: 35%;
	margin-top: -17%;
	position: relative;
}

.home-box .home-box-text {
	font-size: 18px;
	font-weight: normal;
	margin: 4% 0 6% 0;
	padding: 5px 0 0 0;
	text-align: center;
}

/* News header with hover effects  */
.home-news-header {
	border-left: 8px solid #006140;
	float: left;
	height: 100%;
	margin: 40px 0 15px 9px;
	padding: 10px 10px 10px 23px;
	position: relative;
	width: 85%;
	-webkit-transition: background-color 0.9s, padding 0.4s;
	   -moz-transition: background-color 0.4s, padding 0.4s;
	        transition: background-color 0.9s, padding 0.9s;
}

.home-news-header:hover {
	border-left: 8px solid #ffc629;
	margin: 40px 0 15px 9px;
	padding: 10px 10px 10px 38px;
}

/* Events header with hover effects */
.home-events-header {
	border-left: 8px solid #006140;
	float: left;
	height: 100%;
	margin: 40px 0 15px 0;
	padding: 10px 10px 10px 23px;
	position: relative;
	width: 85%;
	-webkit-transition: background-color 0.9s, padding 0.4s;
	   -moz-transition: background-color 0.4s, padding 0.4s;
	        transition: background-color 0.9s, padding 0.9s;
}

.home-events-header:hover {
	border-left: 8px solid #ffc629;
	margin: 40px 0 15px 0;
	padding: 10px 10px 10px 38px;
}

/* Main content modules */
.research-area {
	float: left;
	height: 100%;
	padding: 3px 10px 6px 0;
	text-decoration: none;
	vertical-align: text-top;
	width: 100%;
	-webkit-transition: border-left 0.5s ease-out;
	   -moz-transition: border-left 0.5s ease-out;
	        transition: border-left 0.5s ease-out;
}

.research-area .research-area-header {
	padding: 6px 0 0 0;
	text-decoration: none !important;
}

a.research-area-header:hover {
	text-decoration: none !important;
}

/* Right sidebar links  */
.button-box-container {
	float: left;
	height: 100%;
	margin: 50px 0 0 30px;
	position: relative;
	width: 100%;
}

.button-box {
	float: left;
	margin: 15px 0 24px 34px;
	position: relative;
	width: 100%;
}

.plus-sign:hover {
	background-color: #ffc629;
	margin-left: 14px;
}

.plus-sign:hover:before {
	background-color: #ffc629;
}

.plus-sign {
	background-color: #006140;
	height: 15px;
	margin-left: 7px;
	position: relative;
	width: 5px;
	-webkit-transition: background-color 0.4s linear, margin-left 0.4s linear;
	   -moz-transition: background-color 0.4s linear, margin-left 0.4s linear;
	        transition: background-color 0.4s linear, margin-left 0.4s linear;
}

.plus-sign:before {
	background-color: #006140;
	content: "";
	height: 5px;
	left: -5px;
	position: absolute;
	top: 5px;
	width: 15px;
	-webkit-transition: background-color 0.4s;
	   -moz-transition: background-color 0.4s;
	        transition: background-color 0.4s;
}

.button-text {
	color: #333 !important;
	font-size: 17px;
	font-weight: bold;
	padding: 0 0 0 30px;
	position: relative;
	top: -3px;
	width: 225px;
}

/* Contact page buttons  */
.contact-button {
	border: 1px solid #efefef;
	border-bottom: 1px solid #ddd;
	border-radius: 30px;
	display: block;
	float: left;
	font-family: "proxima-nova", Arial, Helvetica, sans-serif;
	height: 28px;
	margin: 11px 0 5px 0;
	padding: 6px 0 0 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 85%;
	-webkit-transition: box-shadow 0.4s ease-out;
	   -moz-transition: box-shadow 0.4s ease-out;
	        transition: box-shadow 0.4s ease-out;
}

.contact-button-container {
	float: left;
	left: 0;
	margin-top: 11px;
	position: relative;
	top: 0;
	width: 100%;
}

.contact-button:hover {
	box-shadow: 0 0 8px #ddd;
}

/* Button Container */
.research-nav-mission-container {
	float: left;
	left: 10%;
	margin: 0 0 40px 0;
	position: relative;
	top: 0;
}

/* Button*/
.research-nav-mission {
	border: 1px solid #efefef;
	border-radius: 71px;
	display: block;
	float: left;
	font-family: "proxima-nova", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 32px;
	margin: 20px 0 0 0;
	padding: 14px 0 0 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 245px;
	-webkit-transition: box-shadow 0.4s ease-out;
	   -moz-transition: box-shadow 0.4s ease-out;
	        transition: box-shadow 0.4s ease-out;
}

.research-nav-mission:hover {
	box-shadow: 0 0 8px #ddd;
}

.research-nav-mission-active {
	box-shadow: 0 0 8px #ddd;
	cursor: default;
}

.awardwinner {
	border: 1px solid #efefef;
	border-radius: 5px;
	float: left;
	margin: 0 15px 15px 0;
	padding: 15px 15px 15px 22px;
	width: 42%;
	z-index: 100;
}

.chairsearch {
	background-color: #fff;
	background-image: url("images/featured/bg2.png");
	border: 1px solid #efefef;
	border-radius: 1px;
	float: left;
	height: 10%;
	margin: 5px 5px 5px 5px;
	padding: 30px 30px 30px 30px;
	width: 91.5%;
}

.chairsearch .stages {
	background-color: #fafafa;
	border: 1px solid #efefef;
	border-radius: 0;
	float: left;
	height: 10%;
	margin: 5px 5px 5px 5px;
	padding: 10px 15px 10px 15px;
	width: 94%;
}

.chairsearch .active {
	background-color: #a3d55d;
	border: 0 solid #efefef;
	border-radius: 1px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	float: left;
	height: 10%;
	margin: 5px 5px 5px 5px;
	padding: 10px 15px 10px 15px;
	width: 94%;
}

.chairsearch .stages-2 {
	background-color: #fafafa;
	border: 1px solid #efefef;
	border-radius: 0;
	float: left;
	height: 10%;
	margin: 5px 5px 5px 5px;
	padding: 10px 15px 10px 15px;
	width: 94%;
}

.chairsearch .active-2 {
	background-color: #a3d55d;
	border: 0 solid #efefef;
	border-radius: 1px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	float: left;
	height: 10%;
	margin: 5px 5px 5px 5px;
	padding: 10px 15px 10px 15px;
	width: 94%;
}
