html {
	min-height: 100%;
}
body { position: relative; }
a:hover, a:active { outline: none; }

/* Removes scrollbar in IE */
textarea { overflow: auto; }

/* Remove background from selected images */
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }

/* Remove borders */
fieldset,
img,
iframe { border: 0; }

/* Hand cursor on clickable input elements */
input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='reset'],
select, button, label { cursor: pointer; }


/* Render new HTML5 elements as blocks
----------------------------------------------------------------------------------------------------*/

article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section { display: block; }


/* New Base Values
----------------------------------------------------------------------------------------------------*/

body { margin: 0; }

/* Block Space */
p, hr,
ul, ol, dl,
blockquote, pre,
fieldset, figure { margin: 15px 0; }

h1, h2, h3, h4, h5, h6 { margin: 25px 0 15px 0; }

/* Lists */
ul, ol, dl { padding-left: 30px }
dd { margin-left: 40px; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 36px; line-height: 36px; }
h2 { font-size: 24px; line-height: 24px; }
h3 { font-size: 18px; line-height: 18px; }
h4, h5, h6 { font-size: 16px; line-height: 16px; }

/* Links */
a, a:hover { text-decoration: none; }

/* Text-level Semantics */
small { font-size: 11px; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
dfn[title] { font-style: normal; }

/* Quotes */
q, blockquote {
	quotes: '\201C' '\201D' '\2018' '\2019';
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}
blockquote {
    font-size: 16px;
    line-height: 22px;
    padding: 0 20px;
}
blockquote {
    font-size: 13px;
    font-style: italic;
    line-height: 150%;
    margin: 10px 0 10px 15px;
}
blockquote {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

blockquote.quotation {
    background: url("../images/blockquote_start.png") no-repeat 0 0;
    border: medium none;
    margin: 10px 0;
    padding: 10px 35px;
    text-align: justify;
}
blockquote.quotation p {
    background: url("../images/blockquote_end.png") no-repeat 100% 100%;
    margin: 0 -35px -10px 0;
    padding: 0 35px 10px 0;
}

/* Code */
code, pre { font-family: "Courier New", Courier, monospace; }

code { word-spacing: -2px; }

pre {
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	white-space: pre-wrap;
}

/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td { padding: 1px; }

/* Forms */
input, select { vertical-align: middle; }

select, input, textarea, button { font: 16px "Metropolis", sans-serif; }

form, textarea { margin: 0; }
legend, fieldset, input { padding: 0; }

textarea,
input[type='text'],
input[type='password'],
select { padding: 2px; }
select { line-height: 19px; } /* Needed for Safari */

button,
input[type='button'],
input[type='submit'] { padding: 2px 3px; }


/* Grid and Clearing Tools
----------------------------------------------------------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.grid-block:before,
.grid-block:after,
.deepest:before,
.deepest:after,
form div:before,
form div:after {
	content: "";
    display: table;
}
.clearfix:after,
.grid-block:after,
.deepest:after,
form div:after { clear: both; }

.grid-box { float: left; }

/* Grid Units */
.width10 { width: 10%; }
.width16 { width: 16.666%; }
.width20 { width: 20%; }
.width25 { width: 25%; }
.width33 { width: 33.333%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width66 { width: 66.666%; }
.width70 { width: 70%; }
.width75 { width: 75%; }
.width80 { width: 80%; }
.width100 { width: 100%; }

/* Align Boxes */
.float-left { float: left; }
.float-right { float: right; }

/* Layout Defaults
----------------------------------------------------------------------------------------------------*/

/* Center Page */
.wrapper { margin: auto; width: 960px; }

/* Header */
#header { position: relative; }

#logo {
	margin: 0px 10px;
	width: 500px;
	height: 28px;
	display: inline-block;	
}
#logo.logoUD {
	background: url(../images/logoUD.png) no-repeat 0 0;
}
#logo.logoUA {
	background: url(../images/logoUA.png) no-repeat 0 0;
}
#logo.logoAA {
	background: url(../images/logoAA.png) no-repeat 0 0;
}
#block-main {
	padding-bottom: 10px;	
}
#content {
	margin:0px;	
}
#login-box, #bio-box {
	position: relative;
}
#login-box .module {
	
}
#block-header {
	background-color: #18453B;
	position: relative;
	height: 31px;
	padding: 15px 0px 14px 0px;
}
#block-main {
	position: relative;
	background: #F9F9F7 url(../images/texture.png) repeat 0 0;	
	border-top: 1px solid #FFF;	
	border-bottom: 1px solid #FFF;	
	padding: 15px 0px;
}

#block-footer {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #d1d1d1;
	background: #18453B;
}
#footer {
	position: relative;
	margin: 10px;
	background: url(../images/logo_main.gif) no-repeat 0 50%;
}

#footer p {
	color: #fff;
    font-size: 10px;
	line-height: 12px;
    font-weight: bold;
	margin: 0px 0px 0px 200px;
	padding: 10px 0px;
}



/* Responsive Styles
----------------------------------------------------------------------------------------------------*/
#skip-main-content {
	background-color: #C2D8B3;
	border: 1px solid #0b9444;
	color: #18453b;
	display: inline-block;
	padding: 5px 10px;
	position: absolute;
	left: 0;
	top: -500px;
	transition: top 100ms linear;
	z-index: 10;
}

#skip-main-content:focus {
	top: 0px;
}

.uk-container {
    margin: 0 auto;
}

.msu-footer-wordmark {
	margin-top: 10px;
	max-width: 221px;
}

@media screen and (min-width:768px) {
	.msu-footer-wordmark {
		margin-top: 6px;
	}
}

/* Footer Styles
----------------------------------------------------------------------------------------------------*/
.standard-msu-footer,
.standard-msu-footer a {
	color: #fff;
}

.standard-footer-site-links {
	border-bottom: 1px dotted #fff;
	display: inline-block;
	margin: 0 0 10px ;
	padding: 0 0 10px;
	list-style-type: none;
}
.standard-footer-site-links li {
	border-right: 1px solid #999;
	display: inline;
	font-size: 14px;
    line-height: 1.7em;
	padding: 0 8px;
}
.standard-footer-site-links li:nth-child(1) {
    display: block;
    border-right: none;
	padding-left: 0;
    width: 100%;
}
.standard-footer-site-links li:nth-child(2) {
    padding-left: 0;
}
.standard-footer-site-links li:last-child {
	border-right: none;
}

.msu-footer-wordmark {
	margin-top: 6px;
	max-width: 221px;
}

.msu-info-list {
	font-size: 12px;
	line-height: 16px;
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.msu-info-list > li {
	display: inline-block;
}

.msu-info-notes {
	font-size: 12px;
    padding-bottom: 12px;
}
.msu-info-notes > .spartans-will {
	text-transform: uppercase;
}

@media screen and (min-width:768px) {
    .footer-msu {
		/*background-color: #252525;*/
    }
    .standard-footer-site-links {
		margin-bottom: 3px;
		padding-bottom: 0;
    }
    .standard-footer-site-links li {
        display: inline-block;
		float: left;
    }
    .standard-footer-site-links li:nth-child(1) {
        border-right: 1px solid #999;
        width: auto;
    }
    .standard-footer-site-links li:nth-child(2) {
        padding-left: 4px; /* same as .standard-footer-site-links li padding */
    }
    .msu-info-notes {
        padding: 0;
    }
}

.breadcrumb {
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
	margin-bottom: 15px;
}
.breadcrumb a {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    color: #000;
    font-size: 14px;
    line-height: 60px;
    position: relative;
    background: #DDDDDD;
	padding-left: 60px;
	width: 165px;
}
 .breadcrumb a:last-child {
    /*width: 342px;*/
}
.breadcrumb a.active,
.breadcrumb a:hover {
	color: #fff;
    background: #18453b ;
    transition: all 1s;
}
.breadcrumb a.active:after,
.breadcrumb a:hover:after {
    background: #18453b ;
    transition: all 1s;
}
.breadcrumb a:after {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    width: 60px;
    height: 60px;
    transform: scale(0.707) rotate(45deg);
    z-index: 1;
    background: #DDDDDD;
    box-shadow: 3px -3px 0 2px rgba(255, 255, 255, 0.8);
    border-radius: 0 5px 0 50px;
}
/*.breadcrumb a:last-child:after {
    content: none;
}*/