@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(//themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(//themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Cond Light Italic'), local('OpenSans-CondensedLightItalic'), url(//themes.googleusercontent.com/static/fonts/opensanscondensed/v6/jIXlqT1WKafUSwj6s9AzV6XnXbwdDC8wAz6IIzmCDUP3rGVtsTkPsbDajuO5ueQw.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local('Oswald Light'), local('Oswald-Light'), url(//themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(//themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(//themes.googleusercontent.com/static/fonts/raleway/v6/IczWvq5y_Cwwv_rBjOtT0w.woff) format('woff');
}

body {
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	font-size: 14px;
	text-size-adjust: none;
	-o-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	background-color: rgb(204, 204, 204);
}

/* set the viewport (applies only to IE Mobile and IE Metro) */
@viewport { width: device-width; }
@-ms-viewport { width: device-width; }

/* remove 300ms delay for double-tap-to-zoom detection (we dont' need it, we're responsive) */
html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}


/* ******************************
	SPRITE SHEET SELECTION
   ****************************** */

@media (-webkit-max-device-pixel-ratio: 1.499999), (max-resolution: 143dpi) {
	#EmergencyNotice #left-corner,
	#EmergencyNotice #right-corner,
	#EmergencyNotice .icon,
	header.page-header,
	header.page-header div.buttons-holder a.button.menu,
	header.page-header div.buttons-holder a.button.search,
	header.page-header div.buttons-holder div.search-bar form,
	header.page-header h1.msu-logo,
	footer p.social-media-icons a {
		background-image: url('/mobile/template-2013/images/sprite-sheet-1.0.png');
	}
}

@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.999), (min-resolution: 144dpi) and (max-resolution: 191dpi) {
	#EmergencyNotice #left-corner,
	#EmergencyNotice #right-corner,
	#EmergencyNotice .icon,
	header.page-header,
	header.page-header div.buttons-holder a.button.menu,
	header.page-header div.buttons-holder a.button.search,
	header.page-header div.buttons-holder div.search-bar form,
	header.page-header h1.msu-logo,
	footer p.social-media-icons a {
		background-image: url('/mobile/template-2013/images/sprite-sheet-1.5.png');
	}
}

@media (-webkit-min-device-pixel-ratio: 2.0), (min-resolution: 192dpi) {
	#EmergencyNotice #left-corner,
	#EmergencyNotice #right-corner,
	#EmergencyNotice .icon,
	header.page-header,
	header.page-header div.buttons-holder a.button.menu,
	header.page-header div.buttons-holder a.button.search,
	header.page-header div.buttons-holder div.search-bar form,
	header.page-header h1.msu-logo,
	footer p.social-media-icons a {
		background-image: url('/mobile/template-2013/images/sprite-sheet-2.0.png');
	}
}

/* ******************************
	HEADER
   ****************************** */
   
header.page-header {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
min-width: 320px;
height: 85px;
background-size: 256px 512px;
background-repeat: repeat-x;
z-index: 100;
font-family: 'Raleway', sans-serif;
}

header.page-header div.header-content {
max-width: 960px;
margin-left: auto;
margin-right: auto;
}

header.page-header h1.msu-logo {
float: left;
margin: 0px;
margin-left: 16px;
margin-top: 16px;
width: 220px;
height: 38px;
background-size: 256px 512px;
background-position: 0px -96px;
background-repeat: no-repeat;
overflow: hidden;
}

header.page-header h1.msu-logo a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
line-height: 1000px;
}

@media screen and (max-width: 480px) {
	header.page-header h1.msu-logo {
		margin-top: 20px;
		width: 180px;
		height: 31px;
		background-size: 256px 512px;
		background-position: 0px -160px;
	}
}

header.page-header div.buttons-holder {
float: right;
overflow: hidden;
margin-top: 16px;
margin-right: 16px;
}

header.page-header div.buttons-holder a.button {
display: block;
float: left;
width: 38px;
height: 38px;
display: none;
overflow: hidden;
line-height: 1000px;
background-repeat: no-repeat;
background-size: 256px 512px;
}

header.page-header div.buttons-holder a.button.menu {
background-position: 0px -256px;
}

header.page-header div.buttons-holder a.button.search {
background-position: -64px -256px;
}

header.page-header div.buttons-holder ul {
float: left;
width: 400px;
list-style-type: none;
margin: 0px;
padding: 0px;
overflow: hidden;
}

header.page-header div.buttons-holder ul li { display: inline; }

header.page-header div.buttons-holder ul li a {
display: block;
float: left;
text-align: center;
width: 100px;
height: 24px;
padding-top: 9px;
padding-bottom: 5px;
color: #444;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
line-height: 1.6em;
}

header.page-header div.buttons-holder ul li.parent a {
color: #900;
}

header.page-header div.buttons-holder div.search-bar {
float: left;
overflow: hidden;
margin-left: 16px;
width: 200px;
}

header.page-header div.buttons-holder div.search-bar form {
width: 180px;
height: 24px;
padding: 10px;
padding-top: 7px;
padding-bottom: 7px;
background-size: 256px 512px;
background-position: 0px -192px;
background-repeat: none;
}

header.page-header div.buttons-holder div.search-bar form input#q {
width: 100%;
font-size: 16px;
line-height: 1.4em;
padding: 0px;
margin: 0px;
border: none;
background: none;
-webkit-appearance: none;
}

@media screen and (min-width: 722px) and (max-width: 883px) {
	/* dispaly menu, use search button */
	header.page-header div.buttons-holder a.button.search {
	display: block;
	margin-left: 16px;
	}

	header.page-header div.buttons-holder div.search-bar {
	z-index: 99;
	position: absolute;
	background-color: #888;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.75);
	margin: 0px;
	margin-left: 222px;
	margin-top: 54px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 9px;
	padding-bottom: 9px;
	border-radius: 0px 0px 5px 5px;
	display: none;
	}

	header.page-header div.buttons-holder.active div.search-bar {
	display: block;
	}
}

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


	header.page-header div.buttons-holder a.button.menu {
	display: block;
	}

	header.page-header div.buttons-holder ul {
	position: absolute;
	width: 232px;
	margin: 0px;
	background-color: #888;
	margin-left: -194px;
	margin-top: 54px;
	display: none;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.75);
	}

	header.page-header div.buttons-holder ul li a {
	float: none;
	width: 232px;
	font-size: 18px;
	height: 31px;
	padding-top: 9px;
	padding-bottom: 7px;
	color: #FFF;
	border-bottom: 1px solid #666;
	}

	header.page-header div.buttons-holder ul li.parent a {
	color: #FFF;
	background-color: #666;
	}

	header.page-header div.buttons-holder div.search-bar {
	position: absolute;
	background-color: #888;
	margin: 0px;
	margin-left: -194px;
	margin-top: 246px;
	margin-top: 53px; 
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 9px;
	padding-bottom: 9px;
	border-radius: 0px 0px 5px 5px;
	display: none;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.75);
	}

	header.page-header div.buttons-holder.active ul,
	header.page-header div.buttons-holder.active div.search-bar {
	display: block;
	}

}

/* ******************************
	HEADER IMAGE
   ****************************** */
   
span.header-image-wrapper {
	display: block;
	max-width: 960px;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}

span.header-image {
display: block;
margin-left: 10px;
margin-right: 10px;
padding: 9px;
border: 1px solid rgba(0,0,0,0.25);
box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
margin-top: 25px;
margin-bottom: 25px;
background-position: center -10000px;
background-repeat: no-repeat;
}

span.header-image img {
width: 100%;
height: auto;
vertical-align: bottom;
}

span.header-image span.tagline {
display: block;
position: absolute;
font-family: 'Oswald', sans-serif;
background-color: rgb(206,17,65);
color: rgba(255, 255, 255, 0.0);
margin-left: -10px;
margin-top: 60px;
padding: 20px;
font-size: 32px;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
transform: translate(-50%, 0px) scale(0.0001, 1.0) translate(50%, 0px);
-ms-transform: translate(-50%, 0px) scale(0.0001, 1.0) translate(50%, 0px);
-webkit-transform: translate(-50%, 0px) scale(0.0001, 1.0) translate(50%, 0px);
transition: transform 0.5s ease-out 0s, color 1.0s ease-out 0.5s;
-ms-transition: -ms-transform 0.5s ease-out 0s, color 1.0s ease-out 0.5s;
-webkit-transition: -webkit-transform 0.5s ease-out 0s, color 1.0s ease-out 0.5s;
}

span.header-image.start-anim span.tagline {
color: rgba(255, 255, 255, 1.0);
transform: translate(-50%, 0px) scale(1.0, 1.0) translate(50%, 0px);
-ms-transform: translate(-50%, 0px) scale(1.0, 1.0) translate(50%, 0px);
-webkit-transform: translate(-50%, 0px) scale(1.0, 1.0) translate(50%, 0px);
}

span.header-image span.flavor-text {
display: block;
position: absolute;
color: #FFF;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
text-shadow: 0px 2px 5px rgba(0,0,0,0.75);
font-size: 20px;
opacity: 0;
transform: translate(50px, 0px);
-ms-transform: translate(50px, 0px);
-webkit-transform: translate(50px, 0px);
transition: transform 1.0s ease-out 0.5s,opacity 1.0s ease-out 0.5s;
-ms-transition: -ms-transform 1.0s ease-out 0.5s,opacity 1.0s ease-out 0.5s;
-webkit-transition: -webkit-transform 1.0s ease-out 0.5s,opacity 1.0s ease-out 0.5s;
}

span.header-image.start-anim span.flavor-text {
transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
opacity: 1.0;
}
   
@media screen and (min-width: 722px) and (max-width: 883px) {
	span.header-image-wrapper {
		margin-top: 40px;
	}

	span.header-image {
		padding: 6px;
	}

	span.header-image span.tagline {
		margin-top: 40px;
		font-size: 28px;
		margin-left: -6px;
	}
	
	span.header-image span.flavor-text {
		font-size: 16px;
	}
}

@media screen and (min-width: 480px) and (max-width: 721px) {
	span.header-image-wrapper {
		margin-top: 30px;
	}

	span.header-image {
		padding: 5px;
	}

	span.header-image span.tagline {
		margin-top: 30px;
		font-size: 24px;
		margin-left: -5px;
	}

	span.header-image span.flavor-text {
		font-size: 14px;
	}
}

@media screen and (max-width: 480px) {
	span.header-image-wrapper {
		margin-top: 30px;
	}

	span.header-image {
		border: 4px solid #FFF;
		padding: 0px;
		background-position: center center;
		background-size: cover;
		height: 220px;
	}
	
	span.header-image.bias-right {
		background-position: right center;
	}
	
	span.header-image.bias-left {
		background-position: left center;
	}
	
	span.header-image img {
		display: none;
	}

	span.header-image span.tagline {
		margin-top: 15px;
		font-size: 16px;
		margin-left: -4px;
	}

	span.header-image span.flavor-text {
		font-size: 12px;
		/* font-weight: 400; */
	}
}
/* ******************************
	PAGE BODY
   ****************************** */
   
section.middle-area {
overflow: hidden;
background-color: #FFF;
margin-top: 70px;
background-position: center;
background-repeat: repeat-y;
min-width: 320px;
}

section.middle-area div.header-image {
max-width: 960px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
text-align: center;
}

section.middle-area div.header-image img {
width: 100%;
min-width: 480px;
height: auto;
vertical-align: bottom;
}

section.middle-area article.page-body {
background-color: #FFF;
overflow: hidden;
max-width: 920px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}

section.middle-area article.page-body h1,
section.middle-area article.page-body h2,
section.middle-area article.page-body h3,
section.middle-area article.page-body h4,
section.middle-area article.page-body h5,
section.middle-area article.page-body h6 {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	color: rgb(206,17,65);
}

section.middle-area article.page-body h2 {
	border-bottom: 1px solid rgb(206,17,65);
	padding-bottom: 2px;
	margin-top: 1.5em;
}

section.middle-area article.page-body h1 {
font-size: 40px;
font-weight: normal;
line-height: 1.4em;
font-weight: 300;
}

section.middle-area article.page-body {
font-size: 26px;
line-height: 1.4em;
font-family: "Open Sans Condensed", sans-serif;
color: #000;
}

section.middle-area article.page-body ul {
	list-style-type: square;
	padding-left: 2.0em;
}

section.middle-area article.page-body a {
	color: rgb(18,85,145);
	font-weight: bold;
}

section.middle-area article.page-body table.tuition {
width: 100%;
text-align: right;
border-collapse: collapse;
}

section.middle-area article.page-body table.tuition th {
color: #FFF;
background-color: #555;
padding: 0.25em;
}

section.middle-area article.page-body table.tuition th,
section.middle-area article.page-body table.tuition td {
border-right: 1px solid #555;
border-bottom: 1px solid #555;
padding: 0.25em;
}

article.page-body p.button a {
clear: both;
background-color: rgb(206,17,65);
color: #FFF;
font-family: Oswald, sans-serif;
display: block;
text-align: center;
padding: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
margin-left: auto;
margin-right: auto;
text-decoration: none;
width: 50%;
font-weight: 400;
}

article.page-body .button-group {
	overflow: hidden;
}

article.page-body .button-group p.button {
width: 50%;
float: left;
}

article.page-body .button-group p.button a {
width: 90%;
margin-left: auto;
margin-right: auto;
}


article.page-body p.button.yellow a {background-color: rgb(238,177,17);}
article.page-body p.button.orange a {background-color: rgb(232,125,30);}
article.page-body p.button.green a {background-color: rgb(148,206,8);}
article.page-body p.button.blue a {background-color: rgb(0,56,107);}
article.page-body p.button.gray a,
article.page-body p.button.grey a{background-color: rgb(138,138,141);}

p.return-to-top {display: none;}

@media screen and (min-width: 722px) and (max-width: 883px) {

	section.middle-area article.page-body h1 {
		font-size: 32px;
		line-height: 1.4em;
	}

	section.middle-area article.page-body {
		font-size: 20px;
		line-height: 1.4em;
	}

}


@media screen and (min-width: 480px) and (max-width: 721px) {

	section.middle-area article.page-body h1 {
		font-size: 28px;
		line-height: 1.4em;
	}

	section.middle-area article.page-body {
		font-size: 18px;
		line-height: 1.4em;
	}

	article.page-body p.button a {
		width: 75%;
	}

}

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

	section.middle-area article.page-body h1 {
		font-size: 24px;
		line-height: 1.4em;
	}

	section.middle-area article.page-body {
		font-size: 16px;
		line-height: 1.4em;
	}

	article.page-body p.button a {
		width: auto;
	}

	p.return-to-top {
		display: block;
	}

	article.page-body .button-group {
		overflow: hidden;
	}

	article.page-body .button-group p.button {
		width: auto;
		float: none;
	}

	article.page-body .button-group p.button a {
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ****************************************
	SIDEBAR
   **************************************** */
   
article.page-body sidebar {
	display: block;
	float: right;
	width: 300px;
	margin-left: 20px;
	margin-bottom: 20px;
	background-color: #EEE;
}

article.page-body sidebar.left {
	float: left;
	margin-right: 20px;
	margin-left: 0px;
}

article.page-body sidebar header {
	background-color: rgb(206,17,65);
	color: #FFF;
	padding: 5px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em;
}

article.page-body sidebar article {
	padding: 0px;
	font-size: 0.8em;
	line-height: 1.4em;
	border-bottom: 1px solid #AAA;
	padding-left: 10px;
	padding-right: 10px;
}

section.middle-area article.page-body sidebar article a {
	color: rgb(206,17,65);
}

section.middle-area article.page-body sidebar ul {
	list-style-type: none;
	padding: 0px;
}

section.middle-area article.page-body sidebar ul li a {
	display: block;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	text-align: center;
	color: #FFF;
	background-color: rgb(138,138,141);
	font-family: 'Oswald', sans-serif;
	text-decoration: none;
	font-weight: 400;
	margin-bottom: 0.5em;
}

@media (max-width: 600px) {
	article.page-body sidebar,
	article.page-body sidebar.left {
		float: none;
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
		font-size: 1.2em;
	}
}

/* ****************************************
	image styles - defaults for >= 960px
   **************************************** */

span.framed {
	display: block;
	margin: 0.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	background-color: #FFF;
	padding: 9px;
	border: 1px solid rgba(0,0,0,0.25);
}

span.framed img {
	height: auto;
	vertical-align: bottom;
}

span.framed.center {
	margin-left: auto;
	margin-right: auto;
}

span.framed.full {
	width: auto !important;
	margin-left: 0px;
	margin-right: 0px;
}

span.framed.full img {
	width: 100%;
	height: auto;
}

span.framed.right {
	float: right;
	margin-right: 0px;
	margin-top: 0.25em;
}

span.framed.left {
	float: left;
	margin-left: 0px;
	margin-top: 0.25em;
}

@media screen and (max-width: 480px) {
	span.framed { padding: 4px; }
	span.framed.center img,
	span.framed.right img,
	span.framed.left img {
		width: 100%;
		height: auto;
	}
	span.framed.full,
	span.framed.center,
	span.framed.right,
	span.framed.left {
		width: auto !important;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width: 481px) and (max-width: 720px) {
	span.framed { padding: 4px; }
	span.framed.center {
		max-width: 440px;
	}
	span.framed.center img,
	span.framed.right img,
	span.framed.left img{
		width: 100%;
		height: auto;
	}
	span.framed.right,
	span.framed.left {
		max-width: 50%;
	}
}

@media screen and (min-width: 721px) and (max-width: 959px) {
	span.framed.center {
		max-width: 680px;
	}
	span.framed.center img,
	span.framed.right img,
	span.framed.left img {
		width: 100%;
		height: auto;
	}
	span.framed.right,
	span.framed.left{
		max-width: 50%;
	}
}

/* ******************************
	FOOTER
   ****************************** */
   
footer {
background-color: #CCC;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 20px;
min-width: 320px;
}

footer section.footer-content {
max-width: 960px;
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

footer p.social-media-icons {
float: right;
margin-top: 0px;
}

footer p.social-media-icons a {
width: 64px;
height: 64px;
display: block;
float: left;
margin-left: 10px;
background-size: 256px 512px;
overflow: hidden;
line-height: 1000px;
}

footer p.social-media-icons a.facebook {
background-position: 0px -304px
}

footer p.social-media-icons a.youtube {
background-position: -128px -304px;
}

footer p.social-media-icons a.twitter {
background-position: -64px -304px;
}

footer p.address {
margin-top: 0px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 24px;
color: #777;
font-weight: 700;
float: left;
white-space: nowrap;
}

footer p.address:first-line {
font-size: 1.25em;
color: #555;
}

footer p.address a {
color: rgb(232,125,30);
text-decoration: none;
}

footer p.button {
float: right;
clear: right;
}

footer p.button a {
display: block;
background-color: rgb(206,17,65);
padding: 0.5em;
padding-left: 1em;
padding-right: 1em;
color: #FFF;
text-decoration: none;
font-family: 'Oswald', sans-serif;
font-size: 20px;
}

@media screen and (min-width: 551px) and (max-width: 721px) {
	footer p.address {
		font-size: 20px;
	}
	
	footer p.button a {
		font-size: 16px;
	}
	
	footer p.social-media-icons a {
		transform: scale(0.75);
		-o-transform: scale(0.75);
		-ms-transform: scale(0.75);
		-webkit-transform: scale(0.75);
		-moz-transform: scale(0.75);
		margin-left: -5px;
	}
}

@media screen and (min-width: 481px) and (max-width: 550px) {
	footer p.social-media-icons {
		float: none;
		text-align: center;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		width: 196px;
	}

	footer p.address {
		float: none;
		text-align: center;
		font-size: 20px;
	}
	
	footer p.button {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	text-align: center;
	}
	
	footer p.button a {
		font-size: 16px;
	}
	
	footer p.social-media-icons a {
		transform: scale(0.75);
		-o-transform: scale(0.75);
		-ms-transform: scale(0.75);
		-webkit-transform: scale(0.75);
		-moz-transform: scale(0.75);
		margin-left: 0px;
	}
}

@media screen and (max-width: 480px) {
	footer p.social-media-icons {
		float: none;
		text-align: center;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		width: 196px;
	}

	footer p.address {
		float: none;
		text-align: center;
		font-size: 16px;
	}
	
	footer p.button {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	text-align: center;
	}
	
	footer p.button a {
		font-size: 14px;
	}
	
	footer p.social-media-icons a {
		transform: scale(0.75);
		-o-transform: scale(0.75);
		-ms-transform: scale(0.75);
		-webkit-transform: scale(0.75);
		-moz-transform: scale(0.75);
		margin-left: 0px;
	}
}

/* ******************************
	EMERGENCY NOTIFICATION
   ****************************** */

#EmergencyNotice{
position: fixed;
bottom: 0px;
z-index: 1000;
width: 100%;
color: #FFF;
font-family: sans-serif;
font-size: 18px;
line-height: 1.4em;
}

#EmergencyNotice.inactive {
	position: absolute;
	top: -1000px;
	height: 1px;
	overflow: hidden;
}

#EmergencyNotice>section {
background-color: #000;
overflow: hidden;
}


#EmergencyNotice.emergency>section {
background-image: linear-gradient(top, rgb(0,0,0) 0%, rgb(184,68,48) 100%);
background-image: -o-linear-gradient(top, rgb(0,0,0) 0%, rgb(184,68,48) 100%);
background-image: -moz-linear-gradient(top, rgb(0,0,0) 0%, rgb(184,68,48) 100%);
background-image: -webkit-linear-gradient(top, rgb(0,0,0) 0%, rgb(184,68,48) 100%);
background-image: -ms-linear-gradient(top, rgb(0,0,0) 0%, rgb(184,68,48) 100%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(0,0,0)),
	color-stop(1, rgb(184,68,48))
);
}

#EmergencyNotice .holder {
max-width: 960px;
min-width: 260px;
margin-left: auto;
margin-right: auto;
padding-left: 50px;
padding-right: 10px;
}

#EmergencyNotice p {
}

#EmergencyNotice a {
color: rgb(238,177,17);
}

#EmergencyNotice p.headline {
font-weight: bold;
font-size: 1.0em;
line-height: 1.3em;
font-family: 'Oswald', sans-serif;
cursor: pointer;
}

#EmergencyNotice .details {
max-height: 350px;
overflow-y: auto;
}

#EmergencyNotice #corners-holder {
height: 32px;
}
#EmergencyNotice #left-corner {
background-position: 0px -368px;
background-size: 256px 512px;
background-repeat: no-repeat;
width: 32px;
height: 32px;
float: left;
}

#EmergencyNotice #right-corner {
background-position: -32px -368px;
background-size: 256px 512px;
background-repeat: no-repeat;
width: 32px;
height: 32px;
float: right;
}

#EmergencyNotice .icon {
width: 32px;
height: 32px;
position: absolute;
margin-left: -40px;
background-position: -64px -368px;
background-size: 256px 512px;
background-repeat: no-repeat;
}

#EmergencyNotice.emergency .icon {
background-position: -96px -368px;
}

@media (max-width: 480px) {
	#EmergencyNotice { font-size: 14px;}
}

@keyframes pulsing-icon {
	0%	{opacity: 1.0}
	100% {opacity: 0.5}
}

@-webkit-keyframes pulsing-icon {
	0%	{opacity: 1.0}
	100% {opacity: 0.5}
}

#EmergencyNotice .icon,
#EmergencyNotice .headline {
-webkit-animation: pulsing-icon 1.0s ease-in-out 0s infinite alternate;
animation: pulsing-icon 1.0s ease-in-out 0s infinite alternate;
}

/* ******************************
	PRINT STYLES
   ****************************** */

@media print {
	body {min-width: 1024px;}
	header.page-header { position: absolute; }
	#EmergencyNotice #left-corner,
	#EmergencyNotice #right-corner,
	#EmergencyNotice .icon,
	header.page-header,
	header.page-header div.buttons-holder a.button.menu,
	header.page-header div.buttons-holder a.button.search,
	header.page-header div.buttons-holder div.search-bar form,
	header.page-header h1.msu-logo,
	footer p.social-media-icons a {
		background-image: url('/mobile/template-2013/images/sprite-sheet-2.0.png');
	}
	section.middle-area article.page-body h1,
	section.middle-area article.page-body h2 {
		page-break-after: avoid;
	}
	pagebreak {page-break-before: always;}
	#EmergencyNotice {display: none;}
}