/* Core K-State stylesheet
 *
 * This stylesheet performs three primary functions.
 *
 * First, many browser-supplied defaults are neutralized
 * in order to provide a consistent base.
 *
 * Second, high-level standards are set that apply to all K-State pages.
 *
 * Third, styles applicable to elements shared across many K-State pages
 * are styled: the header, footer, left menu, and right column.
 *
 */
/*!
Pure v0.5.0-pre
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v1.1.3 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
/***
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}
***/
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 0 0 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 2.4em;
  /* K-State change.  Was: padding: 0 0 0 40px; */
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*csslint important:false*/
/* ==========================================================================
   Pure Base Extras
   ========================================================================== */
/**
 * Extra rules that Pure adds on top of Normalize.css
 */
/**
 * Always hide an element when it has the `hidden` HTML attribute.
 */
[hidden] {
  display: none !important;
}

/**
 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
 * aspect ratio.
 */
.pure-img {
  max-width: 100%;
  height: auto;
  display: block;
}

/*
 * Set K-State defaults.
 *
 * These defaults are of two types.  First, those that apply everywhere
 * on the page, even in the footer, header, etc.
 *
 * Second are those rules scoped to the ksu-main-content section, i.e.,
 * they apply to the main block of content in the middle of the page.
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

*[hidden] {
  display: none;
  /* Only needed for IE<=10 */
}

html {
  background-color: #fff;
}

/* Lucida Grande is the default system font on Mac OS X and is preferred
 * to Verdana on Mac. If it's available use it.
 * Most people will see Verdana, though.
 */
body {
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 100%;
  color: #333;
  line-height: 1.4;
  min-width: 320px;
}

/*
 * Inside the BODY element, there are only three visible elements: ksu-header, ksu-wrapper, and ksu-footer.
 *
 * All are relatively positioned and have a z-index applied, so each establishes a positioning and
 * stacking context.
 */
/*
 * Use K-State purple for all links.
 * You'd think you wouldn't have to specify a:visited because all visited links are also links, and
 * specifying a:link would be enough.  However, without specifying a:visited, the browser's default visited
 * link color is used.  (Which is close enough to K-State purple to not be easily noticed, but let's be
 * precise.)
 */
a:link,
a:visited {
  color: #512888;
}

/*
 * Links get special treatment with a bottom border rather than an underline.
 * These are outside of the big .ksu-main-content block because they apply inside .ksu-text also.
 */
.ksu-main-content a:link,
.ksu-main-content a:visited,
.ksu-text a:link,
.ksu-text a:visited {
  border-bottom: 1px solid #DDC9E8;
}

.ksu-main-content a:hover,
.ksu-text a:hover {
  border-bottom-color: #512888;
}

.ksu-dark {
  color: #fff;
}

.ksu-dark a:link, .ksu-dark a:visited, .ksu-dark a:hover, .ksu-dark a:active {
  color: #fff;
  border: none;
}

/*
 * Image sizes.  Force no image to be wider than its container by specifying max-width: 100%.
 * You'd think "height: auto;" would be the default, and it is.  However, OmniUpdate specifies the
 * height and width on the IMG element, and "height: auto;" overrides to allow the height to adjust
 * as the width adjusts.
 */
img {
  max-width: 100%;
  height: auto;
}

/*
 * Tables
 */
table {
  margin: 10px 0;
  border-collapse: collapse;
}
table caption {
  font-style: italic;
  text-align: left;
}
table thead {
  background-color: #dfdfdf;
}
table tfoot {
  background-color: #dfdfdf;
}
table th {
  padding: 5px;
  margin: 0;
  background-color: #dfdfdf;
  font-weight: bold;
  text-align: left;
}
table td {
  margin: 0;
  padding: 5px;
  border-bottom: 1px solid #ccc;
}

table.ksu-layout-table td {
  border-bottom: none;
}

@media print {
  #ksu-inner-wrapper a[href]:after {
    content: " (" attr(href) ")";
  }

  #ksu-inner-wrapper .ksu-no-print-url a[href]:after {
    content: "";
  }

  .ksu-no-print {
    display: none;
  }
}
/*
 * Overall page structure styles.
 */
.ksu-sidebar {
  width: 175px;
  padding: 5px 0 10px 0;
  overflow: hidden;
  position: absolute;
  left: -175px;
  z-index: 25;
}

.ksu-main-content {
  position: relative;
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 5px 10px 20px 10px;
  overflow: hidden;
  /* Helps initial animation */
  left: 0;
}
.ksu-main-content > div {
  position: relative;
  overflow: hidden;
}

.ksu-sidebar-secondary {
  position: relative;
  padding: 5px 10px 20px 10px;
  font-size: 0.6875rem;
}
.ksu-sidebar-secondary > div {
  position: relative;
  overflow: hidden;
}

#ksu-wrapper {
  background-color: white;
  position: relative;
  z-index: 20;
}

#ksu-inner-wrapper {
  width: 100%;
}

@media (min-width: 640px) {
  .ksu-main-content {
    display: table-cell;
    width: 100%;
    /* Because it is a table-cell, the browser's table layout will decrease the width as needed. */
    /* max-width: 520px; */
    vertical-align: top;
    padding: 5px 10px 20px 10px;
  }

  /* For one column pages, there is no need for the fancy responsive table-cell layout */
  .ksu-one-column .ksu-main-content {
    display: block;
    width: auto;
    /* Without this, the above "width: 100%" declaration wins, and that makes the DIV too big because of the margin applied.
     * Setting "box-sizing: border-box" would fix this also.
     */
  }

  .ksu-with-banner .ksu-main-content {
    padding-top: 15px;
  }

  .ksu-with-sidebar .ksu-main-content {
    padding-left: 20px;
  }

  .ksu-with-secondary-sidebar .ksu-main-content,
  .ksu-with-secondary-resources .ksu-main-content {
    padding-right: 20px;
    max-width: 520px;
  }

  .ksu-sidebar-secondary {
    display: table-cell;
    width: 215px;
    min-width: 215px;
    padding: 15px 0 20px 0;
    vertical-align: top;
  }
}
/* Not sure where these came from.
	#ksu-wrapper {
        width: auto;
    }
    #ksu-inner-wrapper {
        width: auto;
	    padding-bottom: 0;
    }
	#ksu-main-content {
	    padding-left: 0;
	    margin: 0;
		padding-bottom:0;
		xxxbackground-color: #eeede9;
		background-color: #fff;
		padding-top:15px;
        width: auto;
	}
*/
@media (min-width: 768px) {
  .ksu-sidebar {
    position: relative;
    display: table-cell;
    min-width: 175px;
    padding-top: 0;
    top: 0;
    left: 0 !important;
    /* !important needed to override the animation leaving "left: -175px" on the element itself. */
  }

  .ksu-main-content > div {
    left: 0 !important;
  }

  .ksu-sidebar-secondary {
    padding-right: 0;
  }

  .ksu-sidebar-secondary > div {
    padding-right: 0;
    left: 0 !important;
  }

  #ksu-inner-wrapper {
    padding-bottom: 40px;
    overflow: hidden;
  }

  .ksu-hidden-xs {
    display: block;
  }
}
@media (min-width: 975px) {
  .ksu-sidebar {
    padding-top: 0;
  }

  #ksu-inner-wrapper {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
  }
}
#ksu-inner-wrapper a:link,
#ksu-inner-wrapper a:visited {
  text-decoration: none;
}

/*
 * Text and formatting inside the main content.
 */
*[id='ksu-wrapper'] h1, *[id='ksu-wrapper'] h2, *[id='ksu-wrapper'] h3, *[id='ksu-wrapper'] h4, *[id='ksu-wrapper'] h5, *[id='ksu-wrapper'] h6 {
  margin: 1.5em 0 0.3em;
  padding: 0;
}

.ksu-main-content {
  /*
   * Headings
   */
  /* Skoot the top-most H1 up closer to the banner or unit bar. */
}
.ksu-main-content h1, .ksu-main-content h2, .ksu-main-content h3 {
  color: #512888;
  font-size: 18px;
  font-size: 1.125rem;
  border-bottom: 3px solid #d1d1c9;
  width: auto;
  /* Width and text-indent override the special handling of H1s in the header. */
  text-indent: 0;
}
.ksu-main-content h1:first-child, .ksu-main-content h2:first-child, .ksu-main-content h3:first-child {
  margin-top: 0;
}
.ksu-main-content h4 {
  font-size: 16px;
  font-size: 1rem;
  color: #000;
}
.ksu-main-content h5 {
  font-size: 14px;
  font-size: 0.875rem;
  color: #333;
}
.ksu-main-content h6 {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #333;
}

/*
 * Utility classes that can be added to achieve various common effects.
 */
/* Center a block in our chosen width, 960px. */
.ksu-page-center {
  width: 100%;
}
@media (min-width: 999px) {
  .ksu-page-center {
    position: relative;
    width: 960px;
    margin: auto;
  }
}

/* Clear all floats */
.ksu-clear {
  clear: both;
}

.ksu-offscreen {
  position: absolute;
  left: -9999px;
}

.ksu-nobr {
  white-space: nowrap;
}

.ksu-no-underline {
  border-bottom: none !important;
}

/*
 * !important is needed because sometimes the elements to be hidden
 * themselves declare another value for the display property.
 */
.ksu-hidden {
  display: none !important;
}

ul.ksu-list-spaced li,
ol.ksu-list-spaced li {
  margin-bottom: 1em;
}

.yui3-js-enabled .ksu-loading-hidden {
  visibility: hidden;
}

/*
 * Five image styles that apply to ../images inside main content:
 *    ksu-left-portrait
 *    ksu-left-landscape
 *    ksu-right-portrait
 *    ksu-right-landscape
 *    ksu-center
 *
 * All these set the width, appropriate margins, and float properties.
 * The height is *not* set, so stupidly short and tall ../images can
 * appear.
 */
.ksu-main-content img.ksu-left-portrait {
  width: 180px;
  margin: 0.3em 20px 0.5em 0;
  float: left;
}

.ksu-main-content img.ksu-left-landscape {
  width: 280px;
  margin: 0.3em 20px 0.5em 0;
  float: left;
}

.ksu-main-content img.ksu-right-portrait {
  width: 180px;
  margin: 0.3em 0 0.5em 20px;
  float: right;
}

.ksu-main-content img.ksu-right-landscape {
  width: 280px;
  margin: 0.3em 0 0.5em 20px;
  float: right;
}

.ksu-main-content img.ksu-center {
  width: 520px;
  margin: 0.3em 0 0.5em 0;
}

.ksu-hidden-xs {
  display: none;
}

/*
 * Overall page structure styles.
 */
.ksu-sidebar {
  width: 175px;
  padding: 5px 0 10px 0;
  overflow: hidden;
  position: absolute;
  left: -175px;
  z-index: 25;
}

.ksu-main-content {
  position: relative;
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 5px 10px 20px 10px;
  overflow: hidden;
  /* Helps initial animation */
  left: 0;
}
.ksu-main-content > div {
  position: relative;
  overflow: hidden;
}

.ksu-sidebar-secondary {
  position: relative;
  padding: 5px 10px 20px 10px;
  font-size: 0.6875rem;
}
.ksu-sidebar-secondary > div {
  position: relative;
  overflow: hidden;
}

#ksu-wrapper {
  background-color: white;
  position: relative;
  z-index: 20;
}

#ksu-inner-wrapper {
  width: 100%;
}

@media (min-width: 640px) {
  .ksu-main-content {
    display: table-cell;
    width: 100%;
    /* Because it is a table-cell, the browser's table layout will decrease the width as needed. */
    /* max-width: 520px; */
    vertical-align: top;
    padding: 5px 10px 20px 10px;
  }

  /* For one column pages, there is no need for the fancy responsive table-cell layout */
  .ksu-one-column .ksu-main-content {
    display: block;
    width: auto;
    /* Without this, the above "width: 100%" declaration wins, and that makes the DIV too big because of the margin applied.
     * Setting "box-sizing: border-box" would fix this also.
     */
  }

  .ksu-with-banner .ksu-main-content {
    padding-top: 15px;
  }

  .ksu-with-sidebar .ksu-main-content {
    padding-left: 20px;
  }

  .ksu-with-secondary-sidebar .ksu-main-content,
  .ksu-with-secondary-resources .ksu-main-content {
    padding-right: 20px;
    max-width: 520px;
  }

  .ksu-sidebar-secondary {
    display: table-cell;
    width: 215px;
    min-width: 215px;
    padding: 15px 0 20px 0;
    vertical-align: top;
  }
}
/* Not sure where these came from.
	#ksu-wrapper {
        width: auto;
    }
    #ksu-inner-wrapper {
        width: auto;
	    padding-bottom: 0;
    }
	#ksu-main-content {
	    padding-left: 0;
	    margin: 0;
		padding-bottom:0;
		xxxbackground-color: #eeede9;
		background-color: #fff;
		padding-top:15px;
        width: auto;
	}
*/
@media (min-width: 768px) {
  .ksu-sidebar {
    position: relative;
    display: table-cell;
    min-width: 175px;
    padding-top: 0;
    top: 0;
    left: 0 !important;
    /* !important needed to override the animation leaving "left: -175px" on the element itself. */
  }

  .ksu-main-content > div {
    left: 0 !important;
  }

  .ksu-sidebar-secondary {
    padding-right: 0;
  }

  .ksu-sidebar-secondary > div {
    padding-right: 0;
    left: 0 !important;
  }

  #ksu-inner-wrapper {
    padding-bottom: 40px;
    overflow: hidden;
  }

  .ksu-hidden-xs {
    display: block;
  }
}
@media (min-width: 975px) {
  .ksu-sidebar {
    padding-top: 0;
  }

  #ksu-inner-wrapper {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
  }
}
/*
 * The standard header.
 */
#ksu-header {
  position: relative;
  z-index: 30;
  color: #ffffff;
  background-color: #512888;
  width: 100%;
}

#ksu-header-top {
  background-color: #512888;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4f2684), to(#7137bd));
  background-image: -webkit-linear-gradient(top, #4f2684, #7137bd);
  background-image: -moz-linear-gradient(top, #4f2684, #7137bd);
  background-image: -ms-linear-gradient(top, #4f2684, #7137bd);
  background-image: -o-linear-gradient(top, #4f2684, #7137bd);
  background-image: linear-gradient(#4f2684, #7137bd);
  /* For IE<=9, a filter is specified in ie9-workarounds.css. */
}

#ksu-header-masthead {
  height: 60px;
  max-width: 960px;
}
@media (min-width: 600px) {
  #ksu-header-masthead {
    height: 130px;
    background: url(../images/header-masthead-seal.png) no-repeat 221px;
  }
}

.ksu-branding-student-org #ksu-header-masthead,
.ksu-branding-student-org-salina #ksu-header-masthead {
  background: none;
}

#ksu-header-masthead h1 {
  position: relative;
  margin: 0;
  width: 365px;
  /* Must be wide enough for all the wordmarks.  Currently, Foundation is the widest. */
  height: 100%;
  text-indent: -9999px;
  /* The only As inside masthead are image-replaced. */
}
#ksu-header-masthead h1 > a {
  display: block;
  /*width: 100%;   */
  height: 100%;
}

#ksu-wordmark {
  background: url(../images/wordmark-sm.png) no-repeat 5px 5px;
}

#ksu-wordmark-container {
  width: 250px;
  position: absolute;
  top: 0;
  left: 0;
}
#ksu-wordmark-container img {
  vertical-align: top;
}
#ksu-wordmark-container #ksu-wordmark {
  background: none;
  display: inline-block;
  position: relative;
  padding: 5px;
}
#ksu-wordmark-container #ksu-wordmark img {
  width: 220px;
}
@media (min-width: 600px) {
  #ksu-wordmark-container {
    top: 29px;
    left: 12px;
    width: 560px;
  }
  #ksu-wordmark-container #ksu-wordmark img {
    width: 285px;
  }
}

/* These branding options add an addendum to the standard K-State wordmark.
 * For small screens, the addendum is simply omitted.
 */
#ksu-wordmark-bar, #ksu-wordmark-polytechnic, #ksu-wordmark-global, #ksu-wordmark-olathe {
  display: none;
}

/* For larger screens, the addendum is absolutely positioned on top of the H1. */
@media (min-width: 768px) {
  #ksu-wordmark-bar, #ksu-wordmark-polytechnic, #ksu-wordmark-global, #ksu-wordmark-olathe {
    display: inline-block;
    position: relative;
    vertical-align: top;
    top: 0;
    padding: 5px;
  }

  #ksu-wordmark-bar {
    top: 10px;
    left: 12px;
    width: 11px;
    height: 67px;
  }

  #ksu-wordmark-polytechnic {
    top: 26px;
    left: 20px;
  }
  #ksu-wordmark-polytechnic img {
    width: 200px;
  }

  #ksu-wordmark-global {
    top: 26px;
    left: 20px;
  }
  #ksu-wordmark-global img {
    width: 145px;
  }

  #ksu-wordmark-olathe {
    top: 25px;
    left: 23px;
  }
  #ksu-wordmark-olathe img {
    width: 70px;
  }
}
/* These branding options replace the standard K-State wordmark with their own. */
#ksu-wordmark-foundation {
  width: 125px;
  background: url(../images/wordmarks/foundation-without-tagline.svg) no-repeat 5px 11px;
}

#ksu-wordmark-ksre {
  background: url(../images/wordmark-ksre-sm.png) no-repeat 5px 5px;
}

@media (min-width: 600px) {
  #ksu-wordmark {
    background: url(../images/wordmark.png) no-repeat 14px 32px;
  }

  #ksu-wordmark-foundation {
    width: 268px;
    background: url(../images/wordmarks/foundation.svg) no-repeat 8px 11px;
  }

  #ksu-wordmark-ksre {
    background: url(../images/wordmark-ksre.png) no-repeat 17px 19px;
  }
}
.ksu-branding-student-org #ksu-header h1 {
  background: url(../images/header-masthead-student-org.png) no-repeat 32px 0;
  width: 480px;
}

.ksu-branding-student-org-salina #ksu-header h1 {
  background: url(../images/header-masthead-student-org-salina.png) no-repeat -6px 27px;
  width: 610px;
  padding-top: 60px;
  text-indent: 222px;
  font-size: 30px;
}

#ksu-search-block {
  top: 0;
  right: 0;
  position: absolute;
  float: right;
  width: 60px;
  font-size: 12px;
  font-size: 0.75rem;
}
#ksu-search-block > a {
  display: block;
  width: 40px;
  height: 40px;
  margin: 10px;
  background: url(../images/search-white-40.png) no-repeat;
  text-indent: -9999px;
}
@media (min-width: 600px) {
  #ksu-search-block > a {
    display: none;
  }
}
@media (min-width: 600px) {
  #ksu-search-block {
    position: absolute;
    right: 20px;
    top: 53px;
    width: 205px;
    z-index: 1;
  }
}

#ksu-search {
  display: none;
}
@media (min-width: 600px) {
  #ksu-search {
    display: block;
  }
  #ksu-search fieldset {
    margin: 0;
    border: 0;
    padding: 0;
  }
  #ksu-search label {
    position: absolute;
    left: -9999px;
  }
  #ksu-search input {
    width: 98%;
    color: #999;
  }
}

#ksu-search-sub {
  display: none;
}
@media (min-width: 600px) {
  #ksu-search-sub {
    display: block;
    position: relative;
    top: 4px;
    overflow: hidden;
  }
}

#ksu-signin-box {
  display: none;
  /* Will be overridden by JavaScript when needed. */
}

/*
 * When typing text into the input box, make the text darker.
 * Note: this doesn't work for IE <= 7.
 */
#ksu-search input:focus {
  color: #333;
}

@media (min-width: 600px) {
  #ksu-atoz {
    float: left;
  }

  #ksu-search-block a:link, #ksu-search-block a:visited {
    color: white;
    text-decoration: none;
  }

  #ksu-signin {
    float: right;
    width: 10em;
    cursor: pointer;
  }

  #ksu-signin a {
    display: block;
    padding-right: 16px;
  }

  #ksu-signin-label {
    position: absolute;
    right: 0;
  }

  .ksu-downarrow {
    position: absolute;
    top: 0.4em;
    right: 0;
    border-color: white transparent transparent transparent;
    border-style: solid;
    border-width: 6px 6px;
    width: 0;
    height: 0;
  }

  #ksu-signin-position {
    position: relative;
    left: 0;
    top: 20px;
    height: 1px;
    width: 100%;
  }

  #ksu-signin-box {
    float: left;
    margin-top: 10px;
    border: 1px solid #dcdbce;
    padding: 10px 10px 2px;
    background: #eeede8;
    width: 185px;
    color: #333;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
  }
  #ksu-signin-box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #ksu-signin-box p {
    font-weight: bold;
  }
  #ksu-signin-box > header {
    display: none;
    font-weight: bold;
    margin: 1em 0 0;
  }
  #ksu-signin-box > p {
    /* Only affects the "System status" line. */
    margin: 1em 0;
  }
  #ksu-signin-box .ksu-icon-close {
    float: right;
    position: relative;
    right: -2px;
    bottom: 5px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: normal;
    color: #d0d0d0;
    cursor: pointer;
  }
  #ksu-signin-box .ksu-icon-close:after {
    content: "\00D7";
  }
  #ksu-signin-box .ksu-icon-close:hover,
  #ksu-signin-box .ksu-icon-close:active {
    color: #333;
    font-weight: bold;
    text-decoration: none;
  }
  #ksu-signin-box li {
    font-size: 11px;
    font-size: 0.6875rem;
    margin: 3px 0;
    padding: 0;
  }
  #ksu-signin-box #ksu-status-link {
    margin-top: 1.25em;
  }
  #ksu-signin-box a:link,
  #ksu-signin-box a:visited {
    color: #512888;
    font-weight: bold;
  }
  #ksu-signin-box a:hover {
    text-decoration: underline;
  }
}
/* Overrides for the new header */
#ksu-header-masthead {
  max-width: 1200px;
}

/* Overrides for the sliding signin links. */
#ksu-atoz {
  float: right;
}

@media (min-width: 600px) {
  #ksu-atoz {
    float: right;
  }
}
#ksu-atoz2 {
  position: absolute;
  font-size: 0.8rem;
  top: 2.2em;
  right: 70px;
}
#ksu-atoz2 a {
  display: block;
  color: white;
}

@media (min-width: 600px) {
  #ksu-atoz2 {
    display: none;
  }
}
#ksu-search-block > a {
  background-size: 80%;
  background-position: center;
}

.ksu-signin-container {
  width: 160px;
  height: 20px;
  position: absolute;
  top: 3px;
  right: 70px;
  overflow: hidden;
  font-size: 0.8rem;
  transition: height 400ms;
  z-index: 10;
}
.ksu-signin-container a {
  display: block;
  color: white;
  margin: 10px 0 0 15px;
}
.ksu-signin-container a.ksu-signin-label {
  margin: 0 2px 0 0;
  xxtext-align: right;
  position: absolute;
  right: 0;
}
.ksu-signin-container .ksu-signin-close-port {
  display: none;
  font-size: 0.8rem;
  text-align: right;
  margin-top: 0;
  margin-right: 5px;
}
.ksu-signin-container > div {
  position: absolute;
  width: 160px;
  transition: right 400ms;
}
.ksu-signin-container.ksu-opening, .ksu-signin-container.ksu-open, .ksu-signin-container.ksu-closing {
  background-color: #512888;
  font-size: 1rem;
}
.ksu-signin-container.ksu-opening .ksu-signin-label, .ksu-signin-container.ksu-opening .ksu-signin-close-port, .ksu-signin-container.ksu-open .ksu-signin-label, .ksu-signin-container.ksu-open .ksu-signin-close-port, .ksu-signin-container.ksu-closing .ksu-signin-label, .ksu-signin-container.ksu-closing .ksu-signin-close-port {
  font-size: 0.8rem;
}
.ksu-signin-container.ksu-open {
  height: 14em;
}
.ksu-signin-container.ksu-open .ksu-signin-label {
  display: none;
}
.ksu-signin-container.ksu-open .ksu-signin-close-port {
  display: block;
}
.ksu-signin-container #ksu-signin-box a,
.ksu-signin-container #ksu-signin-box a:link,
.ksu-signin-container #ksu-signin-box a:hover,
.ksu-signin-container #ksu-signin-box a:visited,
.ksu-signin-container #ksu-signin-box a:active {
  color: #fff;
  text-decoration: none;
}
.ksu-signin-container #ksu-signin-box a:hover,
.ksu-signin-container #ksu-signin-box a:active {
  text-decoration: underline;
}

a.ksu-signin-close {
  display: none;
}

@media (min-width: 600px) {
  .ksu-signin-container {
    display: block;
    width: 600px;
    height: 25px;
    right: 20px;
    /* Overrides a left delcaration above */
    top: 3px;
  }
  .ksu-signin-container a {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .ksu-signin-container .ksu-signin-close {
    display: inline-block;
  }
  .ksu-signin-container .ksu-signin-close-port {
    display: none;
  }
  .ksu-signin-container > div {
    width: auto;
    right: -457px;
  }
  .ksu-signin-container.ksu-opening, .ksu-signin-container.ksu-open, .ksu-signin-container.ksu-closing {
    background-color: transparent;
    font-size: 0.8rem;
  }
  .ksu-signin-container.ksu-opening .ksu-signin-label, .ksu-signin-container.ksu-open .ksu-signin-label, .ksu-signin-container.ksu-closing .ksu-signin-label {
    display: none;
  }
  .ksu-signin-container.ksu-open {
    top: 3px;
    /* Repeated to be as specific as the open for portrait mode values */
    right: 20px;
    height: 25px;
    font-size: 0.8rem;
  }
  .ksu-signin-container.ksu-open > div {
    right: 0;
  }
  .ksu-signin-container.ksu-open .ksu-signin-close-port {
    display: none;
  }

  .ksu-signin-container a:last-child {
    margin-right: 0;
  }

  #ksu-signin-left, .ksu-signin-left, .ksu-signin-right {
    display: inline;
  }
}
.ksu-banner-wrapper {
  background-color: #f4f2ed;
}

#ksu-banner {
  display: none;
}
@media (min-width: 640px) {
  #ksu-banner {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 20;
    background-size: cover;
  }
}
@media (min-width: 768px) {
  #ksu-banner {
    left: 0 !important;
  }
}
@media (min-width: 975px) {
  #ksu-banner {
    width: 950px;
    height: 270px;
    margin: 0 auto;
  }
}
#ksu-banner.ksu-banner-mega {
  display: block;
}
@media (min-width: 768px) {
  #ksu-banner.ksu-banner-mega {
    width: 100%;
    height: auto;
  }
}
#ksu-banner img {
  display: block;
}
#ksu-banner .ksu-banner-width-full img {
  width: 100%;
}

@media (min-width: 600px) {
  .ksu-menu-open #ksu-banner {
    margin-left: 0;
    /* No extra space if menu is always visible. */
  }
  .ksu-menu-open .ksu-sidebar {
    top: 0;
  }
}
@media (min-width: 640px) {
  .ksu-menu-open #ksu-banner {
    margin-left: 10px;
  }
  .ksu-menu-open .ksu-sidebar {
    top: -186px;
  }
}
@media (min-width: 975px) {
  #ksu-banner.ksu-banner-half {
    height: 135px;
  }
}
/*
 * The Unit bar
 */
.ksu-unitbar-wrapper {
  background-color: white;
}

#ksu-unitbar {
  position: relative;
  margin-top: 5px;
  padding: 2px 10px 6px;
}
#ksu-unitbar .ksu-unit-menu-link {
  display: block;
  outline: none;
  width: 50px;
  height: 100%;
  padding: 14px;
  position: absolute;
  top: 0;
  left: 0;
}
#ksu-unitbar .ksu-unit-menu-link span {
  display: block;
  position: relative;
  margin-top: 10px;
}
#ksu-unitbar .ksu-unit-menu-link span, #ksu-unitbar .ksu-unit-menu-link span:before, #ksu-unitbar .ksu-unit-menu-link span:after {
  background-color: #333;
  width: 100%;
  height: 3px;
}
#ksu-unitbar .ksu-unit-menu-link span:before, #ksu-unitbar .ksu-unit-menu-link span:after {
  position: absolute;
  top: -7px;
  content: " ";
}
#ksu-unitbar .ksu-unit-menu-link span:after {
  top: 7px;
}
#ksu-unitbar > h2, #ksu-unitbar > .ksu-unitname {
  margin: 10px 0 0 40px;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
}
#ksu-unitbar > h2 a, #ksu-unitbar > h2 a:hover, #ksu-unitbar > .ksu-unitname a, #ksu-unitbar > .ksu-unitname a:hover {
  text-decoration: none;
}
@media (min-width: 768px), print {
  #ksu-unitbar {
    max-width: 950px;
    padding: 6px 15px 10px 15px;
    margin: 0 auto;
    position: relative;
    z-index: 20;
  }
  #ksu-unitbar > h2, #ksu-unitbar > .ksu-unitname {
    margin: 13px 0 8px 0;
  }
  #ksu-unitbar .ksu-unit-menu-link {
    display: none;
  }
}
@media print {
  #ksu-unitbar {
    background-color: #f4f2ed;
  }
}

@media (min-width: 768px), print {
  body[class*=layer] #ksu-unitbar {
    max-width: 1200px;
  }
}
/* Override for when Myriad Pro is being used */
.wf-active #ksu-unitbar > h2, .wf-active #ksu-unitbar > .ksu-unitname {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bold;
}

/*
 * Breadcrumbs
 */
#ksu-breadcrumbs {
  display: none;
}
@media (min-width: 768px), print {
  #ksu-breadcrumbs {
    display: block;
    font-size: 9px;
    font-size: 0.5625rem;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  #ksu-breadcrumbs > li {
    display: inline;
    margin: 0;
    padding: 0;
    line-height: 10px;
    /* Should not be dimensionless so that the increased font-size of the >> mark doesn't add vertical space. */
  }
  #ksu-breadcrumbs > li > span {
    font-size: 130%;
    margin: 0 5px;
  }
  #ksu-breadcrumbs > li > a {
    color: #333;
    text-decoration: none;
  }
  #ksu-breadcrumbs > li a:active, #ksu-breadcrumbs > li a:hover {
    text-decoration: underline;
  }
}

/* Override for when Myriad Pro is being used */
.wf-active #ksu-breadcrumbs {
  font-size: 14px;
  font-size: 0.875rem;
}

/*
 * Horizontal navigation menu.
 */
.ksu-horiz-menu {
  display: none;
}

.ksu-sidebar .ksu-horiz-menu {
  display: block;
  padding: 0;
  margin: 0;
  width: 175px;
  list-style: none;
  background-color: #512888;
  margin: 0 0 20px;
  position: relative;
  /* Needed only for PIE, see http://css3pie.com/documentation/known-issues/#z-index */
  -webkit-border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  /* The background of the active menu items is highlighted in a light color... */
}
.ksu-sidebar .ksu-horiz-menu ul {
  margin: 0;
  padding: 0;
  /* Hide the drop-down menus, if any. */
}
.ksu-sidebar .ksu-horiz-menu ul div {
  display: none;
}
.ksu-sidebar .ksu-horiz-menu ul .ksu-horiz-menu-home div {
  display: block;
}
.ksu-sidebar .ksu-horiz-menu ul > li > a {
  display: block;
  color: #fff !important;
  padding: 7px 5px 7px 10px;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: bold;
  line-height: 16px;
  border-top: solid 1px #fff;
}
.ksu-sidebar .ksu-horiz-menu ul > li:first-child > a {
  border-top: none;
}
.ksu-sidebar .ksu-horiz-menu .ksu-active > a, .ksu-sidebar .ksu-horiz-menu a:hover, .ksu-sidebar .ksu-horiz-menu a:focus {
  color: #333 !important;
  background-color: #ecd391;
}

@media (min-width: 767px) {
  .ksu-horiz-menu-wrapper {
    border-bottom: 5px solid #ecd391;
    position: relative;
  }

  .ksu-sidebar .ksu-horiz-menu {
    display: none;
  }
  .ksu-sidebar .ksu-horiz-menu ul div {
    display: block;
  }

  .ksu-horiz-menu {
    display: block;
    position: relative;
    z-index: 25;
    white-space: nowrap;
    background-color: #512888;
  }

  .ksu-horiz-menu-list {
    display: table;
    border-collapse: collapse;
    padding: 0;
    margin: 0 auto;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 36px;
    max-width: 960px;
    height: 36px;
  }

  body[class*=layer] .ksu-horiz-menu-list {
    font-size: 16px;
    font-size: 1rem;
    line-height: 60px;
    max-width: 1200px;
    height: 60px;
  }

  .ksu-horiz-menu-list > li {
    display: table-cell;
    position: relative;
    width: 1%;
    border-left: 1px solid #411977;
    /*#3d2361;*/
    vertical-align: middle;
    text-align: center;
  }

  .ksu-horiz-menu-list > li:first-child {
    padding: 0 5px 0 135px;
    border-left: 0;
  }

  body[class*=layer] .ksu-horiz-menu-list > li:first-child {
    padding-left: 0;
  }

  .ksu-horiz-menu-list > li > a {
    padding: 0 12px;
    font-size: 79%;
    color: #fff !important;
    display: block;
    text-decoration: none;
  }

  .ksu-horiz-menu-home {
    width: 40px;
    height: 36px;
    padding: 0 !important;
    border-left: none !important;
    text-indent: -9999px;
  }
  .ksu-horiz-menu-home > div {
    width: 16px;
    height: 16px;
    position: relative;
    top: 10px;
    left: 10px;
    background: url(../images/home-icon-sprites.png) no-repeat;
  }
  .ksu-horiz-menu-home:hover div, .ksu-horiz-menu-home:focus div, .ksu-horiz-menu-home.ksu-active div {
    background-position: -18px;
  }

  .ksu-horiz-menu-list > li:nth-of-type(2) {
    border-left: 0;
  }
  .ksu-horiz-menu-list > li:nth-of-type(2) > a {
    padding-left: 0;
  }
}
@media (min-width: 767px) and (min-width: 975px) {
  .ksu-horiz-menu-list > li:nth-of-type(2) > a {
    padding-left: 20px;
  }
}

@media (min-width: 767px) {
  /*
   * This does not apply to only the top level, but to popup A elements also.
   */
  .ksu-horiz-menu-list > li > a:hover,
  .ksu-horiz-menu-list > li > a:focus,
  .ksu-horiz-menu-list > li.ksu-active > a {
    background-color: #ecd391;
    color: #333 !important;
  }

  /*
   * Second level of horizontal navigation
   */
  .ksu-horiz-menu-list > li > div {
    display: none;
    position: absolute;
    top: 36px;
    left: 0;
    width: 240px;
    padding: 5px 20px;
    font-weight: normal;
    line-height: 1.4;
    border-top: 5px solid #ecd391;
    background-color: #e2e0d6;
    text-align: left;
    white-space: normal;
    -webkit-box-shadow: 0 5px 20px #aaa;
    -moz-box-shadow: 0 5px 20px #aaa;
    box-shadow: 0 5px 20px #aaa;
    z-index: -1;
  }

  body[class*=layer] .ksu-horiz-menu-list > li > div {
    top: 60px;
    width: 20rem;
  }

  /* Display the popup box when hovering over the menu choice. */
  .ksu-horiz-menu-list > li:hover > div,
  .ksu-horiz-menu-list > li:focus-within > div {
    display: block;
  }

  /* The popup box under the last (right-most) item should be right-aligned rather than left-aligned. */
  .ksu-horiz-menu-list > li:last-child > div {
    left: auto;
    right: 0;
  }

  /* The submenu is a UL element, but it shouldn't have its own padding or margin. */
  .ksu-horiz-menu-list > li > div ul {
    padding: 0;
    margin: 0;
  }

  .ksu-horiz-menu-list > li > div a {
    padding: 4px 0;
    color: #333 !important;
    display: inline-block;
    text-decoration: none !important;
  }
  .ksu-horiz-menu-list > li > div a:hover, .ksu-horiz-menu-list > li > div a:focus {
    text-decoration: underline !important;
  }

  /* Paragraphs are used for the "See all of <Topic>" text. */
  .ksu-horiz-menu-list > li > div p {
    line-height: 1.5;
    border-top: 1px solid white;
    padding-top: .6em;
    margin-top: 1em;
    margin-bottom: .4em;
  }
  .ksu-horiz-menu-list > li > div p a {
    color: #512888 !important;
    text-decoration: underline !important;
  }
}
@media (min-width: 897px) {
  .ksu-horiz-menu-list > li > a {
    padding: 0 14px;
    font-size: 82%;
  }
}
@media (min-width: 936px) {
  .ksu-horiz-menu-list > li > a {
    padding: 0 16px;
    font-size: 88%;
  }
}
@media (min-width: 975px) {
  .ksu-horiz-menu-list > li > a {
    padding: 0 20px;
    font-size: 100%;
  }

  .ksu-horiz-menu-list > li:first-child {
    padding-left: 140px;
  }

  body[class*=layer] .ksu-horiz-menu-list > li:first-child {
    padding-left: 0;
  }
}
/*
 * The Unit Menu.
 *
 * Probably there will only ever be one menu on a page, but styling is done via classes
 * so there could be several menus on the page.
 */
/*
 * Normally the unit menu has rounded corners.  However, not if the page also has a horizontal menu.
 * The HTML wraps the menu in a wrapper with class ksu-round-top if rounding is needed.
 *
 * First, round all four corners of the menu (UL) element itself.
 */
.ksu-round-top > .ksu-unit-menu {
  position: relative;
  /* Needed only for PIE, see http://css3pie.com/documentation/known-issues/#z-index */
  border-radius: 8px 8px 8px 8px;
  /* Next, round the top-most corners. of the menu item (LI) if they contribute their own colors. */
}
.ksu-round-top > .ksu-unit-menu > li:first-child > a:hover,
.ksu-round-top > .ksu-unit-menu > li:first-child > a:focus,
.ksu-round-top > .ksu-unit-menu > li:first-child > a.ksu-active {
  position: relative;
  /* Needed only for PIE, see http://css3pie.com/documentation/known-issues/#z-index */
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.ksu-with-horiz-menu .ksu-unit-menu {
  margin: 0;
}

.ksu-unit-menu {
  padding: 0;
  margin: 0;
  width: 175px;
  font-size: 11px;
  font-size: 0.6875rem;
  list-style: none;
  background-color: #e2e0d6;
  margin: 5px 0;
  position: relative;
  /* Needed only for PIE, see http://css3pie.com/documentation/known-issues/#z-index */
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  /*
   * Set styles for all levels of the menu.
   */
  /*
   * Set styles for only the first level of the menu.
   */
  /* The background of the active menu items is highlighted in a light color... */
  /* ...except for the top-most item, and all items on hover, which have a darker background. */
  /*
   * Hide all menu items after the top-level.
   */
  /*
   * JavaScript sets a class of ksu-last-item on the last item *visible* in the menu, even if the
   * item isn't the last item structurally, i.e., isn't the last LI in the whole structure.
   *
   * The bottom-right corner of the last item is always rounded...
   */
  /*
   * ...and the bottom-left corner is rounded if the menu item is at the top level.
   */
  /* After the top-level menu, submenus have a ligher background color.  Note that although this
   * selector applies only to the second level (not third, fourth, etc.), the default background color
   * for subsequent levels is "transparent", so the background of the secodn level UL element is visible.
   */
  /*
   * Second-level and following menu items.
   */
  /*
   * Third-level menu items.
   */
  /*
   * Fourth-level menu items.
   */
  /*
   * Submenu items are hidden by default.  However, they are displayed
   * if the parent menu item (LI) is open (has class ksu-active), or the menu itself
   * (UL) has been forced open (has class ksu-force-open).
   */
}
.ksu-unit-menu ul {
  margin: 0;
  padding: 0;
}
.ksu-unit-menu a {
  display: block;
  color: #333 !important;
}
.ksu-unit-menu > li > a {
  padding: 7px 10px;
  font-weight: bold;
  line-height: 16px;
  border-top: solid 1px #FFF;
}
.ksu-unit-menu > li:first-child > a {
  border-top: none;
}
.ksu-unit-menu .ksu-active > a {
  background-color: #f8e7b9;
}
.ksu-unit-menu > .ksu-active > a,
.ksu-unit-menu a:hover,
.ksu-unit-menu a:focus {
  background-color: #ecd391;
}
.ksu-unit-menu li > ul li {
  display: none;
}
.ksu-unit-menu a.ksu-last-item {
  position: relative;
  /* Needed only for PIE, see http://css3pie.com/documentation/known-issues/#z-index */
  border-bottom-right-radius: 8px;
}
.ksu-unit-menu > li > a.ksu-last-item {
  position: relative;
  /* Needed only for PIE, see http://css3pie.com/documentation/known-issues/#z-index */
  border-bottom-left-radius: 8px;
}
.ksu-unit-menu > li > ul {
  background-color: #eeede8;
  position: relative;
  /* Needed only for PIE, see http://css3pie.com/documentation/known-issues/#z-index */
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ksu-unit-menu > li > ul > li a {
  padding: 5px 10px;
  margin-left: 10px;
  font-size: 95%;
}
.ksu-unit-menu > li > ul > li > ul > li > a {
  margin-left: 20px;
  font-size: 90.25%;
}
.ksu-unit-menu > li > ul > li > ul > li > ul > li > a {
  margin-left: 30px;
  font-size: 85.7375%;
}
.ksu-unit-menu .ksu-active > ul > li,
.ksu-unit-menu .ksu-force-open > li {
  display: block;
}

/*
 * These heading styles control both the sidebar (left) and secondary-sidebar (right) regions.
 */
.ksu-sidebar h2,
.ksu-sidebar-secondary h2 {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #512888;
}

/* Skoot a heading at the top of one of the sidebars up to eliminate the gap above the header. */
.ksu-sidebar h2:first-child,
.ksu-sidebar-secondary h2:first-child,
.ksu-sidebar h3:first-child,
.ksu-sidebar-secondary h3:first-child,
.ksu-sidebar h4:first-child,
.ksu-sidebar-secondary h4:first-child {
  margin-top: 0;
}

.ksu-sidebar h3,
.ksu-sidebar-secondary h3 {
  font-size: 12px;
  font-size: 0.75rem;
  color: #000;
}

.ksu-sidebar h2 + h3,
.ksu-sidebar-secondary h2 + h3 {
  margin-top: -0.3em;
}

.ksu-sidebar h4,
.ksu-sidebar-secondary h4 {
  font-size: 11px;
  font-size: 0.6875rem;
  color: #000;
}

/*
 * Secondary resources, i.e., the boxes and widgets on the right.
 */
.ksu-sidebar-secondary .ksu-widget,
.ksu-sidebar-secondary .ksu-secondary-widget {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  /* Needed only for PIE, see http://css3pie.com/documentation/known-issues/#z-index */
  margin: 0 0 5px 0;
  padding: 10px;
  background-color: #eeede8;
  width: 100%;
  border: 0;
  color: #333;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.ksu-sidebar-secondary .ksu-widget img,
.ksu-sidebar-secondary .ksu-secondary-widget img {
  display: block;
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .ksu-sidebar-secondary .ksu-widget,
  .ksu-sidebar-secondary .ksu-secondary-widget {
    width: 215px;
  }
  .ksu-sidebar-secondary .ksu-widget img,
  .ksu-sidebar-secondary .ksu-secondary-widget img {
    display: inline;
    width: auto;
    max-width: 195px;
    margin: 0;
  }
}

/* Note: same specificity, but these are specified after the above. */
.ksu-widget.ksu-nobackground,
.ksu-secondary-widget.ksu-nobackground {
  padding: 0;
  background-color: transparent;
  color: #333;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
@media (min-width: 640px) {
  .ksu-widget.ksu-nobackground img,
  .ksu-secondary-widget.ksu-nobackground img {
    max-width: 215px;
  }
}

.ksu-sidebar-secondary .ksu-widget {
  margin-bottom: 5px;
}

.ksu-sidebar-note,
.ksu-sidebar-address {
  position: relative;
  /* Needed only for PIE, see http://css3pie.com/documentation/known-issues/#z-index */
  margin: 5px 0;
  padding: 10px;
  background-color: #eeede8;
  font-size: 11px;
  font-size: 0.6875rem;
  width: auto;
  border: 0;
  color: #333;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.ksu-sidebar-note ul,
.ksu-sidebar-address ul {
  margin: 0;
  padding: 0;
}
.ksu-sidebar-note p:last-child,
.ksu-sidebar-address p:last-child {
  margin-bottom: 0;
}

.ksu-sidebar-note.ksu-nobackground {
  padding: 0;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* For a while, the sidebar-address div was in both sidebars.  It is now only in the ksu-sidebar div,
 * a.k.a., the left column.  In case there are some pages out there with the duplicated DIV, hide it.
 */
.ksu-sidebar-secondary .ksu-sidebar-address {
  display: none;
}

.ksu-sidebar .ksu-sidebar-note p {
  margin: 0;
}

/* Address social media */
ul.ksu-unit-social {
  margin-top: 6px !important;
  margin-left: -9px;
  overflow: hidden;
}
ul.ksu-unit-social > li {
  display: block;
  float: left;
  margin: 9px 0 0 9px;
}

/*
 * Shared footer
 *
 * Styles for the purple footer bar shared on all K-State pages.
 *
 */
.ksu-12, .ksu-sm-6, .ksu-md-3, .ksu-md-4, .ksu-md-5, .ksu-md-6, .ksu-md-9 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .ksu-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .ksu-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ksu-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .ksu-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .ksu-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ksu-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
}
.ksu-mb-4 {
  margin-bottom: 1.5em !important;
}

.ksu-mb-5 {
  margin-bottom: 3em !important;
}

.ksu-footer-wrapper {
  z-index: 10;
  background: #512888 url(/ksu-resources/branding/2/images/purple-bkgrd-tile.png);
  padding: 3em 0 1em;
}

.ksu-footer-wrapper .ksu-footer {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  /*55px 0 30px; */
  padding: 0;
  /* auto; */
  max-width: 1200px;
  xxfont-size: 0.95rem;
  /* With Myriad Pro, will be 1.0625rem; */
  line-height: 1.4;
}
.ksu-footer-wrapper .ksu-footer a {
  text-decoration: none;
}
.ksu-footer-wrapper .ksu-footer a:hover {
  text-decoration: underline;
}
.ksu-footer-wrapper .ksu-footer ul {
  padding: 0;
  margin: 0;
}
@media (min-width: 1200px) {
  .ksu-footer-wrapper .ksu-footer {
    margin: 0 auto;
  }
}
@media print {
  .ksu-footer-wrapper .ksu-footer {
    border-top: 5px solid #d1d1c9;
  }
}
.ksu-footer-wrapper .ksu-footer .ksu-footer-links {
  margin-bottom: 3em;
}
.ksu-footer-wrapper .ksu-footer li {
  display: inline-block;
  line-height: 2;
}
.ksu-footer-wrapper .ksu-footer .ksu-addr-wrapper {
  margin-top: 1em;
  margin-bottom: 1em;
}
.ksu-footer-wrapper .ksu-footer .ksu-addr-wrapper > img {
  display: none;
}
@media (min-width: 768px) {
  .ksu-footer-wrapper .ksu-footer .ksu-addr-wrapper > img {
    display: block;
    margin-bottom: 1em;
  }
}
.ksu-footer-wrapper .ksu-footer .ksu-addr-wrapper ul {
  overflow: hidden;
  padding-bottom: 0.4em;
}
.ksu-footer-wrapper .ksu-footer .ksu-addr-wrapper ul li {
  display: block;
  margin-right: 3em;
}
@media (min-width: 880px) {
  .ksu-footer-wrapper .ksu-footer .ksu-addr-wrapper ul li {
    float: left;
  }
}
.ksu-footer-wrapper .ksu-footer .ksu-addr-wrapper address {
  margin: 0;
  font-style: normal;
  line-height: inherit;
}
@media (min-width: 880px) {
  .ksu-footer-wrapper .ksu-footer .ksu-addr-wrapper {
    margin-top: 0;
  }
}
.ksu-footer-wrapper .ksu-footer .ksu-powercat {
  display: none;
}
@media (min-width: 768px) {
  .ksu-footer-wrapper .ksu-footer .ksu-powercat {
    display: block;
    width: 60px;
    height: auto;
    margin-bottom: 25px;
  }
}
.ksu-footer-wrapper .ksu-footer .ksu-footer-bar-links {
  overflow: hidden;
  padding-bottom: 0.4em;
}
.ksu-footer-wrapper .ksu-footer .ksu-footer-bar-links li {
  display: block;
  margin-right: 3em;
}
@media (min-width: 880px) {
  .ksu-footer-wrapper .ksu-footer .ksu-footer-bar-links li {
    float: left;
  }
}
.ksu-footer-wrapper .ksu-footer .ksu-degreestats {
  width: 140px;
  vertical-align: -4px;
}
@media (min-width: 768px) {
  .ksu-footer-wrapper .ksu-footer .ksu-degreestats {
    vertical-align: 0;
  }
}

/*
 * Social media icons
 *
 * These are sprites pulled from one image and independently positioned.
 *
 * Right now, this class is only applied to the icons in the footer.
 * Probably we can reuse some of these for the icons in the unit address.
 */
.ksu-social-wrapper {
  xxmargin-top: 2em;
  text-align: center;
}
@media (min-width: 768px) {
  .ksu-social-wrapper {
    text-align: left;
  }
}

ul.ksu-social {
  display: inline-block;
  margin: 0 auto;
}
ul.ksu-social > li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  ul.ksu-social {
    margin: 0;
  }
}

#ksu-de-target {
  xxdisplay: inline-block;
  xxmargin-top: 1em;
}

/*
 * Form controls
 */
.ksu-button-bar {
  float: right;
  position: relative;
  margin-top: 20px;
}

.ksu-main-content input,
.ksu-main-content select {
  margin-right: 0.4em;
}

.ksu-main-content input[type='radio'],
.ksu-main-content input[type='checkbox'] {
  margin-right: 0.25em;
}

.ksu-box-row label {
  margin-right: 1em;
}

.ksu-main-content input[type='button'],
.ksu-main-content input[type='submit'],
.ksu-button {
  display: block;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: bold;
  border: 1px solid #512888 !important;
  width: auto;
  cursor: pointer;
  padding: 0.5em 2em;
  font-size: 112%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #512888;
  /*
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7346aa), to($purple));
  background-image: -webkit-linear-gradient(top, #7346aa, $purple);
  background-image:    -moz-linear-gradient(top, #7346aa, $purple);
  background-image:     -ms-linear-gradient(top, #7346aa, $purple);
  background-image:      -o-linear-gradient(top, #7346aa, $purple);*/
  background-image: linear-gradient(to bottom, #7346aa, #512888);
  /* For IE<=9, a filter is specified in ie9-workarounds.css. */
}

/*
 * Legacy that the Facebook and LinkedIn icons are part of the Twitter widget.
 */
.ksu-twitter-feed .follow-facebook,
.ksu-twitter-feed .follow-linkedin {
  display: block;
  color: #666666;
  line-height: 32px;
}

.ksu-twitter-feed .follow-facebook > div,
.ksu-twitter-feed .follow-linkedin > div {
  float: left;
  margin-right: 10px;
}

/*
 * Letter bar
 * TODO: This is sized for the main content area of a 3-column page.
 * Adapt for 1 and 2 columns, as well as mobile.
 */
.ksu-letter-bar {
  margin: 1em 0 !important;
  list-style-type: none;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  overflow: hidden;
}

.ksu-letter-bar > li {
  float: left;
  margin: 0 .4em 0 0;
  font-size: inherit;
  /* delete */
}

.ksu-disclosure-trigger {
  display: block;
  cursor: pointer;
  color: #512888 !important;
  background: url(../images/plus.png) no-repeat 0 3px;
  padding-left: 25px !important;
  min-height: 18px;
  /* The icon is 15px tall, and is positioned 3px down. */
}
.ksu-disclosure-trigger :hover {
  text-decoration: underline;
}

.ksu-disclosure-trigger-active {
  background: url(../images/minus.png) no-repeat 0 3px;
}

.ksu-disclosure-body {
  display: none;
  height: 0;
  overflow: hidden;
  margin-left: 7px;
  padding-left: 18px;
  padding-right: 20px;
  padding-bottom: 20px;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.ksu-disclosure-body-active {
  display: block;
  height: auto;
  overflow: hidden;
}

/* Tabview */
.ksu-main-content .yui3-tabview ul {
  margin-bottom: 0;
  margin-left: 0;
}
.ksu-main-content .yui3-tabview .yui3-tabview-list {
  border-color: #512888;
  border-style: solid;
  border-width: 0 0 5px;
  font-size: 140%;
  font-weight: bold;
}
.ksu-main-content .yui3-tabview .yui3-tabview-list .yui3-tab-selected {
  background-color: #512888;
}
.ksu-main-content .yui3-tabview .yui3-tabview-list .yui3-tab-selected .yui3-tab-label {
  border-color: transparent;
}
.ksu-main-content .yui3-tabview .yui3-tab-label {
  background-color: #FFFFFF;
  background-image: none;
}
.ksu-main-content .yui3-tabview .yui3-aclist-item-active {
  background-color: #E6E6E6;
  background-image: none;
  color: #000;
}
.ksu-main-content .yui3-tabview .yui3-tabview-panel {
  background-color: white;
}

.yui3-skin-sam .yui3-tab-label:focus, .yui3-skin-sam .yui3-tab-label:hover {
  background: none !important;
  outline: 0 none;
}

.yui3-skin-sam .yui3-tab-selected .yui3-tab-label, .yui3-skin-sam .yui3-tab-selected .yui3-tab-label:focus, .yui3-skin-sam .yui3-tab-selected .yui3-tab-label:hover {
  background: none !important;
}

/* Responsive embed styles from Bootstrap 4.0.0-alpha.6.
*/
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.ksu-facebook-icon {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/social-media.png) no-repeat 0px 0;
}

.ksu-twitter-icon {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/social-media.png) no-repeat -34px 0;
}

.ksu-youtube-icon {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/social-media.png) no-repeat -68px 0;
}

.ksu-foursq-icon {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/social-media.png) no-repeat -102px 0;
}

.ksu-pinterest-icon {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/social-media.png) no-repeat -136px 0;
}

.ksu-linkedin-icon {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/social-media.png) no-repeat -170px 0;
}

.ksu-gplus-icon {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/social-media.png) no-repeat -204px 0;
}

.ksu-instagram-icon {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/social-media.png) no-repeat -238px 0;
}

.ksu-rss-icon {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/social-media.png) no-repeat -272px 0;
}

.ksu-flickr-icon {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/social-media.png) no-repeat -306px 0;
}

.ksu-vimeo-icon {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/social-media.png) no-repeat -340px 0;
}

.ksu-picasa-icon {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/social-media.png) no-repeat -374px 0;
}

.ksu-blog-icon {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/social-media.png) no-repeat -408px 0;
}

/*
 * Mobile styles
 *
 * Mobile pages will have a class of "ksu-mobile" added to the BODY element.
 * This enables showing and hiding of elements based on the classes "ksu-full-only"
 * and "ksu-mobile-only".
 *
 * For now, this stylesheet is included with the main K-State stylesheet.
 * Eventually, there may be a completely separate stylesheet.
 *
 * These are for pages with the mobile|full link at the bottom -- very few these days.
 */
body .ksu-mobile-only {
  display: none !important;
}

body.ksu-mobile .ksu-mobile-only {
  display: block !important;
}

body .ksu-full-only {
  display: block;
}

body.ksu-mobile .ksu-full-only {
  display: none !important;
}

/*
 * Nothing at the moment
 */

/*# sourceMappingURL=styles-newhead.css.map */