/* standard/source/standard.css */

@font-face {
	font-family: BentonMod;
	src: url(/magazine-archive/media/styleassets/fonts/BentonModDisp-Regular.otf), url(/magazine-archive/media/styleassets/fonts/BentonModDisp-Regular.otf);
}

.print-only {display: none;}

body {
padding: 0px;
margin: 0px;
background-color: #FFF;
font-size: 14px;
font-family: Arial, sans-serif;
-webkit-text-size-adjust: none;
}

body img {
border: 0px;
}

div.page-container {
min-width: 1000px;
}

nav.skip-navigation {
display: block;
position: absolute;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0px;
padding: 0px;
top: -1px;
}

header, footer, section, article, nav {display: block;}

header.page-header {
width: auto;
background-image: url(/magazine-archive/media/styleassets/images/standardbase/header_background.png);
background-repeat: repeat-x;
}

section.page-header-container {
width: 960px;
margin-left: auto;
margin-right: auto;
}

section.global-nav {
height: 40px;
}

section.global-nav nav {
display: inline;
}

section.global-nav nav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
float: left;
padding-top: 13px;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
}

section.global-nav nav ul li {
display: inline;
}

section.global-nav nav ul li a {
padding-right: 5px;
padding-left: 5px;
color: #55504c;
text-decoration: none;
border-left: 1px solid #D8D8D8;
}

section.global-nav nav ul li:first-child a {
border-left: 0px;
padding-left: 0px;
}

section.global-nav form {
float: right;
text-align: right;
padding-top: 7px;
}

section.header-logo {
overflow: hidden;
margin-top: 26px;
width: 257px;
height: 45px;
}

section.header-logo h1 {margin: 0px;}
section.header-logo h1 a span {display: none;}
section.header-logo h1 a {
display: block;
margin: 0px;
padding: 0px;
width: 257px;
height: 45px;
background-image: url(/magazine-archive/media/styleassets/images/standardbase/msu_logo.png);
}

nav.header-nav {
background-image: url(/magazine-archive/media/styleassets/images/standardbase/header_menu_background.png);
background-repeat: repeat-x;
height: 32px;
margin-top: 27px;
}

nav.header-nav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
width: 960px;
font-size: 13px;
}

nav.header-nav ul li {
padding: 0px;
margin: 0px;
float: left;
}


nav.header-nav ul li a {
display: block;
text-align: center;
padding-top: 8px;
height: 24px;
color: #FFF;
font-weight: bold;
text-decoration: none;
border-left: 1px solid #5a0000;
border-right: 1px solid #ab4d4d;
font-family: Arial, sans-serif;
}

nav.header-nav ul li span.currentbranch0 a
{
background-color: #FFF;
background-image: none;
color: #3c3934;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}

footer.page-footer {
font-size: 13px;
font-family: Georgia, serif;
color: #333;
overflow: hidden;
padding-top: 10px;
padding-bottom: 20px;
}

section.page-footer-container {
width: 960px;
margin-left: auto;
margin-right: auto;
}

footer.page-footer a {
color: #004597;
font-family: Arial, sans-serif;
font-weight: bold;
text-decoration: none;
}

footer.page-footer section.page-footer-left {
float: left;
}

footer.page-footer section.page-footer-right {
float: right;
text-align: right;
}

footer.page-footer section.page-footer-right .social-media-icons {
overflow: hidden;
width: 111px;
margin-left: auto;
}

footer.page-footer section.page-footer-right .social-media-icons a {
display: block;
margin-left: 5px;
width: 32px;
height: 32px;
float: left;
background: url(/magazine-archive/media/styleassets/images/msu-sprite-sheet.png);
overflow: hidden;
line-height: 1000px;
}

footer.page-footer section.page-footer-right a.facebook { background-position: 0px -96px; }
footer.page-footer section.page-footer-right a.twitter { background-position: -32px -96px; }
footer.page-footer section.page-footer-right a.you-tube { background-position: -64px -96px; }

section.page-middle-backing {
background-color: #FFF;
background-image: url(/magazine-archive/media/styleassets/images/standardbase/page_background.png);
background-position: center bottom;
background-repeat: repeat-x;
overflow: hidden;
}

section.page-middle {
width: 958px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border: 1px solid #a5a39b;
background-image: url(/magazine-archive/media/styleassets/images/standardbase/faux-column.png);
background-color: #FFF;
background-repeat: repeat-y;
}

section.page-middle section.left-column {
width: 199px;
border-top: 0px;
background-color: #f9f8f6;
float: left;
padding: 10px;
border-right: 1px solid #a5a39b;
}

section.page-middle section.right-column {
float: right;
background-color: #FFF;
width: 706px;
padding: 16px;
padding-left: 16px;
padding-right: 16px;
border-left: 1px solid #a5a39b;
margin-left: -1px;
overflow: hidden;
}

section.page-middle section.single-column {
background-color: #FFF;
padding: 16px;
overflow: hidden;
}

article.main-content {
font-family: Georgia, serif;
color: #56514b;
font-size: 14px;
font-weight: normal;
line-height: 1.4em;
}

article.main-content p {
margin-top: 15px;
margin-bottom: 15px;
}

article.main-content h1 { font-size: 2.25em; line-height: 1.2em; margin-top: 0.44em; margin-bottom: 0.44em;}
article.main-content h2 { font-size: 1.75em; line-height: 1.2em; margin-top: 0.57em; margin-bottom: 0.57em;}
article.main-content h3 { font-size: 1.40em; line-height: 1.2em; margin-top: 0.71em; margin-bottom: 0.71em;}

article.main-content h1,
article.main-content h2,
article.main-content h3 {
color: #000;
font-family: BentonMod, Georgia, serif;
font-weight: normal;
}

article.main-content h1 b, article.main-content h1 strong,
article.main-content h2 b, article.main-content h2 strong,
article.main-content h3 b, article.main-content h3 strong {
font-weight: normal
}

article.main-content h4 { font-size: 1.2em; line-height: 1.2em; margin-top: 0.83em; margin-bottom: 0.83em;}
article.main-content h5 { font-size: 1.1em; line-height: 1.2em; margin-top: 0.91em; margin-bottom: 0.91em;}
article.main-content h6 { font-size: 1.0em; line-height: 1.2em; margin-top: 1.00em; margin-bottom: 1.00em;}

article.main-content h4,
article.main-content h5,
article.main-content h6 {
color: #000;
font-family: Georgia, serif;
font-weight: bold;
}

article.main-content a {color: #9d0200;}

nav.breadcrumbs {
font-size: 12px;
}
nav.breadcrumbs a {
text-decoration: none;
color: #9d0200;
}

nav.left-menu {
margin-bottom: 20px;
}

nav.left-menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

nav.left-menu ul li {
margin: 0px;
padding: 0px;
border-bottom: 1px solid #e1ded5;
}

nav.left-menu ul li a {
display: block;
padding: 6px;
padding-left: 0px;
padding-right: 0px;
text-decoration: none;
font-weight: bold;
font-size: 13px;
color: #55504a;
}

nav.left-menu ul ul {
margin-left: 15px;
margin-bottom: 5px;
}
nav.left-menu ul ul li {
border: 0px;
}
nav.left-menu ul ul li a {
display: block;
font-weight: normal;
font-size: 12px;
padding: 3px;
padding-left: 0px;
padding-right: 0px;
}

nav.left-menu ul li span.currentbranch0 a,
nav.left-menu ul li span.currentbranch1 a,
nav.left-menu ul li span.currentbranch2 a,
nav.left-menu ul li span.currentbranch3 a,
nav.left-menu ul li span.currentbranch4 a,
nav.left-menu ul li span.currentbranch5 a,
nav.left-menu ul li span.currentbranch6 a,
nav.left-menu ul li span.currentbranch7 a,
nav.left-menu ul li span.currentbranch8 a,
nav.left-menu ul li span.currentbranch9 a {
color: #9d0200;
}

section.page-header-image {
width: 960px;
margin-left: auto;
margin-right: auto;
}

section.page-header-image img {
vertical-align: bottom;
border: 0px;
width: 100%;
height: auto;
}

section.right-column article.main-content.two-column-mode {
width: 500px;
float: left;
}

section.right-column section.sidebar {
float: right;
width: 190px;
margin-top: 22px;
}

section.single-column article.main-content.two-column-mode {
width: 700px;
float: left;
}

section.single-column section.sidebar {
float: right;
width: 190px;
margin-top: 22px;
}

article.callout {
background-color: #3c3934;
width: 100%;
overflow: hidden;
border: 1px solid #a5a39b;
margin-bottom: 16px;
}

article.callout img {
max-width: 100%;
height: auto;
margin-bottom: -100px;
}

article.callout h2 {
padding-left: 10px;
padding-right: 10px;
color: #FFF;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 1.2em;
margin: 0px;
margin-top: 10px;
}

article.callout p {
margin: 0px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
font-family: Georgia, serif;
font-style: italic;
color: #FFF;
font-size: 12px;
line-height: 1.2em;
}

article.callout a {
color: #FFF;
text-decoration: none;
}

article.spotlight {
border: 1px solid #a5a39b;
margin-bottom: 16px;
}

article.spotlight section.spotlight-header {
overflow: hidden;
background-image: url(/magazine-archive/media/styleassets/images/standardbase/header_menu_background.png);
background-position: top;
background-repeat: repeat-x;
background-color: #9f0100;
}

article.spotlight section.spotlight-header h2 {
margin: 8px;
font-size: 15px;
font-family: Arial, sans-serif;
color: #FFF;
}

article.spotlight section.spotlight-image {
overflow: hidden;
width: 100%;
}

article.spotlight section.spotlight-image img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}

article.spotlight section.spotlight-content {
padding-left: 8px;
padding-right: 8px;
overflow: hidden;
font-family: Georgia, serif;
font-size: 14px;
color: #56514b;
}

article.spotlight section.spotlight-content a {color: #9d0200;}

.tab-group nav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
overflow: hidden;
}

.tab-group nav ul li {
display: inline;
}

.tab-group nav ul li a {
display: block;
float: left;
background-image: url("/magazine-archive/media/styleassets/images/standardbase/header_menu_background.png");
background-position: top;
background-repeat: repeat-x;
background-color: #9f0100;
color: #FFF;
text-decoration: none;
padding-top: 6px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
line-height: 1.2em;
margin-right: 10px;
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid #BEB8A7;
outline: 0;
}

.tab-group nav ul li a:focus {
color: #333;
background-image: none;
background-color: #AAA !important;
}

.tab-group nav ul li a.active,
.tab-group nav ul li a.active:focus {
color: #000;
background-image: none !important;
background-color: #FFF !important;
border: 1px solid #BEB8A7;
border-bottom: none;
padding-top: 5px;
padding-bottom: 6px;
padding-left: 9px;
padding-right: 9px;
}

.tab-group .tab-content {
background-color: #FFF;
border: 1px solid #BEB8A7;
margin-top: -1px;
padding-left: 10px;
padding-right: 10px;
}

.sidebar .news-listing {
font-size: 11px;
line-height: 1.3em;
}

.sidebar ul.news-listing li a span.lead {
color: #000;
}

article.sidebar-image {
margin-bottom: 10px;
}

article.sidebar-image a img {border: 0px;}

section.panorama {overflow: hidden;}

section.panorama embed, section.panorama object {
float: left;
width: 400px;
height: 225px;
}

section.panorama div.description {
margin-left: 415px;
}

article.two-column-mode section.panorama embed, 
article.two-column-mode section.panorama object {
width: 500px;
height: 281px;
float: none;
margin-bottom: 15px;
}

article.two-column-mode section.panorama div.description {
margin: 0px;
}



nav.header-nav ul li ul {
position: absolute;
z-index: 500;
background-color: #EEE;
border: 4px solid #FFF;
box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
display: block;
}

nav.header-nav ul li:hover ul {
display: block;
}

nav.header-nav ul li ul li {
float: none;
}

nav.header-nav ul li ul li a {
width: auto;
height: auto;
border: none;
padding: 6px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: #55504a;
text-align: left;
}

nav.header-nav ul li ul li a:hover {
background-color: #DDD;
color: #9d0200;
}



article.main-content table {
border-collapse: collapse;
border: 1px solid #DDD;
}

article.main-content table th,
article.main-content table td {
text-align: left;
padding: 2px;
padding-left: 5px;
padding-right: 5px;
}

article.main-content table th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.3em;
background-color: #333;
color: #FFF;
}

article.main-content table tr td {
background-color: #FFF;
}

article.main-content table tr:nth-child(even) td {
background-color: #f3f3f3;
}


/* *******************
   LEFT COLUMN CONTACT
   ******************* */

section.left-column section.contact {
border: 1px solid #a5a39b;
background-color: #FFF;
color: #56514b;
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
overflow: hidden;
}

section.left-column section.contact a {
color: #9d0200;
}

section.left-column section.contact h2 {
margin: 0px;
font-size: 16px;
font-weight: normal;
font-family: BentonMod;
}

section.left-column section.contact dl {
margin-top: 1em;
margin-bottom: 1em;
}

section.left-column section.contact dl dt {
font-weight: bold;
font-family: Georgia, serif;
}

section.left-column section.contact dl dd {
padding: 0px;
margin: 0px;
margin-bottom: 5px;
}

section.left-column section.contact ul.social-networking-icons {
margin: 0px;
padding: 0px;
list-style-type: none;
margin-top: 1em;
margin-bottom: 0px;
text-align: center;
}

section.left-column section.contact ul.social-networking-icons li {
display: inline;
}

section.left-column section.contact ul.social-networking-icons li a img {
margin-left: 10px;
margin-right: 10px;
border: 0px;
}

/* ****************
   EMERGENCY NOTICE
   **************** */

div.emergency-scrim {
background-image: url(/magazine-archive/media/styleassets/images/emergencynotice/50_percent_black.png);
padding: 0px;
margin: 0px;
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
display: none;
}

div.emergency-container {
overflow: hidden;
width: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
border-radius: 10px;
box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
}

div.emergency-header {
background-color: #999;
color: #FFF;
overflow: hidden;
border-radius: 10px 10px 0px 0px;
padding-left: 16px;
height: 48px;
}

div.emergency-header h2 {
margin: 0px;
margin-top: 12px;
font-family: Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 2px rgba(0,0,0,0.75);
background-repeat: no-repeat;
background-position: left;
padding-left: 32px;
}

div.emergency-header a {
display: block;
float: right;
margin-right: 16px;
color: #FFF;
font-weight: bold;
text-decoration: none;
background-color: #A33;
padding: 10px;
padding-top: 2px;
padding-bottom: 4px;
border-radius: 0px 0px 3px 3px;
border: 1px solid #000;
border-color: #C55 #922 #611 #922
}

div.emergency-content {
background-color: #FFF;
overflow: hidden;
padding: 16px;
border-radius: 0px 0px 10px 10px;
font-family: Georgia, serif;
color: #56514b;
font-size: 14px;
font-weight: normal;
line-height: 1.4em;
}

div.emergency-content a {
color: #9d0200;
}

div.emergency-content p.timestamp {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
line-height: 1.4em;
text-align: right;
margin-top: 1em;
margin-bottom: 0px;
}

div.emergency-content h3 {
margin-top: 0px;
font-family: BentonMod, serif;
font-weight: normal;
font-size: 20px;
line-height: 1.4em;
margin-bottom: 14px;
}

div.emergency-scrim.snow div.emergency-header h2 {
background-image: url(/magazine-archive/media/styleassets/images/emergencynotice/icon_snow.png);
}

div.emergency-scrim.normal div.emergency-header h2 {
background-image: url(/magazine-archive/media/styleassets/images/emergencynotice/icon_notice.png);
}

div.emergency-scrim.information div.emergency-header h2 {
background-image: url(/magazine-archive/media/styleassets/images/emergencynotice/icon_information.png);
}

div.emergency-scrim.normal div.emergency-header {
background-color: #b76301;
background-image: url(/magazine-archive/media/styleassets/images/emergencynotice/emergency_background.png);
background-position: top;
background-repeat: repeat-x;
}

div.emergency-scrim.snow div.emergency-header {
background-color: #4ebee2;
background-image: url(/magazine-archive/media/styleassets/images/emergencynotice/emergency_background_snow.png);
background-position: top;
background-repeat: repeat-x;
}

div.emergency-scrim.information div.emergency-header {
background-color: #a0a6b7;
background-image: none;
background-image: linear-gradient(bottom, rgb(126,139,173) 0%, rgb(189,196,217) 100%);
background-image: -o-linear-gradient(bottom, rgb(126,139,173) 0%, rgb(189,196,217) 100%);
background-image: -moz-linear-gradient(bottom, rgb(126,139,173) 0%, rgb(189,196,217) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(126,139,173) 0%, rgb(189,196,217) 100%);
background-image: -ms-linear-gradient(bottom, rgb(126,139,173) 0%, rgb(189,196,217) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(126,139,173)),
	color-stop(1, rgb(189,196,217))
);
}

@keyframes emergencyButtonKeyframes {
	0% {opacity: 0.5;}
	50% {opacity: 1.0;}
	100% {opacity: 0.5;}
}
@-moz-keyframes emergencyButtonKeyframes {
	0% {opacity: 0.5;}
	50% {opacity: 1.0;}
	100% {opacity: 0.5;}
}
@-webkit-keyframes emergencyButtonKeyframes {
	0% {opacity: 0.5;}
	50% {opacity: 1.0;}
	100% {opacity: 0.5;}
}

section.global-nav a.emergency-button {
display: block;
float: left;
margin-right: 10px;
width: 24px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
animation: emergencyButtonKeyframes 2s linear 0s infinite;
-moz-animation: emergencyButtonKeyframes 2s linear 0s infinite;
-webkit-animation: emergencyButtonKeyframes 2s linear 0s infinite;
}

section.global-nav a.emergency-button.snow {
background-image: url(/magazine-archive/media/styleassets/images/emergencynotice/icon_snow.png);
}

section.global-nav a.emergency-button.normal {
background-image: url(/magazine-archive/media/styleassets/images/emergencynotice/icon_notice.png);
}

section.global-nav a.emergency-button.information {
background-image: url(/magazine-archive/media/styleassets/images/emergencynotice/icon_information.png);
}

/* standard/source/quicklinks.css */

#QuickLinks {
position: absolute;
overflow: hidden;
left: 0px;
top: 0px;
width: 400px;
background-color: #f9f8f6;
border: 1px solid #a5a39b;
padding: 10px;
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}

#QuickLinksLink {
transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
}

#QuickLinksLink.active {
background-color: #55504c;
color: #FFF;
box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}

.quicklinks-column {
width: 190px;
float: left;
font-size: 12px;
margin-right: 20px;
}

.quicklinks-column:last-child {
margin: 0px;
}

.quicklinks-column h2 {
color: #444;
font-family: Georgia, serif;
font-size: 14px;
font-weight: bold;
}

.quicklinks-column ul {
list-style-type: none;
margin: 0px;
padding: 0px;
margin-top: 1em;
margin-bottom: 1em;
}

.quicklinks-column ul li a {
display: block;
padding-top: 3px;
padding-bottom: 3px;
color: #9d0200;
text-decoration: none;
border-top: 1px solid #e1ded5;
border-bottom: 1px solid #e1ded5;
margin-bottom: -1px;
}

/* standard/source/search.css */

#SearchResultOverlay {
position: absolute;
top: 35px;
background-color: #F9F8F6;
padding: 10px;
width: 300px;
border: 1px solid #A5A39B;
color: #444;
font-family: Arial, sans-serif;
font-size: 12px;
padding-top: 0px;
padding-bottom: 0px;
box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}

#SearchResultOverlay a {
color: #9d0200;
text-decoration: none;
}

#SearchResultOverlay span.search-match,
#SearchResultOverlay a span.search-match {
text-decoration: underline;
}

#SearchResultOverlay h2 {
font-weight: bold;
font-family: Georgia, serif;
font-size: 14px;
}

#SearchResultOverlay h2 a {
text-decoration: underline;
font-weight: normal;
color: #9d0200;
}

#SearchResultOverlay ul {
padding: 0px;
list-style-type: none;
}

#SearchResultOverlay ul li {
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
margin-top: -1px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}

#SearchResultOverlay ul li.hover {
background-color: #DDD;
}

#SearchResultOverlay p.timer {
font-size: 11px;
font-style: italic;
color: #777;
}


#SearchResultOverlay>.result {
	padding: 0.5em 10px;
	margin: 0 -10px;
}

#SearchResultOverlay>.result p {
	margin: 0em;
	font-size: 0.9em;
}

#SearchResultOverlay>.result .title {
	font-size: 1.11em;
}

#SearchResultOverlay>.result .a11y-label {
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
	position: absolute;
}

#SearchResultOverlay>.result.hover,
#SearchResultOverlay>.result:hover {
	background-color: #DDD;
}
