@charset "utf-8";

/* 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.
 *
 */
 
 
/*
 * Neutralize browser styles.  Rather than invent our own CSS reset, Eric Meyer's
 * CSS reset is used.
 */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
   display: block;
}
body {
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
/* End of Eric Meyer's CSS reset */


/*
 * 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.
 */

html { 
   background-color: #eeede9;  /* On the HTML element because the footer exceeds the BODY's region. */
}

/* 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: 11px;
   color: #333;
   line-height: 1.2;
}

input, select, textarea {
   font-size: 100%;
}

b, strong {
   font-weight: bold;
}

i, em {
   font-style: italic;
}

a:link,
a:visited,
a:hover,
a:active {
   color: #512888;
   text-decoration: underline;
}


/* 
 * More specific rules that apply to the whole page
 */
#ksu-inner-wrapper a:link,
#ksu-inner-wrapper a:visited {
   color: #512888;
   text-decoration: none;
}


/*
 * More specific rules for the main body of content.
 */
.ksu-main-content {
   font-size: 13px;
   line-height: 1.4;
}

.ksu-main-content h1,
.ksu-main-content h2,
.ksu-main-content h3,
.ksu-main-content h4,
.ksu-main-content h5,
.ksu-main-content h6 {
   font-weight: bold;
   color: #512888;
}

/* Treat H1 and H2 as H3 inside ksu-main-content.  H1 and H2 are not supposed to be used
 * inside ksu-main-content.  But editors sometimes add them anyway.
 */
.ksu-main-content h1,
.ksu-main-content h2,
.ksu-main-content h3 {
   font-size: 18px;
}

.ksu-main-content > h1,
.ksu-main-content > h2,
.ksu-main-content > h3 {
      border-bottom: 3px solid #d1d1c9;
}

/* Skoot the top-most H3 up closer to the banner or unit bar. */
.ksu-main-content > h1:first-child,
.ksu-main-content > h2:first-child,
.ksu-main-content > h3:first-child {
      margin-top: 0;
}

.ou-preview .ksu-main-content h1,
.ou-preview .ksu-main-content h2,
.ou-edit .ksu-main-content h1,
.ou-edit .ksu-main-content h2 {
      color: red;
}
.ou-preview .ksu-main-content h1:before,
.ou-preview .ksu-main-content h2:before,
.ou-edit .ksu-main-content h1:before,
.ou-edit .ksu-main-content h2:before {
      content: "Do not use H1 or H2: ";
}


.ksu-main-content h4 {
   font-size: 16px;
   color: #000;
}

/*
.ksu-main-content h4 a:link,
.ksu-main-content h4 a:visited,
.ksu-main-content h4 a:active {
   text-decoration: none;
}

.ksu-main-content h4 a:hover {
   text-decoration: underline;
}
*/

.ksu-main-content h5 {
   font-size: 14px;
   color: #333;
}

.ksu-main-content h6 {
   font-size: 12px;
   color: #333;
}

.ksu-main-content p,
.ksu-text p {
   margin: 0 0 1em;
}

.ksu-main-content a:link, 
.ksu-main-content a:visited, 
.ksu-main-content a:active,
.ksu-text a:link,
.ksu-text a:visited,
.ksu-text a:active {
    border-bottom: 1px solid #DDC9E8;
    text-decoration: none;
}


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

/*
.ksu-main-content a:link img, 
.ksu-main-content a:visited img, 
.ksu-main-content a:active img,
.ksu-text a:link img,
.ksu-text a:visited img,
.ksu-text a:active  img{
    border-bottom: 0 none;
}
*/

.ksu-main-content blockquote {
   margin: 1em 0 1em 2em;
}

.ksu-main-content code {
   font-family: monospace;
   background-color: #dfdfdf;
}

.ksu-main-content ul,
.ksu-text ul{
   margin: 1em 0 1em 2.4em;
   list-style-type: disc;
}

.ksu-main-content ol,
.ksu-text ol {
   margin: 1em 0 1em 2.4em;
   list-style-type: decimal;
}

.ksu-main-content ol ol,
.ksu-text ol ol {
   list-style-type: lower-alpha;
}

.ksu-main-content ol ol ol,
.ksu-text ol ol ol {
   list-style-type: lower-roman;
}

.ksu-main-content dl {
   margin: 1em 0;
}

.ksu-main-content dt {
   font-weight: bold;
   margin-top: .5em;
}

.ksu-main-content table {
   margin: 10px 0;
   border-collapse: collapse;
}

.ksu-main-content table caption {
   font-style: italic;
   text-align: left;
}

.ksu-main-content table thead {
   background-color: #dfdfdf;
}

.ksu-main-content table tfoot {
   background-color: #dfdfdf;
}

.ksu-main-content table th {
   padding: 5px;
   margin: 0;
   background-color: #dfdfdf;
   font-weight: bold;
   text-align: left;
}

.ksu-main-content table td {
   margin: 0;
   padding: 5px;
   border-bottom: 1px solid #ccc;
}

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

.ksu-main-content fieldset {
   padding: 1em;
}

 
/* Add vertical margin for a few elements. */
.ksu-main-content h1,
.ksu-main-content h2,
.ksu-main-content h2,
.ksu-main-content h3,
.ksu-main-content h4,
.ksu-main-content h5,
.ksu-main-content h6,
.ksu-main-content pre,
.ksu-main-content blockquote,
/* .ksu-main-content ul,
.ksu-main-content ol, */
.ksu-main-content dl,
.ksu-main-content address {
   margin: 1em 0 0.3em;
   padding: 0;
}

/* Apply left margin to the few elements that need it. */
.ksu-main-content dd,
.ksu-main-content blockquote {
   margin-left: 1em;
}

/*
 * Set styles that control the overall page structure.
 */

#ksu-wrapper {
   background-color: white;
}

/*
 * Warning: this style is overridden on the homepage.
 */
#ksu-inner-wrapper {
   width: 950px;
   padding: 5px 5px 40px 5px;
   overflow: hidden;
}


/*
 * Utility classes that can be added to achieve various common effects.
 */

 /* Center a block in our chosen width, 960px. */
.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;
}

/*
 * The shared header.
 */
#ksu-header {
   width: 100%;
}

#ksu-header-masthead > h1 {
   position: relative;
   top: 32px;
   left: 14px;
   text-indent: -9999px;
}

#ksu-header-masthead > h1 > a {
   position: absolute;  
   display: block;
   height: 70px;   /* Foundation and student org wordmarks override this. */
}

#ksu-wordmark {
   left: 0;    /* You'd think this would be the default.  But without this, IE7 applies the text indent. */
   width: 292px;
   background: url(../images/wordmark.png) no-repeat;
}

#ksu-wordmark-salina {
   left: 306px;
   width: 87px;
   background: url(../images/wordmark-salina-addendum.png) no-repeat;
}

#ksu-wordmark-foundation {
   left: -5px;
   top: -9px;
   background: url(../images/wordmark-foundation.png) no-repeat -1px 2px;
   width: 359px;
   height: 94px !important;
}

.ksu-branding-student-org #ksu-header h1 {
   top: 0;
   left: 0;
   background: url(../images/header-masthead-student-org.png) no-repeat 32px 0;
   margin: 0;
   width: 480px;
   height: 130px;
}   


#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(top, #4f2684, #7137bd);
   /* For IE<=9, a filter is specified in ie9-workarounds.css. */
}

#ksu-header-masthead {
   height: 130px;
   background: url(../images/header-masthead-seal.png) no-repeat 221px;
}

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


#ksu-search-block {
   position: absolute;
   right: 20px;
   top: 53px;
   width: 205px;
   font-size: 12px;
   z-index: 1;
}

#ksu-search-block > a {
   display: none;
}

#ksu-search label {
   position: absolute;
   left: -9999px;
}

#ksu-search input {
   width: 100%;
   color: #999;
}

/*
 * 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;
}

#ksu-search-sub {
   position: relative;
   top: 5px;
   overflow: hidden;
}

#ksu-atoz {
   float: left;
}

#ksu-search-block a,
#ksu-search-block a:link,
#ksu-search-block a:hover,
#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 {
   display: none;
   float:left;
   margin-top: 12px;
   border: 1px solid #dcdbce;
   padding: 10px 10px 2px;
   background: #eeede8;
   width: 186px;
   color: #333;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   overflow: hidden;
}

#ksu-signin-box ul {
   margin: 0;
}

#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;
   text-decoration: none;
}
#ksu-signin-box > p > a {  /* Only affects the "System status" line. */
   text-decoration: none;
}
#ksu-signin-box > p > a:hover,
#ksu-signin-box > p > a:active {  /* Only affects the "System status" line. */
   text-decoration: underline;
}

.ksu-icon-close {
   width: 20px;
   height: 20px;
   font-size: 20px;
   font-weight: normal !important;
   color: #d0d0d0 !important;
   cursor: pointer;
}
.ksu-icon-close:after {
   content: "\00D7";
}
a.ksu-icon-close:hover,
a.ksu-icon-close:active {
   color: #333 !important;
   text-decoration: none;
}

#ksu-signin-box .ksu-icon-close {
   position: relative;
   right: -2px;
   bottom: 5px;
   float: right;
}

#ksu-signin-links li {
   font-size: 11px;
   margin: 3px 0;
   padding: 0;
}

#ksu-signin-box a,
#ksu-signin-box a:link,
#ksu-signin-box a:hover,
#ksu-signin-box a:visited,
#ksu-signin-box a:active {
   color: #512888;
   font-weight: bold;
   text-decoration: none;
}

#ksu-signin-links #ksu-status-link {
   margin-top: 1.25em;
}

#ksu-signin-box a:hover,
#ksu-signin-box a:active {
   text-decoration: underline;
}

#ksu-signin-box .ksu-button {
   font-size: 12px;
}
   
/*
 * The menu that appears on the bottom of the homepage only.
 */
#ksu-header-bottom {
   background: url(../images/header-bottom-bg.jpg) repeat-x;
}

#ksu-header-menu {
   background: url(../images/header-menu-bg.jpg) repeat-x;
   font-size: 15px;
}

#ksu-header-menu>ul {
   height: 55px;
}

#ksu-header-menu ul {
   margin: 0;
}

html.yui3-js-enabled #ksu-header-menu ul {
   cursor: pointer;
}

#ksu-header-menu > ul a:link,
#ksu-header-menu > ul a:visited,
#ksu-header-menu > ul a:hover,
#ksu-header-menu > ul a:active,
#ksu-header-menu > ul a:focus {
   color: #fff;
   text-decoration: none;
   outline: 0;
}

#ksu-header-menu .ksu-header-menu-item {
   display: block;
   float: left;
   color: white;
   list-style: none;
   height: 40px;
   margin-top: 15px;
   margin-right: 20px;
}

#ksu-header-submenu {
   clear: left;
   height: 0;
   width: 960px;
   overflow: hidden;
   background-color: #dddcd8;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dddcd8));
   background-image: -webkit-linear-gradient(top, #fff, #dddcd8);
   background-image:    -moz-linear-gradient(top, #fff, #dddcd8);
   background-image:     -ms-linear-gradient(top, #fff, #dddcd8);
   background-image:      -o-linear-gradient(top, #fff, #dddcd8);
   background-image:         linear-gradient(top, #fff, #dddcd8);
   /* For IE<=9, a filter is specified in ie9-workarounds.css. */
}

#ksu-header-submenu>ul{
}

#ksu-header-submenu>ul>li {
   display: block;
   float: left;
   width: 110px; /* Default width.  Often overridden below. */
   height: 175px;
   margin-right: 16px;
   padding-right: 3px;
   border-right: 1px solid #dddcd8;
}

#ksu-header-submenu li {
   font-size: 11px;
   line-height: 1.1;
}

#ksu-header-submenu .ksu-top-item {
   margin-top: 1em;
}

#ksu-header-submenu li,
#ksu-header-submenu li a:link,
#ksu-header-submenu li a:visited {
   color: #333333;
   text-decoration: none;
}

#ksu-header-submenu li a:hover,
#ksu-header-submenu li a:active {
   text-decoration: underline;
}

#ksu-header-submenu li li {
   padding-bottom: 6px;
}

#ksu-header-submenu li li ul {
   margin-top: 5px;
   margin-bottom: -5px;
}

#ksu-header-submenu li li li {
   margin-left: 15px;
}

#ksu-header-bottom div>ul { /* Selects both the outermost ULs in ksu-header-menu and in ksu-header-submenu. */
   margin-left: 20px;
}

/* These are used to override the width of the header's submenu. */
#ksu-header-menu .ksu-item1 {
   width: 130px;
}

#ksu-header-menu .ksu-item2 {
   width: 115px;
}

#ksu-header-menu .ksu-item3 {
   width: 105px;
}

#ksu-header-menu .ksu-item4 {
   width: 100px;
}

#ksu-header-menu .ksu-item5 {
   width: 115px;
}

#ksu-header-menu .ksu-item6 {
   width: 120px;
}

#ksu-header-menu .ksu-item7 {
   width: 115px;
   border: none;
}

#ksu-header-submenu-close {
   clear: both;
   position: relative;
   float: right;
   right: 5px;
   top: 55px;
   font-size: 10px;
   color: #7d7d7d;
   text-decoration: none;
   cursor: pointer;
   background-image: url(../images/close.png);
   width: 15px;
   height: 15px;
}

#ksu-banner {
   width: 950px;
   height: 270px;
   overflow: hidden;
}

#ksu-banner.ksu-banner-half {
   height: 135px;
}

/*
#ksu-banner > img {
   width: 950px;
   height: 270px;
}

#ksu-banner.ksu-banner-half > img {
   height: 135px;
}*/

/*
 * Breadcrumbs
 */
#ksu-breadcrumbs {
   font-size: 9px;
   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 size of the >> mark doesn't add vertical space. */
}

#ksu-breadcrumbs > li > span {
   font-size: 130%;
   margin: 0 5px;
}

#ksu-breadcrumbs > li > a:link,
#ksu-breadcrumbs > li > a:visited,
#ksu-breadcrumbs > li > a:active,
#ksu-breadcrumbs > li > a:hover {
   color: #333;
}


/*
 * The Unit bar
 */
#ksu-unitbar {
   padding: 6px 10px 10px 10px;
   margin-bottom: 5px;
   background-color: #e2e0d6;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e2e0d6));
   background-image: -webkit-linear-gradient(top, #fff, #e2e0d6);
   background-image:    -moz-linear-gradient(top, #fff, #e2e0d6);
   background-image:     -ms-linear-gradient(top, #fff, #e2e0d6);
   background-image:      -o-linear-gradient(top, #fff, #e2e0d6);
   background-image:         linear-gradient(top, #fff, #e2e0d6);
   /* For IE<=9, a filter is specified in ie9-workarounds.css. */
}

#ksu-unitbar > h2 {
   font-size: 18px;
   font-weight: bold;
   margin: 10px 0 10px 0;
}

#ksu-unitbar > h2 a,
#ksu-unitbar > h2 a:hover {
   text-decoration: none;
}


/*
 * The sidebar, a.k.a. the left column.
 */

.ksu-sidebar {
   float: left;
   width: 175px;
   margin: 0 20px 10px 0;
   overflow: hidden;
}


/* Horizontal navigation menu.
 */
 
.ksu-horiz-menu > ul {
   padding-left: 135px;
   background-color: #512888;
   font-weight: bold;
   font-size: 12px;
   line-height: 16px;
   width: 815px;  /* 950px - 135px */
   overflow: hidden;
   border-bottom: 5px solid #fff;
}
 
/*.ksu-unit-active .ksu-horiz-menu > ul.ksu-active {
   border-bottom-color: #ecd391;
}*/
 
.ksu-horiz-menu.ksu-horiz-bar > ul {
   border-bottom-color: #ecd391;
}

.ksu-horiz-menu > ul > li {
   display: inline;
}

.ksu-horiz-menu > ul > li > a {
   padding: 10px 20px;
   color: #fff !important;
   float: left;
   border-left: 1px solid #411977; /*#3d2361;*/
}

.ksu-horiz-menu > ul > li > a:hover,
.ksu-horiz-menu > ul > li > a.ksu-active {
   background-color: #ecd391;
   color: #333 !important;
}

.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;
   margin: 10px;
   background: url(../images/home-icon-sprites.png) no-repeat;
}

.ksu-horiz-menu-home:hover > div,
.ksu-horiz-menu-home.ksu-active > div {
   background: url(../images/home-icon-sprites.png) no-repeat -18px;
}


/*
 * 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.
 */
.ksu-unit-menu {
   margin: 0;   
   list-style: none;
   background-color: #e2e0d6; 
   margin: 5px 0; 
   position: relative;    /* Needed only for PIE, see http://css3pie.com/documentation/known-issues/#z-index */   
   -webkit-border-radius: 0 0 8px 8px; 
      -moz-border-radius: 0 0 8px 8px; 
           border-radius: 0 0 8px 8px; 
}

.ksu-round-top > .ksu-unit-menu {
   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; 
}

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

/* 
 * Set styles for all levels of the menu.
 */
.ksu-unit-menu a { 
   display: block; 
   color: #333 !important; 
}


/*
 * Set styles for only the first level of the menu.
 */
.ksu-unit-menu > li > a { 
   padding: 7px 5px 7px 10px;
   font-size: 11px; 
   font-weight: bold; 
   line-height: 16px;
   border-top: solid 1px #FFF; 
}
.ksu-unit-menu > li:first-child > a { 
   border-top: none; 
}

/* The background of the active menu items is highlighted in a light color... */
.ksu-unit-menu .ksu-active > a {
   background-color: #f8e7b9; 
}

/* ...except for the top-most item has a darker background. */
.ksu-unit-menu > .ksu-active > a, 
.ksu-unit-menu a:hover { 
   background-color: #ecd391; 
}

/* Round the top-most corners. */
.ksu-round-top > .ksu-unit-menu > li:first-child > a:hover,
.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 */   
   -webkit-border-radius: 8px 8px 0 0; 
      -moz-border-radius: 8px 8px 0 0; 
           border-radius: 8px 8px 0 0;
}

  
/*
 * Hide all menu items after the top-level.
 */
.ksu-unit-menu > li > ul li { 
   display: none;
}


/*
 * Second-level and following menu items.
 */
.ksu-unit-menu > li > ul > li a { 
   padding: 5px 5px 5px 10px;
   margin-left: 20px;
   font-size: 90%;
}

   
.ksu-unit-menu a.ksu-last-item {
   position: relative;    /* Needed only for PIE, see http://css3pie.com/documentation/known-issues/#z-index */   
   -webkit-border-radius: 0 0 8px; 
      -moz-border-radius: 0 0 8px; 
           border-radius: 0 0 8px; 
}

   
.ksu-unit-menu > li > a.ksu-last-item {
   position: relative;    /* Needed only for PIE, see http://css3pie.com/documentation/known-issues/#z-index */   
   -webkit-border-radius: 0 0 8px 8px; 
      -moz-border-radius: 0 0 8px 8px; 
           border-radius: 0 0 8px 8px; 
}


/* 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 seconnd level UL element is visible.
 */
.ksu-unit-menu > li > ul {
   background-color: #eeede8;
   position: relative;    /* Needed only for PIE, see http://css3pie.com/documentation/known-issues/#z-index */   
   -webkit-border-radius: 0 0 8px 8px; 
      -moz-border-radius: 0 0 8px 8px; 
           border-radius: 0 0 8px 8px; 
}


/*
 * Third-level menu items.
 */
.ksu-unit-menu > li > ul > li > ul > li > a { 
   margin-left: 30px;
   font-size: 80%;
}

/*
 * Fourth-level menu items.
 */
.ksu-unit-menu > li > ul > li > ul > li > ul > li > a { 
   margin-left: 40px;
   font-size: 80%;
}

/*
 * 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 .ksu-active > ul > li,
.ksu-unit-menu .ksu-force-open > li { 
   display: block;
}


.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; 
   width: auto; 
   border: 0; 
   color: #333; 
   -webkit-border-radius: 8px; 
      -moz-border-radius: 8px; 
           border-radius: 8px; 
}


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


.ksu-sidebar-secondary .ksu-sidebar-address {
   display: none;
}

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


/*
 * Secondary resources, i.e., the boxes and widgets on the right.
 */

.ksu-sidebar-secondary {
   float: right;
   width: 215px;
   margin: 5px 0 20px;
   font-size: 10px;
   overflow: hidden;
}

.ksu-sidebar-secondary .ksu-widget,
.ksu-sidebar-secondary .ksu-secondary-widget {    
   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: 195px; 
   border: 0; 
   color: #333; 
   -webkit-border-radius: 8px; 
      -moz-border-radius: 8px; 
           border-radius: 8px; 
}

/* 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; 
}

/*
 * These heading styles control both the sidebar (left) and secondary-sidebar (right) regions.
 */
.ksu-sidebar h4,
.ksu-sidebar-secondary h4 {
   font-size: 13px;
   font-weight: bold;
   color: #512888;
   margin: 0 0 0.4em 0;
}

.ksu-sidebar h5,
.ksu-sidebar-secondary h5 {
   font-size: 11px;
   font-weight: bold;
   color: #000;
}

.ksu-sidebar h4+h5,
.ksu-sidebar-secondary h4+h5 {
   margin-top: -0.4em;
}

/*
.ksu-sidebar-secondary ul,
.ksu-sidebar-secondary ol {
   margin: 0.5em 0 0.5em 1.3em;
   list-style: disc;
}

.. Really very specific to the sample page.  Rethink before deploying */
/*
.ksu-sidebar-secondary img {
   margin-left: 10px;
}

*/


/*
 * The main content of the page.
 *
 * The classes on the BODY element determine which of the following styles is
 * the most specific, and thus overrides the others.
 */
 
/* First, and least specific, if there are no classes on BODY, there is no
 * sidebar or secondary sidebar.  In this case, the main content area covers
 * the entire width.
 */
.ksu-main-content {
   float: left;
   margin: 5px 0 20px;
   width: 950px;
   overflow: hidden;
}

/*
 * If there is a sidebar, but no secondary sidebar, add a fat margin on the
 * left to make room for the sidebar.
 */
body.ksu-with-sidebar .ksu-main-content {
   width: 755px;
}

body.ksu-with-secondary-resources .ksu-main-content {
   width: 715px;
}

body.ksu-with-sidebar.ksu-with-secondary-resources .ksu-main-content {
   width: 520px;
}

body .ksu-sidebar {
   display: none; 
}

body.ksu-with-sidebar .ksu-sidebar {
   display: block; 
}

body .ksu-sidebar-secondary {
   display: none; 
}

body.ksu-with-secondary-resources .ksu-sidebar-secondary {
   display: block; 
}


/*
 * 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;
}

/*
 * Shared footer
 *
 * Styles for the purple footer bar shared on all K-State pages.
 *
 * The skyline on the homepage is nested inside the ksu-footer DIV,
 * and thus these styles apply.  However, the homepage has additional
 * styles that apply only to the skyline.
 *
 */
#ksu-footer {
   position: relative;
   z-index: 1;
}

#ksu-footer-bar {
   clear: both;
   position: relative;  /* Needed for CSS3PIE. */
   min-height: 80px;   /* Probably need min-height trick here: http://www.dustindiaz.com/min-height-fast-hack/ */
   z-index: -1;
   overflow: hidden;
   background-color: #512888;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#512888), to(#3d2361));
   background-image: -webkit-linear-gradient(top, #512888, #3d2361);
   background-image:    -moz-linear-gradient(top, #512888, #3d2361);
   background-image:     -ms-linear-gradient(top, #512888, #3d2361);
   background-image:      -o-linear-gradient(top, #512888, #3d2361);
   background-image:         linear-gradient(top, #512888, #3d2361);
   /* For IE<=9, a filter is specified in ie9-workarounds.css. */
}

#ksu-footer-links {
   float: left;
   width: 720px;
   margin: 20px 0 0 20px;
   font-size: 12px;
   color: white;
   overflow: hidden;
}

#ksu-footer-links li {
   display: block;
   float: left;
   margin-right: 42px;
}

#ksu-footer-links li a,
#ksu-footer-links li a:link {
   color: white;
   text-decoration: none;
}

#ksu-footer-links li a.ksu-mobile-enable,
#ksu-footer-links li a.hover,
#ksu-footer-links li a.active {
   cursor: pointer;
   text-decoration: underline;
}

#ksu-footer-addr {
   clear: left;
   float: left;
   width: 720px;
   margin: 6px 0 0 20px;
   font-size: 11px;
   color: #aca697;
   overflow: hidden;
}

#ksu-footer-addr li {
   display: block;
   float: left;
   margin-right: 23px;
}

#ksu-footer-addr li a,
#ksu-footer-addr li a:link,
#ksu-footer-addr li a:visited {
   color: #aca697;
   text-decoration:none;
}

#ksu-footer-addr li a:hover,
#ksu-footer-addr li a:active {
   text-decoration: underline;
}

/*
 * These are for the student-org footer.
 */
#ksu-footer-bar > ul {
   margin: 20px auto 0;
   font-size: 12px;
   color: #fff;
   text-align: center;
}

ul#ksu-footer-line1 > li,
ul#ksu-footer-line2 > li {
   display: inline;
   margin-right: 20px;
}

ul#ksu-footer-line2 {
   margin-top: 5px;
   font-size: 11px;
   color: #aca697;
}

#ksu-footer-line2 > li > a,
#ksu-footer-line2 > li > a:link,
#ksu-footer-line2 > li > a:visited {
   color: #aca697;
   text-decoration:none;
}


/*
 * Social media icons in the footer.
 *
 * These are sprites pulled from one image and independently positioned.
 */
#ksu-social {
   float: right;
   margin: -14px 10px 5px 5px;
   overflow: hidden;
}

#ksu-social > li {
   display: block;
   float: left;
}

#ksu-social > li > a {
   -webkit-box-shadow: 3px 3px 3px #222;
      -moz-box-shadow: 3px 3px 3px #222;
           box-shadow: 3px 3px 3px #222;
   margin: 0 10px 10px 0;
}

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

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

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

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

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

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

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


/*
 * 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 {
   color: #fff !important;
   text-decoration: none !important;
   font-weight: bold;
   border: 1px solid #512888;
   width: auto;
   cursor: pointer;
   padding: 0.5em 2em; 
   font-size: 15px;
   -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(#512888));
   background-image: -webkit-linear-gradient(top, #7346aa, #512888);
   background-image:    -moz-linear-gradient(top, #7346aa, #512888);
   background-image:     -ms-linear-gradient(top, #7346aa, #512888);
   background-image:      -o-linear-gradient(top, #7346aa, #512888);
   background-image:         linear-gradient(top, #7346aa, #512888);
   /* For IE<=9, a filter is specified in ie9-workarounds.css. */
}

#ksu-header a.ksu-button {
   display: inline-block;
   text-align: center;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
   width: 100%;
   padding: 0.5em 0;
   margin: 0.5em 0;
}


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

/*
 * RSS feed widget
 */
.ksu-sidebar-secondary .ksu-rss-feed ul {
   padding-left: 20px;
   list-style-type: disc;
}

/*
 * Twitter widget
 */
.ksu-twitter-feed ul {
   font-size: 90%;
   line-height: 1.3;
   margin: 1em;
   padding: 0;
   list-style-type: none;
}

.ksu-twitter-feed ul li {
   margin-bottom: 1em;
}


.ksu-twitter-feed a.follow-twitter {
   display: block;
   color: #666666;
   height: 40px; 
   line-height: 40px;
   margin-top: 5px;   
   margin-left: 5px; 
   padding-left: 42px;
   background-image: url(../images/icons/twitter.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
}

.ksu-twitter-feed a.follow-facebook {
   display: block;
   color: #666666;
   height: 40px; 
   line-height: 40px; 
   margin-left: 5px; 
   padding-left: 42px;
   background-image: url(../images/icons/facebook.png);
   background-repeat: no-repeat;
   background-position: bottom left;
}

.ksu-twitter-feed a.follow-linkedin {
   display: block;
   color: #666666;
   height: 40px; 
   line-height: 40px; 
   margin-left: 5px; 
   padding-left: 42px;
   background-image: url(../images/icons/linkedin.png);
   background-repeat: no-repeat;
   background-position: bottom left;
}


/*
 * News widget
 */
.ksu-news-list {
   font-size: 90%;
   line-height: 1.3;
   margin: 1em;
   padding: 0;
   list-style-type: none;
}

.ksu-news-list > li {
   margin-bottom: 1em;
}


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



/* Address social media */
ul.ksu-unit-social {
   margin-top: 15px !important;
   overflow: hidden;
}

ul.ksu-unit-social > li {
   display: block;
   float: left;
   margin-left: 10px;
}

ul.ksu-unit-social > li:first-child {
   margin-left: 0;
}

/*
 * 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: 2em 0 !important;
 list-style-type: none !important;
}

.ksu-letter-bar > li {
 display: inline;
 margin: 0 0 0 .4em;
 font-size: 14px;
 font-weight: bold;
}

.ksu-letter-bar > li:first-child {
 margin: 0;
}

/*
 * Feature banner
 */
#ksu-feature {
   width: 950px;
   height: 270px;
   background-repeat: no-repeat;
   overflow: hidden;
}
#ksu-feature > a {
   float: left !important;
   width: 720px !important;
   height: 270px !important;
}
#ksu-feature > ol {
   float: right;
}
#ksu-feature > ol > li > a {
   display: block;
   color: #555 !important;
   font-size: 16px;
   font-weight: bold;
   overflow: hidden;
   padding-left: 15px;
   line-height: 50px;
   background-color: #e2e0d6;
   height: 50px;
   width: 200px;
   margin-bottom: 5px;
}
#ksu-feature > ol > li > a:hover,
#ksu-feature > ol > li.ksu-active > a {
   background-color: #ecd391;
   text-decoration: none;
}
#ksu-feature > ol > li:last-child > a {
   margin-bottom: 0;
}
 
 .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;
    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 {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #512888;
    border-style: solid;
    border-width: 0 0 5px;
    font-size: 140%;
    font-weight: bold;
}
.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: #000000;
}
.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;
}


/* Event lists */
span.event-title {
    font-weight: bold;
}
span.event-date {
    display: block;
}
span.event-location {
    font-style: italic;
}
span.event-time {
    font-style: italic;
}
span.event-location a:link, span.event-location a:active, span.event-location a:visited {
    color: #333333;
    text-decoration: underline;
}
span.event-desc a:link, span.event-desc a:active, span.event-desc a:visited {
    color: #333333;
    text-decoration: underline;
}

           [itemtype='http://schema.org/Event'] {
              margin-bottom: 1em;
           }
           span[itemprop='name'] {
              font-weight: bold;
           }
           span[itemprop='description'] {
              display: inline;
           }
           .ksu-calendar-time,
           span[itemprop='location'] {
              font-style: italic;
           }

.ksu-calendar-selector {
   height: 250px;
   overflow: scroll;
}

.ksu-calendar-selector-list > li > label {
    display: block;
    margin-bottom: 5px;
}

.ksu-calendar-selector-list .ksu-selected {
    font-weight: bold;
    background-color: #ddd;
}

/*
 * 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.
 */
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;
}

/*
@media screen and (max-width: 960px) {

   #ksu-social {
      clear: left;
      float: none;
      margin: 0 auto;
      padding: 10px 0;
      width: 195px;
   }
}

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

   .ksu-sidebar-secondary {
      clear: left;
      float: none;
      margin: 0 auto;
      padding: 10px 0;
      width: 195px;
   }
}
*/


@media screen and (max-width: 480px) {
   body {
      min-width: 320px;
   }
   #ksu-header {
      color: #ffffff;
      background-color: #512888;
      overflow: hidden;
   }
   #ksu-header-masthead {
      height: 100%;
   }
   #ksu-header-masthead > h1 {
      position: static;
   }
   #ksu-wordmark {
      width: 215px;
      height: 60px;
      left: 0;
      background: url(../images/wordmark-sm.png) no-repeat 5px 5px;
   }
   #ksu-wordmark-salina {
      display: none !important;
   }
   #ksu-search-block {
      top: 0;
      right: 0;
      position: static;
      float: right;
      width: 60px;
   }
   #ksu-search-block>a {
      display: block;
      width: 40px;
      height: 40px;
      margin: 10px;
      background: url(../images/search-white-40.png) no-repeat;
      text-indent: -9999px;
   }
   #ksu-search {
      display: none;
   }
   #ksu-search-sub {
      display: none;
   }
   #ksu-banner {
      display: none;
   }
   #ksu-inner-wrapper {
      width: 100%;
      padding: 0;
   }
   #ksu-unitbar {
      padding: 2px 10px 6px;
   }
   #ksu-breadcrumbs {
      display: none;
   }
   .ksu-unit-menu>li>a {
      font-size: 160% !important;
      line-height: 32px !important;
   }
   .ksu-unit-menu>li>ul>li>a {
      font-size: 160% !important;
      line-height: 28px !important;
   }
   .ksu-main-content {
      width: 99% !important;    /* 99% will give at least 3 pixels of space that will be used for the 3px left margin. */
      margin: 0 0 20px 3px !important;
      font-size: 15px;
      line-height: 1.4;
   }
   body .ksu-sidebar {
      display: block;
      float: none;
      width: 100%;
   }
   body .ksu-sidebar-secondary {
      width: 100%;
   }
   body .ksu-unit-note {
      font-size: 160% !important;
   }
   .ksu-sidebar .ksu-sidebar-address {
      display: none;
   }
   .ksu-sidebar-secondary .ksu-sidebar-address {
      display: block;
      font-size: 200%;
   }
   .ksu-sidebar-secondary .ksu-widget,.ksu-sidebar-secondary .ksu-secondary-widget {
      font-size: 150%;
      width: 100%;
   }
   #ksu-footer-bar {
      height: auto;
   }
   #ksu-footer-links {
      width: 150px;
      margin: 10px 0 10px 10px;
      padding: 0;
      float: left;
   }
   #ksu-footer-links>ul>li,#ksu-footer-addr>ul>li {
      float: none;
      margin-top: 6px;
   }
   #ksu-footer-addr {
      clear: none;
      width: 150px;
      margin: 10px 0 10px 10px;
      padding: 0;
      float: left;
   }
   #ksu-social {
      clear: left;
      float: none;
      margin: 0 auto;
      padding: 10px 0;
      width: 195px;
   }

   /*
    * Utility classes that can be added to achieve various common effects.
    * Some of these parallel the same class names, but possibly different definitions,
    * in the desktop shared.css.
    */

   /* Center a block in our chosen width, 960px. */
   .ksu-page-center {
      width: 100%;
   }
}