/* ==========================================================================
Shawnee State University Main styles
Version: 1.0.5
========================================================================== */


/* The good box model
-------------------------------------------------------------- */
*,
*:after,
*:before {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

.row:before, .row:after, .clear:before, .clear:after, .grid:before, .grid:after { content:""; display:table; }
.row:after, .clear:after, .grid:after { clear: both; }
.row, .clear, .grid { zoom: 1; }
.row .row { width: auto; max-width: none; }

html { 
	overflow-x: hidden; 
}

body {
	font: 16px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	color: #555;
}

a { 
	text-decoration: none; 
	color: #2e6399;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: bold;
	line-height: 1.1;
}

h1, .h1 { font-size: 3.00em; }
h2, .h2 { font-size: 2.25em; }
h3, .h3 { font-size: 1.50em; }
h4, .h4 { font-size: 1.25em; }

h1+h1, h1+h2, h1+h3, h1+h4, h1+h5, h1+h6 {
	margin-top: 1em;
}

h2 + h3 {margin-top: 1.5em;}

p { 
	line-height: 1.5;
	margin-bottom: 1em;
}

p+h1, p+h2, p+h3, p+h4, p+h5, p+h6, p+p,
ul+h1, ul+h2, ul+h3, ul+h4, ul+h5, ul+h6,
ol+h1, ol+h2, ol+h3, ol+h4, ol+h5, ol+h6 {
	margin-top: 1.5em;
}

button, 
input[type=button], 
input[type=reset], 
input[type=submit], 
.button a, a.button {
	background: #EAA241;
	color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,0.2);
	text-decoration: none !important;
	display: inline-block;
	padding: 1em 1.2em;
	border: 0;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
	font-weight: bold;
}

button:disabled, input:disabled, textarea:disabled {
	opacity: 0.6;
}

button:hover,
input[type="button"]:hover,
input[type=reset]:hover, 
input[type=submit]:hover,
.button a:hover,
a.button:hover{
	background: #f1a642;
	color:#fff !important;
}

.button a:active {
	position:relative;
	top:1px;
}

input, 
textarea {
	padding: 0.8em 1em;
	border: 1px solid #ddd;
	background: #fff;
}

/* Form Classes */

form .infotextstrong {font-weight: bold;}
form .infotext, form .infotextstrong {margin: 25px 0;}

form .legendtext {display: block; margin-bottom: 20px;}

form span {
	display: block;
}

form.ldpforms label {
	display: block;
}

form div {
	margin: 1em 0;
}

fieldset {
	border: 1px solid #ddd;
	margin: 1em;
	margin: 1em 0;
	padding: 1em;
}

legend {
	padding: 0.8em 1em;
	border: 1px solid #ddd;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	margin-bottom: 1em;
}

figure {
	margin: 1em 0;
}

.alert {
	padding: 1em;
	margin: 1em 0;
	background: #eee;
	color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}

.alert-warning {
	background: #FFC74E;
}

.alert-error {
	background: #FF4A4A;
}

.alert-success {
	background: #ABC178;
}

.alert-info {
	background: #7ea4cc;
}

.small{
	font-size: .8em;
}

blockquote, aside {
	padding: 1.5em;
	margin: 1.5em 0;
	border: 1px solid #ddd;
	background-color: #f0f0f0;
	color: #333;
}

aside.link, p.intro.link {
	background-color: rgba(0,0,0,0.02);
	border: 1px solid #ccc;
	font-weight: bold;
	font-size: 1.25em;
}

blockquote.important, aside.important {
	background: #FF4A4A;
	color: #fff;
}

blockquote.checklist, aside.checklist {
	text-align: center;
}

blockquote.checklist img, aside.checklist img {
	padding-bottom: 10px;
}

blockquote.checklist a, aside.checklist a {
	display: block;
	font-weight: bold;
}

blockquote :first-child {
	margin-top: 0;
}

table {
	border-collapse: collapse;
	margin-bottom: 2em;
	width: 100%;
}

td, th {
	padding: 0.5em 1em;
	border: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
}

td.j-right {
	text-align: right;
}

th {
/* 	background-color: #ddd; */
}

thead th, thead td {
	border-bottom-width: 5px;
	font-weight: bold;
}

table caption {
	padding: 0.5em 1em;
	text-align: left;
	font-weight: bold;
	background: #069;
	color: #fff;
}

tfoot td {
	background-color: #ddd;
}

@media (max-width: 767px) {

	table {
		font-size: 0.875em;
	}

	td, th {
		padding: 0.25em 0.5em;
	}

}

dt, dd {
	margin: 0;
	line-height: 1.5;
}

figure {
	margin: 0;
}

hr {
	border: none;
	height: 1px;
	background-color: #ddd;
	background-color: rgba(0,0,0,0.1);
	margin: 1em 0;
	clear: both;
}

ol.upper-roman {list-style-type: upper-roman;}
ol.upper-alpha {list-style-type: upper-alpha;}
ol.lower-roman {list-style-type: lower-roman;}
ol.lower-alpha {list-style-type: lower-alpha;}

ol {
	list-style-position: outside;
}

ol li {
	list-style-type: decimal;
}


/* basic menu code 1.0
-------------------------------------------------------------- */
.dropmenu { 
	position: relative; 
	z-index: 100;
}

.dropmenu li {
	float: left;
	list-style: none;
	position: relative;
}

.dropmenu li a {
	text-decoration: none;
	color: #2566A6;
	display: block;
	padding: 1em;
}

.dropmenu li ul {
	display: none;
	position: absolute;
	left: 0; top: 100%;
	width: 20em;
	z-index: 999;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	border: 1px solid #eee;
	margin-left: 0px;
}

.dropmenu li ul li {
	float: none;
}

.dropmenu li ul li + li a {
	border-top: 1px solid #eee;
}

.dropmenu li ul li ul {
	left: 100%; top: 0;
}

.dropmenu li:hover {
	background: #eee;
}

.dropmenu li:hover > ul {
	display: block;
}

.dropmenu li.dir > a:after {
	content: " +";
	color: #fff;
}

.dropmenu:after {
	content: "";
	display: table;
	clear: both;
}



/* Search Form
-------------------------------------------------------------- */
#searchform {
	background: #333;
	overflow: hidden;
	position: relative;
	margin:0;
	padding: 0;
}

#searchform form{
	margin:0;
	padding: 0;
}

#searchform label {
	margin:0;
	padding: 0;
	line-height: 0;
	display: none;
	color: #fff;
}
#searchform input{
	margin:0;
	padding: 0;
	font-size: 0.9em;
	outline: none;
}

#searchform input[type=text] {
	padding: 0 1em; margin: 0;
	border: 0;
	width: 100%;
	background: transparent;
	color: #AAA;
	height: 40px;
}

/*#searchform ::-webkit-input-placeholder, #searchform input:-moz-placeholder {}*/
#searchform input[type=submit] {
	margin: 0px;
	position: absolute;
	top: 0; right: 0;
	text-indent: -999em;
	cursor: pointer;
	width: 30px; height: 100%;
	border: none;
	font-size: 0.9em;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	background-image: url(images/search.png);
}

#searchform button {
	margin: 0px;
}



/* Basic Structure and color
-------------------------------------------------------------- */
body {
	background: #fff;
}

#top {
	background: #111;
}

#header {
	background: #fff;
}

#page {
	background: #f8f8f8;
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
	position: relative;
	overflow: hidden;
}

.home #page {
	background: none;
	box-shadow: none;
}

#intro {
	color: #777;
}

#action {
	background: #2868a4;
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.2);
}

#audience {
	background: #221f33;
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.2);
}

#highlights {
	background: #eee;
}

#footer {
	background: #222;
	color: #ccc;
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.5);
}

#bottom {
	background: #111;
}



/* sub structures
-------------------------------------------------------------- */

.post-header {
	/*box-shadow: inset 0 0 5em rgba(0,255,0,0.2);*/
}

.post-header + .post-header, .post-header + .post-header .container {
	padding-top: 0;
}

.post-footer {
	padding: 2em 0;
	background: #ececec;
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
}

.post-footer.alt {
	background: transparent;
}

.home #announcements {
	background: #375572 url(images/dot.png) 3px 3px;
	color: #7EA5CB;
}

.container {
	padding: 2em 0;
}

.post .container {
	padding: 2em 0 4em;
}

#header .container {
	padding: 0;
}


/* breadcrumbs
-------------------------------------------------------------- */

#breadcrumb {
	padding: 0;
}

#breadcrumb .container {
	padding: 1.5em 0;
}

#breadcrumb ul {
	list-style: none;
	font-size: 0.75em;
	margin: 0 -0.5em;
}

#breadcrumb ul li {
	float: left;
}

#breadcrumb ul li a {
	display: block;
	border-right: 1px solid #ccc;
}

#breadcrumb ul li a, #breadcrumb ul li.last {
	padding: 0.25em 0.5em;
}

#breadcrumb ul li span {
	color: #363636;
}

@media (max-width:767px) {

	#breadcrumb {
		display: none; 
	}

}



/* Rows 
-------------------------------------------------------------- */

.row + .row, .row-fluid + .row-fluid {
	padding-top: 2em;
}

.row.top-line{
	margin-top: 30px;
	border-top: 1px solid #ddd;
}

.row.top-line + .row.top-line {
	margin-top: 0px;
	border-top: 1px solid #ddd;
}



/* Grid 
-------------------------------------------------------------- */

.grid {
	margin: -1em 0;
}

.grid .item {
	padding: 1em 0;
	overflow: hidden;
}

@media (min-width:600px) {

	.grid {
		margin: -2em;
	}

	.grid .item {
		padding: 2em;
		width: 50%;
		float: left;
	}

}/* end @media */

@media (min-width:600px) and (max-width:979px) {

	.grid .item:nth-child(2n+1) {
		clear: left;
	}

}/* end @media */

@media (min-width: 980px) {

	.grid.two {
		margin: -2em -3em;
	}

	.grid.two .item {
		padding: 2em 3em;
	}

	.grid.three .item {
		width: 33.333%;
	}

	.grid.four .item {
		width: 25%;
	}

	.grid.five .item {
		width: 20%;
	}

	.grid.two .item:nth-child(2n+1),
	.grid.three .item:nth-child(3n+1),
	.grid.four .item:nth-child(4n+1),
	.grid.five .item:nth-child(5n+1) {
		clear: left;
	}

}/* end @media */




/* Columns
-------------------------------------------------------------- */

@media (min-width: 768px) {

	.threecol {
		padding: 2em 0;
	}

	.threecol .span4 + .span4 {
		border-left: 1px solid #ddd;
		padding-left: 2em;
	}

}/* end @media */

@media (min-width: 768px) and (max-width: 979px) {

	.threecol {
		font-size: .85em;
	}

}/* end @media */



/* Page Types
-------------------------------------------------------------- */



/* Generic styles
-------------------------------------------------------------- */

.callout{
	padding: 2em;
	background: #375572;
	margin-bottom: 2em;
	color: #fff;
	text-shadow: 0 0 2px rgba(0,0,0,0.5);
}

.callout a, .callout h3, .callout h4 {
	color: #fff;

}

.callout h3 {font-size: 1.25em;}

.callout p + h3, .callout p + h4 {
	border-top: 1px solid #fff;
	border-top: 1px solid rgba(255,255,255,0.3);
	padding-top: 1.0em;
	margin-top: 1.0em;
}

.section-content .callout h3, .section-content .callout h4 {
	color: #fff;
}

.callout p {
	margin-top: 0.5em;
}

.sidebar {
	border-color: #ddd;
	border-color: rgba(0,0,0,0.1);
	border-style: solid;
	border-width: 0 0 0 1px;
	padding: 0 0 0 2em;
	font-size: 0.875em;
}

.sidebar.pull-left {
	border-width: 0 1px 0 0;
	padding: 0 2em 0 0;
}

.sidebar blockquote {
	padding: 1em 0;
	border-width: 1px 0;
	background-color: transparent;
}

@media (max-width: 979px) {
	.sidebar {
		border-left: none;
		padding-left: 0;
	}
}/* end @media */

.urgent{ 
	padding: 2em;
	background: #aa0000;
	color: #fff;
	text-shadow: 0 0 2px rgba(0,0,0,0.5);
}



/* Profiles Index
-------------------------------------------------------------- */

.profiles {
	padding-bottom: 4em;
}

.no-images .profile article {
	padding: 1em 0;
	margin: -1em 0;
	border-top: 1px solid #ddd;
}

.profile figure {
	width: 100%;
	background: #eee;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}

.profile figure img {
	box-shadow: none;
}

@media (min-width:600px) {

	.no-images .profile article {
		padding: 1em 1.5em;
		margin: 0 -1em;
		border: 1px solid #ddd;
		background-color: #fff;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}

}/* end @media */

@media (min-width: 768px) {

	.profile figure.no-image {
		padding: 50% 0;
	}

}/* end @media */

@media (max-width: 767px) {

	.profile figure {
		width: 30%;
		margin-right: 1em;
		float: left;
	}

	.profile figure.no-image {
		padding: 15% 0;
	}

	.profile article {
		overflow: hidden;
	}

	.profile .entry-title {
		margin-top: 0;
	}

}/* end @media */



/* Profile Template
-------------------------------------------------------------- */

.profile-tmpl .section-content ul {
	list-style: none;
	margin: 1em 0;
}

.profile-tmpl .section-content li {
	padding: 0.5em 0;
	border-top: 1px solid #ddd;
}

.profile-tmpl .section-content li p {
	margin: 0;
}

.profile-tmpl .section-content li :first-child {
	margin-top: 0;
}

@media (min-width: 768px) {

	.profile-tmpl .section-content {
	}

	.profile-tmpl .section-content [class*="row"] {
		margin: 0 -30px;
		width: auto;
	}

	.profile-tmpl .section-content .aside {
		width: 30%;
		float: right;
		padding: 0 30px;
	}

	.profile-tmpl .section-content .article {
		overflow: hidden;
		padding: 0 30px;
	}

}



/* Calendar 
-------------------------------------------------------------- */

.calendar {
	margin-bottom: 3em;
}

.calendar .month {
	padding: 0.5em 1em;
	margin-bottom: 1em;
	background: #555;
	color: #fff;
}

.calendar .grid .item {
	margin: 1em 0;
	border-left: 1px solid #ccc;
	min-height: 150px; 
}

.calendar .grid .item:nth-child(4n+1) {
	border-left: none;
}

.calendar .grid .item h5 {
	color: #2566A6;
}

.calendar .grid .item p {
	font-size: 0.8em;
}

@media (max-width: 599px) {

	.calendar .grid .item {
		border-left: none;
		border-bottom: 1px solid #CCC;
	}

	.calendar .month {
		margin: 1em 0 0;
	}

}

@media (min-width:600px) and (max-width:979px) {

	.calendar .grid .item:nth-child(2n+1) {
		border-left: none;
	}

}/* end @media */



/* archive 
-------------------------------------------------------------- */

.archive {
	margin-bottom: 3em;
}

.archive .row-fluid {
	margin-top: 2em;
	border-top: 1px solid #ccc;
	padding-top: 2em;
}



/* top
-------------------------------------------------------------- */

/* power-menu */

#top {}

#top .container {
	padding-top: 0em;
	padding-bottom: 0em;
}

#top .container .row{
	padding-top: 0px; 
	padding-bottom: 0px;
}

#power-menu {
	padding-top: 0px; padding-bottom: 0px;
	margin-top: 0px; margin-bottom: 0px;
	color: #fff;
}

#power-menu li {
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	border: none;
	padding: 0 5px;
}

#power-menu li:first-child {
	padding-left: 0px;
	margin-left: -5px;
}

#power-menu a {
	color: #7EA5CB;
	display: inline-block;
	line-height: 40px;
	padding: 0 0.5em;
}

#power-menu a:hover {
	text-decoration: underline;
}

/* search */

#search {}
#search input{}

/* toggles */
#toggles {
	background: #000;
}

#toggles h5 {
	margin: 0;
	color: #fff;
	line-height: 40px;
	padding: 0 1em;
}

#apply-btn a {color: #EAA241; margin-left: -10px;}
#global-btn, #search-btn {display: none;}


/* Header
-------------------------------------------------------------- */

#header .container .row{
	padding-top: 35px;
	padding-bottom: 35px;
}

/* logo */
#logo {
	width: 220px;
	height: 50px;
}


#logo a {
	display: block;
	width: 220px; height: 50px;
	background:  url(images/logo-web.png) no-repeat left center;
	text-indent: -999em;
}

/* global menu */
#global-menu {
	font-size: 13px;
	margin-top: 10px;
}



/* intro
-------------------------------------------------------------- */

#intro {}

#intro .container{ 
	margin-top: 85px; 
	margin-bottom: 0px; 
	padding: 0; 
}

#intro .container .row{}

#intro .hero {}

#intro .hero img{ 
	margin:0; 
	padding: 0;
}

#intro .section {
	margin-left: 0;
	margin-bottom: 20px;
}

#intro .title {
	color: #EAA241;
	background: #375572;
	background: rgba(55,85,114,0.8);
	padding: 1em;	
	position: relative;
	left: -4em; top: -2em;
	margin-top: 0;
	margin-bottom: -2em;
	line-height: 1.05em;
}

#intro .title strong {
	color: #fff;
}

#intro .title:after {
	content: "";
	display: block;
	width: 0; height: 0;
	position: absolute;
	right: 0; bottom: 0;
	border-color: rgba(0,0,0,0.2) white;
	border-style: solid;
	border-width: 0.8em 0.8em 0 0;
}

#intro .article {
	padding: 2em 0 0 2em;
	margin-right: 0;
}


@media (min-width: 768px) and (max-width: 979px) {

	#intro {}

	#intro .container {}

	#intro .container .row {
		margin-top: 0px
	}

	#intro .hero {}

	#intro .section {}

	#intro .title {
		font-size: 2.25em;
		margin-right: -3em;
	}

	#intro .article {
		font-size: 0.8em;
	}

}/* end @media */

@media (max-width:767px) {

	#intro {
		background-color: #375472;
	}

	#intro .container {
		padding: 0;
		margin: 0;
	}

	#intro .hero {}

	#intro .hero img {}

	#intro .title {
		position: static;
		margin: 0;
		padding: 32px 32px 0;
	}

	#intro .title:after {
		display: none;
	}

	#intro .article {
		padding: 32px;
		margin: 0;
		color: #fff;
	}

	#intro .section {
		margin: 0;
		padding: 0;
	}

	#intro .article p {}

}/* end @media */



.intro {
	font-size: 1.25em;
}

.intro strong {
	color: #2e6399;
	font-size: 1.25em;
}



/* page-title
-------------------------------------------------------------- */

#page-title h2 { font-size: 3.00em; }

#page-title [class*="span"] {
	color: #069;
}

@media (min-width: 768px) {

	#page-title [class*="span"] {
		font-size: 1.25em;
	}

}

#page-intro :last-child {
	margin-bottom: 0;
}



/* Action!
-------------------------------------------------------------- */
#action { 
	text-align: center; 
	color: #fff;
}

#action .container { 
	padding: 2.5em 0;
}

#action .span4 {
	background: url(images/icon.star.png) no-repeat center top;
	padding: 70px 0px 0px 0px;
}

#action #degreesearch { 
	background-image: url(images/icon.degree-orange.png);
}

#action #tuitioncost {
	background-image: url(images/icon.map-green.png);
	padding-left: 20px;
}

#action .span4 + .span4 {
	border-left: 1px solid #5582ba;
}

#action h3, #action h2, #action h3 a, #action h2 a {
	font-weight: bold;
	color: #fff;
	font-size: 1.3em;
	letter-spacing: 0;
}

#action p, #action p a {
	font-weight: normal;
	color: #fff;
}

#action a:hover {
	color: #fff;
}

@media (max-width:767px) {

	#action {
		text-align: left;
		padding-top: 0;
		margin-top: -95px;
		margin-left: -10px;
	}

	#action .span4 {
		margin: 0;
		padding: 1em 1em 1em 5em;
		background-position: 0px 20px;
	}

	#action .span4 + .span4 {
		border-left: none;
		border-top: 1px solid rgba(0,0,0,0.2);
	}

	#action .container {
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top: 30px;
	}

	#action h3, #action h2 {
		font-size: 1.4em;
	}

	#action p{
		padding: 0;
		font-size: 0.9em;
	}

	#action #degreesearch p { 
		padding-right: 0;
	}

	#action #tuitioncost {
		padding-left: 5em;
	}

}

@media (min-width:979px) {

	#action p, #action p a {
		padding: 0 1em;
	}

	#action #tuitioncost {padding-left: 2em;}

}

@media (min-width: 768px) {

	#action #tuitioncost {background: url(images/icon.map-green.png) no-repeat 57% top;}

}

@media (max-width:650px) {

	#action p span {display: none;}

}

/* audience
-------------------------------------------------------------- */
#audience {}

#audience .container {
	padding: 0;
	border-right: 1px solid #444;
}

#audience .container .row-fluid {
	padding: 0;
}

#audience .container .row-fluid + .row-fluid { 
	border-top: 1px solid #444;
}

#audience a {
	display: block;
	width: 100%;
	/* text-align: center; */
	font-size: .95em;
	font-weight: bold;
	color: #EAA241;
	padding: 1.2em 2em;
}

#audience a span {
	font-weight: normal;
	color: #ddd;
}

#audience a:hover {
	text-decoration: underline;
}

#audience .span4 {
	border-left: 1px solid #444;
}

@media (max-width: 767px) {

	#audience .container {
		border: none;
		margin: 0px;
	}

	#audience .span4 {
		border: none;
		margin: 0px;
	}

	#audience .span4 + .span4 {
		border-top: 1px solid #444;
	}

}/* end @media */

@media (min-width: 768px) and (max-width: 979px) {

	#audience a {
		padding: 1.2em 1.5em;
		font-size: .85em;
	}

}/* end @media */



/* MISC
-------------------------------------------------------------- */

.vcard p {
	margin: 0;
}

#global-menu.show, #search.show, #more.show { 
	display: block;
}

.post img[src*=".jpg"] {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.post table, .post-footer table {
	width: 100%;
}

table.small {
	font-size: 75%;
}

table.fixed {
	table-layout: fixed;
}

.gallery img {
	width: 100%;
	height: auto;
}

.gallery p, .gallery li {
	font-size: 0.8em;
}

.block-gallery .post-features .gallery article h4 {
    background-color: #123;
    padding: 20px;
    color: #fff;
    margin-top: 0;
    min-height: 100px;
}



/* academic tables
-------------------------------------------------------------- */

.academics td.course, 
.academics td.hours {
	width: 20%;
}

.academics td.hours,
.academics tbody th + td + td {
	width: 10%;
}

.academics tbody th {
	width: 20%;
	background: transparent;
}

.academics td, .academics th {
	padding: 0.5em 0;
	padding-right: 1em;
	border-left: none;
	border-top: none;
	border-right: none;
}



/* widgets
-------------------------------------------------------------- */

.widget {
	margin-bottom: 3em;
}

.widget strong{
	color: #2566a6;
} 

.widget .title {
	margin-top: 30px;
}

.widget .menu {
	list-style: none;
	margin-left: 0;
}

.widget .menu li.no-link, .widget .no-link li {
	padding: 0.75em 0;
}

.widget .menu a {
	padding: 0.75em 0;
}

.section-content .widget ul.menu li {padding: 0;}
.section-content .widget ul.menu li a:hover {color: #555;}

body #page .section-content .widget .menu li a {
	text-decoration: none;
}

.widget .menu a:hover, body #page .section-content .widget .menu li a:hover {
	text-decoration: none;
	background: #eee;
	padding-left: 10px;
}

#footer .widget .menu a {
	color: #999;
}

#footer .widget .menu a:hover{
	text-decoration: none;
	background: #CCC;
	padding-left: 10px;
	color: #333;
}



/* carousel and feature
-------------------------------------------------------------- */
.carousel {
	margin-bottom: 0;
}

.carousel img {
	width: 100%;
	height: auto;
}

.carousel-control {
	top: 50%;
	border: none;
	border-radius: 0;
	font-weight: normal;
	color: #000;
	text-indent: -999em;
	background: #fff url(images/next.png) no-repeat center;
	box-shadow: 0 0 7px rgba(0,0,0,0.5);
}

.carousel-control.left {
	background-image: url(images/prev.png);
}

.feature img {
	width: 100%;
	height: auto;
}

.feature, .feature .container {
	padding-bottom: 0.5em;
}


@media (max-width: 979px) {

	.carousel.post-header, .feature.post-header {
		padding: 0;
	}

	.carousel.post-header .container, .feature.post-header .container {
		padding: 0;
		margin: 0;
		width: 100%;
	}

}/* end @media */



/* menu
-------------------------------------------------------------- */
.menu {
	list-style: none;
	/*margin-left: 0;*/
}

.menu li {
	border-top: 1px solid #ddd;
	font-size: 0.85em;
}

.menu li a {
	display: block;
	padding: 0.5em 0;
	color: #666;
}



/* section-menu
-------------------------------------------------------------- */
.section-menu {
	margin-bottom: 1em;
	font-size: 0.8em;
	color: #333;
}

.section-menu a {
	text-decoration: none;
	color: #444;
}

.section-menu ul {
	list-style: none;
	margin-left: 0;
}

.section-menu ul li {
	padding: 0;
	line-height: 1.25;
}

.section-menu li a {
	display: block;
	padding: 0.25em 0;
	color: #444;
}

.page-nav-link {
	display: none;
}

@media (min-width: 768px) {

	.section-menu {
		background: transparent;
		opacity: 0.75;
	}

	.section-menu li a:hover {
		background: #ccc;
		color: #555;
		padding: 0.25em 0.5em;
		margin: 0 -0.5em;
	}

	.section-menu h3, .section-menu h4 {
		margin: 1.25em 0 0.5em 0;
	}

}


@media (max-width: 767px) {

	#target-menu {
		display: block;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 12px;
		font-weight: bold;
		padding: 1em;
		margin: 0;
		background: #ccc;
		color: #fff;
	}

	#page {
		position: relative;
		padding-top: 4em;
	}

	.one-column-tmpl #page, .two-column-tmpl #page, .three-column-tmpl #page, .information #page {
		padding-top: 2em;
	}

	.home #page {
		padding-top: 0;
	}

	.page-nav-link {
		display: block;
		position: absolute;
		top: 0; left: 0;
		width: 100%;
	}

	.page-nav-link a{
		display: block;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 12px;
		font-weight: bold;
		padding: 1em;
		background: #aaa;
		color: #ddd;
	}

	.page-nav-link a:hover {
		background: #777;
	}

	.section-menu {
		padding-top: 4em;
		color: #555;
		font-size: 15px;
	}

	.section-menu h3, .section-menu h4 {
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 1em;
		background: #222;
		border-bottom: 1px solid #555;
		color: #999;
	}

	.section-menu h3 a, .section-menu h4 a {
		color: #999;
	}

	.section-menu li > a{
		background: #444;
		color: #ccc;
		padding: 1em;
		border-bottom: 1px solid #555;
	}

	.section-menu li > a:hover{
		background: #222;
		color: #ccc;
		padding: 1em;
		position: static;
	}

}/* end @media */

.section-menu .contact {
	padding: 2em 0;
	margin: 2em 0 0;
	position: relative;
}

.section-menu .contact:before {
	display: block;
	content: "";
	width: 50%;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 0;
	left: 0;
}

.section-menu .contact :first-child {
	margin-top: 0;
}

.section-menu .contact h5, .section-menu .contact p {
	margin: 0.5em 0;
}

/* Section Menu Anchor ----*/
.section-menu #page-menu-target{
	display: block;
	height: 20px;
}



/* section-menu specifics
-------------------------------------------------------------- */

.academics .section-menu .sub ul {
	display: none;
}

.academics #page .section-menu .faculty {
	display: none;
}

/*
.academics.faculty .section-menu .sub.faculty,
.academics.majors .section-menu .sub.majors,
.academics.minors .section-menu .sub.minors {
display: block;
}
*/


/* section-content
-------------------------------------------------------------- */
.section-content h1,
.section-content h2 {
	color: #069;
}

.section-content h3, 
.section-content h4, 
.section-content h5, 
.section-content h6 {
	color: #555;
}

.section-content li {
	line-height: 1.5;
	padding: 0.25em 0;
}

.section-content a, 
#page-intro a,
.gallery p a,
.post-footer p a {
	text-decoration: underline;
}

.section-content a:hover, 
#page-intro a:hover,
.gallery p a:hover,
.post-footer p a:hover,
#page div.onecol a:hover {
	color: #EAA241;
}




/* home post-footer
-------------------------------------------------------------- */
.home .post-footer .button a{
	background: #2e6399);
	padding: 1em 1.3em;
	font-size: 1em;
	color: #7EA5CB;
}

.home .post-footer h4 a {
	color: #fff;
	display: inline-block;
	font-size: 1.25em;
}



/* post-footer Navigation Element - Used to list a couple of buttons below support section */

.post-footer nav {
	text-align: center;
}

.post-footer nav .button {
	display: inline-block;
	margin: 0.5em.75em;
}

.post-footer nav .button a{
	background: #2e6399;
	padding: 1em 1.3em;
	font-size: 1em;
	color: #fff;
	text-shadow: none;	
}

.post-footer nav .button a:hover, #news .button a:hover{
	background: #f78f1e;
}

.home .post-footer h4 a {
	color: #fff;
	display: inline-block;
	font-size: 1.25em;
}

/* End - post-footer Navigation Element */


/* Footer
-------------------------------------------------------------- */
#footer {
	color: #fff;
	font-size: .9em;
	padding: 2em 0;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}

#footer a:hover {
	color: #eaa241;
}

#footer .vcard p {
	margin-left: 42px;
}

#footer .vcard .logo {
	background:  url(images/logo-white.png) no-repeat;
	text-indent: -999em;
	height: 46px;
	background-size: contain;
}

#footer .title {
	color: #AAA;
	border-bottom: none;
	margin-top: 0px;
}

#footer .menu {
	list-style: none;
	margin-left: 0px;
}

#footer .menu li {
	border-color: #444;
}

#footer .menu li a {
	text-decoration: none;
}

#footer .menu li a:hover{
	text-decoration: none;
	background: #444;
	padding-left: 10px;
}

#footer .disability-notice {
	position: relative;
}

#footer .disability-notice:before {
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	border: 1px solid #444;
	background: url(images/icon.access.png) no-repeat center;
	background-size: contain;
	float: left;
}

#footer .disability-notice h3 {
	padding-top: 2px;
	margin: 0 0 20px 42px;
}

#footer #accredited {
	margin-left: 42px;
}

#bottom p.span12, #bottom a, #bottom a:hover {
	font-size: 10px;
	color: #838383;
	cursor: default;
	text-align: center;
	max-width: 100%;
	text-decoration: none;
	margin-top: 5px;
}

#bottom .container {padding: 1em;}

@media (max-width:767px) {

	#footer .widget .menu a {
		color: #999;
		font-size: 15px;
	}

}/* end @media */

/* social links
-------------------------------------------------------------- */
#social-links {
	margin-left: 0;
	color: #000;
}

#social-links li {
	display: inline-block;
	width: 32px; height: 32px;
	overflow: hidden;
	border: 1px solid #444;
	color: #000;
}

#social-links li a {
	background: #fff url(images/icon.fb.png) no-repeat center;
	text-indent: -999em;
	display: block;
	width: 100%; height: 100%;
	color: #000;
}

#social-links li a:hover {
	background-color: #AAA;
}

#social-links #facebook a	{ background-image: url(images/icon.fb.png); }
#social-links #twitter a	{ background-image: url(images/icon.twitter.png); }
#social-links #pinterest a	{ background-image: url(images/icon.pinterest.png); }
#social-links #email a		{ background-image: url(images/icon.email.png); }




@media (min-width: 1200px) { 

	.carousel-inner > .item > img {
		width: 100%;
		display: block;
	}

}/* end @media */

@media (min-width: 980px) and (max-width: 1199px) { 

	#global-menu {
		font-size: 13px; width: 100%; margin-top: 0px;
		margin-left: 25px;
		margin-bottom: -10px;
	}

}/* end @media */



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

	body{}

	/* Header
	-------------------------------------------------------------- */

	#toggles #apply-btn{
		margin: 0;
		padding: 0;
	}


	/* Header
	-------------------------------------------------------------- */
	#header {}
	#header .container .row{padding-top: 35px; padding-bottom: 10px;}

	/* logo */

	#logo {
		width: 220px; height: 50px;
	}

	#logo a {
		display: block;
		background:  url(images/logo-web.png) no-repeat left center;
		text-indent: -999em;
	}

	/* global menu */
	#global-menu {width: 100%; margin-top: 0px; margin-left: 15px;}	

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	body {
		margin:0;
		padding: 0;
	}

	h1, .h1 { font-size: 2.50em; } /* 40 */
	h2, .h2 { font-size: 2.00em; } /* 32 */
	h3, .h3 { font-size: 1.50em; } /* 24 */
	h4, .h4 { font-size: 1.25em; } /* 20 */

	.container {
		margin: 0 2em;
		padding: 1em 0;
	}


	[class*="span"].pull-left, .row-fluid [class*="span"].pull-left,
	[class*="span"].pull-right, .row-fluid [class*="span"].pull-right {
		float: none;
	}	


	/* Header
	-------------------------------------------------------------- */

	#header {
		padding: 20px 0;
		margin-bottom: 0px;
	}

	/* logo */

	#logo {
		width: 220px; height: 50px;
	}

	#logo a {
		display: block;
		background:  url(images/logo-web.png) no-repeat left center;
		text-indent: -999em;
	}

	#global-menu {padding-top: 15px;}



	/* /Support / highlights
	-------------------------------------------------------------- */
	#highlights{
		padding: 1em 0em;
	}

	/* 
	* Taken from the 650 media query
	* 2013-1-7
	*/

	body{}

	/* Header
	-------------------------------------------------------------- */
	#top  {}
	#top .container {margin: 0; padding:0;}
	#top .container .row {text-align: center; }
	#header {position: relative;}
	#header .container {margin: 0; padding:0;}
	#header .container .row{
		margin: 80px 0px 30px 0px;
		padding: 0;
	}
	/*#header { padding: 0; position: relative; }
	#header .row {  }*/

	#global-btn, #search-btn {
		display: block;
	}

	/* toggles row */
	#toggles {
		width: 100%;
		float: none;
		overflow: hidden;
	}

	#toggles h5 {
		width: 33%;
		float: left;
		padding: 0;
		text-align: center;
		border-top: 1px solid #444;
	}

	#toggles h5 + h5 {
		border-left: 1px solid #444;
	}

	/* search */
	#search {
		width: 100%;
		float: none;
		display: none; /* hide the search box by default */
	}

	/* power-menu row */
	#power-menu {
		width: 100%;
		text-align: center;
	}

	#power-menu li {
		border: none;
		font-size: 10px;
		text-transform: uppercase;
		display: inline-block;
		padding: 0 10px;
	}

	#power-menu li:first-child {
		padding-left: 0;
	}

	#power-menu a {
		display: block;
		line-height: 3em;
		padding: 0;
	}

	#logo {
		float: none;
		margin: 0;
		position: absolute;
		bottom: 70px; left: 50%;
		margin-left: -110px;
	}

	#logo a {
		background-position: center;
	}



	/* global-menu */
	#global-menu {
		margin: -115px 0 0 0;
		font-size: 1em;
		position: static;
	}

	#global-menu li {
		float: none;
		background: #777;
	}

	#global-menu > li {
		background: #444;
		border-top: 1px solid #555;
	}

	#global-menu ul {
		display: block;
		width: auto;
		position: static;
		box-shadow: none;
	}

	#global-menu a {
		color: #fff;
		text-shadow: 0 0 2px rgba(0,0,0,0.8);
		padding: 0.6em 1em;
	}

	/* 
	Terry additions 
	Mobile - Navigation
	*/

	#global-menu > li > .parent {
		background-image: url(images/downArrow.png);
		background-repeat: no-repeat;
		background-position: right;
	}
	#global-menu > li > .parent {
		background-position: 95% 50%;
	}
	#global-menu li li .parent {
		background-image: url(images/downArrow.png);
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}
	#global-menu .active {
		display: block;
	}
	#global-menu li ul {
		position: absolute;
		left: -999em;
	}
	#global-menu > li.hover > ul , #global-menu li li.hover ul {
		position: static;
	}





	/* Highlights
	-------------------------------------------------------------- */
	#highlights{}
	#highlights .container {}
	#highlights .container .row { border-top: 1px dotted #bbb; padding-top: 50px; padding-bottom: 30px; }
	#highlights .container .row + .row { border-top: 1px dotted #bbb; }
	#highlights .row section{}
	#highlights .row section img {}
	#highlights .row section article {}
	#highlights .row section article h4 {}

	/* support
	-------------------------------------------------------------- */
	.home .post-footer section {margin-bottom: 60px;}
	.home .post-footer section h4{padding-right: 0px; margin-bottom: 25px;}
	.home .post-footer section p {padding-right: 0px;}


}


/* High-res Responsive  
-------------------------------------------------------------- */

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

		#logo a {
			background-image: url(images/logo-web-2x.png);
			background-size: contain;
		}

		#footer .vcard .logo {
			background-image: url(images/logo-white-2x.png);
			background-size: contain;
		}

	}/* END breakpoint */

/* Social Icons  
-------------------------------------------------------------- */

@font-face {
	font-family: 'si';
	src: url('http://www.shawnee.edu/_resources/fonts/socicon.eot');
	src: url('http://www.shawnee.edu/_resources/fonts/socicon.eot?#iefix') format('embedded-opentype'),
		url('http://www.shawnee.edu/_resources/fonts/socicon.woff') format('woff'),
		url('http://www.shawnee.edu/_resources/fonts/socicon.ttf') format('truetype'),
		url('http://www.shawnee.edu/_resources/fonts/socicon.svg#icomoonregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family:si;
		src: url(http://www.shawnee.edu/_resources/fonts/socicon.svg) format(svg);
	}
}

.soc {
	overflow:hidden;
	margin:0; padding:0;
	list-style:none;
}

.soc li {
	display:inline-block;
	*display:inline;
	zoom:1;
}

.soc li a {
	font-family:si!important;
	font-style:normal;
	font-weight:400;
	box-sizing:border-box;

	-o-transition:.1s;
	-ms-transition:.1s;
	-moz-transition:.1s;
	-webkit-transition:.1s;
	transition:.1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);

	overflow:hidden;
	text-decoration:none;
	text-align:center;
	display:block;
	position: relative;
	z-index: 1;
	width: 39px;
	height: 39px;
	line-height: 39px;
	font-size: 21px;
	border-radius: 0px;
	margin-right: 1px;
	color: #fff;
	background-color: none;
}

.soc a:hover {
	z-index: 2;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	color: #fff;
}

.soc-icon-last{
	margin:0 !important;
}

.soc-facebook {
	background-color: #3e5b98;
}
.soc-facebook:before {
	content:'b';
}
.soc-twitter {
	background-color: #4da7de;
}
.soc-twitter:before {
	content:'a';
}
.soc-linkedin {
	background-color: #3371b7;
}
.soc-linkedin:before {
	content:'j';
}
.soc-instagram {
	background-color: #9c7c6e;
}
.soc-instagram:before {
	content:'x';
}
.soc-pinterest {
	background-color: #c92619;
}
.soc-pinterest:before {
	content:'d';
}



/* page specific stuff  
-------------------------------------------------------------- */


/* Teacher Ed */

.teacher-education .row + .row, .teacher-education .row-fluid + .row-fluid {
	padding-top: 0; 
}



/* CIPA */


div.flags img {display: block; background: none; width: 150px; height: 100px;}
div.flags div {float: left; margin-right: 10px; margin-bottom: 20px;}
div.glossary a {padding-right: 6px;}

/* Financial Aid */

.financial-aid .post-footer div.span3 img {margin-bottom: 40px;}



/* Library */


aside.librarysearch {margin-top: 0px;}

/* Full width search input and submit button within contraining aside */

.librarysearch .halfWidth {width:100%;}

.librarysearch .input-wrapper {margin-right:110px;}

.librarysearch input#ebscohostsearchtext {
	height: 50px;
	margin-right: 15px;
	float: left;
	width: 100%;
	box-sizing: border-box; /* css3 rec */
}

fieldset#guidedFieldSelectors label,
fieldset#guidedFieldSelectors strong {
	margin-right: 15px;
}

.library .post-footer {
	margin-top: -60px;
	background: #efefef;
}

@media (min-width: 767px) {

	.library .post-footer article {margin-left: 40px;}

}

.library article div#rss-feeds {margin-top: 30px;}
.library article div#rss-feeds p {margin-top: 10px;}


/* Offices */

div.offices ul {padding-bottom: 1em; border-bottom: 1px solid #ddd; list-style-type: none; margin-left: 0;}
div.publications ul {list-style-type: none; margin-left: 0;}

/* Academics */

.academics-home .undergraduate h3 {border-top: 1px solid #ddd; padding-top: 1em; margin-top: -20px;}
.academics-home .undergraduate h3.top, .academics-home .undergraduate h3.health {border-top:none;}

@media (max-width:767px) {

	.academics-home .undergraduate h3.top {border-top:1px solid #ddd;}

}/* end @media */

h4.second {margin-top: 15px;}

.catalogbutton, .catalogbutton a {background: #2e6399;}

.catalogbutton:hover, .catalogbutton a:hover {
	background: #f1a642;
	color:#fff !important;
}


/* Nursing */

.nursing-faculty div.faculty {
	padding: 1.5em;
	margin: 1.5em 0;
	border: 1px solid #ddd;
	background-color: rgba(0,0,0,0.05);
}

/*Summer */

.summer div.post-footer .row {margin-left: 0px;}
.summer table tr.online {background-color: #2e6399; color: #ffffff;}
.summer p.online {background-color: #2e6399; color: #ffffff; display: inline-block; padding: 5px;}


/* Accessibility Services */

.accessibility-services button, 
.accessibility-services input[type=button], 
.accessibility-services input[type=reset], 
.accessibility-services input[type=submit], 
.accessibility-services .button a, .disability-services a.button,
.academics .button a {
	background: #2e6399;
}

.accessibility-services button:hover,
.accessibility-services input[type="button"]:hover,
.accessibility-services input[type=reset]:hover, 
.accessibility-services input[type=submit]:hover,
.accessibility-services .button a:hover,
.accessibility-services a.button:hover,
.academics .button a:hover{
	background: #f1a642;
	color:#fff !important;
}

/* Financial Aid */

.financial-aid .post-footer h2 {font-size: 3.00em;}

/* Plastics Day */

.plastics hr {
	margin: 1.5em 0;
}


/* Bursar */

.fines table td, .fines table th {width: 50%;}
.fines h2 span {
	font-weight: normal;
	padding-left: .5em;
}

.fines h2 {color: #2e6399;font-size: 3.00em;}

/*Title IX */

.title-IX .post img[src*=".jpg"] {
	box-shadow: none;
}

/* Admission */

.admission div.sidebar p.chat {
	font-weight: bold;
	margin-top: 10px;
	font-size: 1.2em;
	text-align: center;
}

/* Dean of Students */

.dean-students .grid .profile article h3 {
	margin-bottom:  0;
}

.dean-students .post-footer .container {
	padding-left: 2em;
}

@media (max-width:767px) {

	.dean-students .post-footer .container {
		padding-left: 0;}

}/* end @media */




/* Graduation Plan */

.completion.row-fluid blockquote{margin: 0;}

#page-intro aside ul li {line-height: 1.8;}

.graduation-plan-home .post-footer {
	padding: 0;
	margin-top: -2em;
}

@media (max-width:767px) {

	.graduation-plan-home .post-footer {
		padding: 0;
		margin-top: -1em;
	}

}/* end @media */

.efforts .post-footer h2, .ohio-workforce-needs .post-footer h2, .related .post-footer h2 {display: none;}
.efforts .post-footer .gallery, .ohio-workforce-needs .post-footer .gallery, .related .post-footer .gallery {margin-top: -4em;}



/* Directory */

/*** table's tbody section, odd rows style ***/
table tbody tr:nth-child(odd) {
	background-color: transparent;
}



/*** table's tbody section, even rows style ***/
table tbody tr:nth-child(even) {
	background-color: #efefef;
}

/* WOW */

.wow table td {border: none; border-bottom: 1px solid #ddd;}
.wow table tbody tr {background-color: #fafafa;}
.wow table td em {font-style: normal; background-color: #2e6399; color: #ffffff; padding: 3px;}

/* TLC Events */

.tlc-events h2 em {font-style: normal; font-weight: 400; color: #666; }
.tlc-events .section-content h2 {border-top: 1px solid #ddd; margin-top: 1em; padding-top: .5em;}

/*Strategic Planning */

.strategic-planning .post img[src*=".jpg"] {box-shadow: none;}
.timeline hr {margin: 3em 0;}
.timeline .section-content h3 {font-weight: normal;}
.strategic-planning ol {font-size: 1.25em;}


/* Career Development */

.major hr {margin: 2.5em 0;}


/* Leadership Transition */

#id_feedback {width: 99%; margin-top: 1em;}

/*Continue your Education Splash Page */

.continue-splash div.post-footer .row {margin-left: 0px;}

/* Showcase Day */

.showcase .post-features {
	padding: 2em 0;
	background: #f3f3f3;
}

.showcase .post-features h2 {
	font-size: 3em;
}



/* All Academics */

div#cse td {border: none; padding: 8px;}
td.gsc-input input.gsc-input {background-image: none !important; padding: .7em;}



@media (min-width:767px) {
	td.gsc-search-button input.gsc-search-button {height:2.5em; width:7em; font-size: 16px;}

	div#cse {
		width: 600px !important; 
		margin-left: -1.8em !important;
		margin-top: -1.5em;
	}
} /* end @media */

.tab-pane ul {
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	list-style-type: none;
	font-size: 1.1em;
}

.tab-pane ul li {
	padding: 5px 0;
}

.tab-pane ul li a:link {
	text-decoration: none !important;
}

@media (min-width: 768px) and (max-width: 979px) {

	.tab-pane ul {
		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
	}

}/* end @media */




@media (max-width:767px) {

	.tab-pane ul {
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}

}/* end @media */




/* iframes */

#frameouter{
	max-width: 900px;
	max-height: 1000px;
	width: 100%;
	height: 100%;
}

#frameinner{
	height: 0px;
	padding-bottom: 56.25%;
}

#frameinner iframe{
	width: 100%;
	height: 100%;
}

aside.career, aside.career2, aside.career3 {background-color: #06225a;}

aside.career3 img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

aside.career3 p {
	text-align: center;
}

@media (max-width:767px) {

	aside.career {
		display: none;
	}

}/* end @media */

@media (min-width:767px) {

	aside.career3 {
		display: none;
	}

}/* end @media */

.framewrap {
	position: relative;
    padding-bottom: 75%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.framewrap iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width:767px) {

	aside.career2 {
		display: none;
	}
	
	aside.career3 {
		display: block;
	}

}/* end @media */