/* -------------------------------------

Title : K-State Homepage Stylesheet
Author : Jeff Croft
URL : http://k-state.edu

Description : This stylesheet re-writes certain styles with homepage-specific changes and additions to the core style.

Created : August 5, 2005
Modified : Dec 20, 2005

---------------------------------------- */

body.KSU_home h1 {
 margin: 0 0 1em 0;
 font-size: 20px;
 text-transform: uppercase;
 line-height: 1.4em;
}

body.KSU_home h2 {
 font-size: 16px;
 line-height: 1.4em;
 text-transform: none;
}

body.KSU_home h3 {
 font-size: 14px;
 line-height: 1.4em;
 text-transform: none;
}

body.KSU_home h4 {
 font-size: 12px;
 line-height: 1.4em;
}

body.KSU_home h5 {
 font-size: 11px;
 line-height: 1.4em;
 }

body.KSU_home h6 {
 font-size: 10px;
 line-height: 1.4em;
}


/* On the homepage, move the K-State logotype to the left */
body.KSU_home div#KSU_masthead h1 {
   display: block;
   width: 200px;
   height: 71px;
   margin: 0;
   position: static;
   right: 0;
}

body.KSU_home div#KSU_masthead h1 a:link,
body.KSU_home div#KSU_masthead h1 a:visited,
body.KSU_home div#KSU_masthead h1 a:active,
body.KSU_home div#KSU_masthead h1 a:hover {
   display: block;
   width: 200px;
   height: 0;
   padding-top: 71px;
   font-size: 1px;
   margin: 0;
   background-image: url("../images/header-h1-background.png");
   background-repeat: no-repeat;
   overflow: hidden;
}

/* If we're on the homepage, don't display the masthead h2, which is used for unit names. */
body.KSU_home div#KSU_masthead h2 {
   display: none;
}


/* These set up the right-hand column for the homepage, which is different than on templates. */
body.KSU_home div#KSU_mainColumn {
   background-image: url("../images/main-column-sidebar-background-square.png");
   background-position: bottom right;
   background-repeat: repeat-y;
   top: 0;
   position: relative;
}
body.KSU_home div#KSU_mainColumnSidebar {
   width: 175px;
   margin: -16px 0 0 0;
   float: right;
   border-left: 5px solid #fff;
   border: none;
   padding: 0;
   position: static;
   background-color: transparent;
   font-size: 11px;
}


/* If we're on the homepage, don't display the address in the left sidebar, since the main University address is already in the footer. */
body.KSU_home div#KSU_sidebar div#KSU_sidebarFooter address {
   display: none;
}


/* Main nav is a bit bigger on homepage */
body.KSU_home div#KSU_navigation ul li {
   font-size: 12px;
}


/* Set up the homepage feature photo area. */
body.KSU_home div#KSU_feature {
   position: relative;
   width: 555px;
   height: 270px;
   top: -16px;
   background-color: #ccc;
   border-bottom: 5px solid #fff;
   overflow: visible;
}
body.KSU_home div#KSU_feature img {
   position: absolute;
   bottom: 0;
   border: none;
}
body.KSU_home div#KSU_feature a:link img,
body.KSU_home div#KSU_feature a:visited img,
body.KSU_home div#KSU_feature a:active img,
body.KSU_home div#KSU_feature a:hover img {
   border: none;
}
div#KSU_feature blockquote {
   position: absolute;
   width: 170px;
   right: 0px;
   bottom: 0px;
   margin: 5px;
   font-size: 10px;
   line-height: 1.4em;
   font-weight: bold;
   color: #000;
   background-image: url("../images/brag-background.png");
}
div#KSU_feature blockquote p {
   text-align: left;
   margin: 0;
   padding: 5px 10px 5px 10px;
}
div#KSU_feature blockquote cite {
   font-weight: bold;
   text-transform: uppercase;
   font-size:  9px;
   font-style: normal;
   color: #333;
}
div#KSU_feature blockquote ul.moreButton {
   margin: 0 0 0 0;
   padding: 0 10px;
   list-style-type: none;
   width: 150px;
   background-image: url("../images/brag-background.png");
   background-position: 60px 60px;
}
div#KSU_feature blockquote ul.moreButton li {
   padding: 0;
   margin: 0;
   font-size: .9em;
   text-align: right;
}
div#KSU_feature blockquote ul.moreButton li a:link,
div#KSU_feature blockquote ul.moreButton li a:visited,
div#KSU_feature blockquote ul.moreButton li a:active {
   color: #55017c;
   text-decoration: none;
}
div#KSU_feature blockquote ul.moreButton li a:hover {
   text-decoration: underline;
}
div#KSU_feature p.KSU_caption {
   position: absolute;
   left: 0;
   bottom: 3px;
   margin: 0;
   padding: 0 5px 2px 5px;
   font-size: 9px;
   color: #fff;
   width: 300px;
}
div#KSU_feature p.KSU_caption a {
   display: inline;
   position: relative;
   top: 5px;
   margin-right: 3px;
}
div#KSU_feature p.KSU_caption a img {
   display: inline;
   position: static;
}

/* Style the audiences menu and right column content, which is only on the homepage. */
ul#KSU_audiences {
   width: 175px;
   margin: 0;
   font-weight: bold;
   list-style-type: none;
}
ul#KSU_audiences li {
   text-decoration: none;
   font-size: 12px;
   margin: 4px 0;
   padding: 0;
   line-height: 16px;
}
ul#KSU_audiences li a:link,
ul#KSU_audiences li a:active,
ul#KSU_audiences li a:visited {
   color: #fff;
   padding: 0 1em 2px 16px;
   text-decoration: none;
   line-height: 16px;
   height: 16px;
   background-image: url("../images/pill-bullets/pill-bullet-light-purple-on-dark-purple.png");
   background-repeat: no-repeat;
   background-position: -8px 0;
}
ul#KSU_audiences li a:hover {
   text-decoration: underline;
   background-image: url("../images/pill-bullets/pill-bullet-green-on-dark-purple.png");
   background-repeat: no-repeat;
}

body.KSU_home div#KSU_mainColumnSidebar h3 {
   background-image: url("../images/main-column-sidebar-background.png");
   background-position: -5px 0;
   background-repeat: no-repeat;
   padding: 10px;
   margin: 0;
   width: 155px;
   color: #fff;
}
body.KSU_home div#KSU_mainColumnSidebar p#KSU_vsa {
   margin: 25px;
}

/* Left-hand Sign in links styling: KATS, K-State Online, WebMail */

div#KSU_signinLinksNav {
   padding-bottom: 20px;
}

ul#KSU_signinLinks {
   margin: 3px 0 0 0;
   padding: 10px 0;
   font-weight: bold;
   list-style-type: none;
}

ul#KSU_signinLinks li {
   text-decoration: none;
   font-size: 11px;
   margin: 3px 0;
   padding: 0;
}

ul#KSU_signinLinks li a:link,
ul#KSU_signinLinks li a:active,
ul#KSU_signinLinks li a:visited {
   display: block;
   padding: 0 1em 0px 0px;
   text-decoration: none;
   line-height: 14px;
   color: #50017c;
}

ul#KSU_signinLinks li a:hover {
   text-decoration: underline;
   color: #50017c;
}


/* Styling of the sidebar secondary area, which on the homepage is used for the Sign In box. */

body.KSU_home div#KSU_sidebarSecondary {
  float: left;
}

div#KSU_sidebarSecondary h3 {
   margin: 0;
   color: #fff;
}
div#KSU_sidebarSecondary p {
   text-align: left;
   margin: 1em 0 1em 0;
}
div#KSU_sidebarSecondary form input {
   width: 80px;
   font-size: 9px;
   margin-bottom: .5em;
}
div#KSU_sidebarSecondary form input.KSU_button {
   margin: 1em 11px 0 80px;
   width: auto;
   padding: 2px 1em;
   background-color: #50017c;
   border: none;
   display: block;
   color: #fff;
   font-weight: bold;
   clear: both;
   float: right;
   cursor: pointer;
}

div#KSU_sidebarSecondary p#KSU_eidInfo {
   float: left;
   width: 90px;
   font-size: 9px;
   line-height: 1.3em;
   margin: 1em 8px 0 0;
}

div#KSU_sidebarSecondary a#verify {
 float: right;
 margin-top: 1em;
 margin-right: 11px;
}
div#KSU_sidebarSecondary form label {
   display: block;
   float: left;
   width: 70px;
   padding-right: 10px;
   font-size: 11px;
   font-weight: bold;
   text-align: right;
   color: #fff;
}


/* Styling of the main content area, which is used for News, Today at K-State, and Events. */
body.KSU_home div#KSU_mainContent {
   padding: 0;
   width: 375px;
   margin-right: 0;
   margin-top: -16px;
}
body.KSU_home div#KSU_mainContent {
   width: 375px;
}
body.KSU_home div#KSU_mainContent p {
   margin: 0 0 1em 0;
}
body.KSU_home div#KSU_mainContent h3 {
   margin: 0;
   padding: 6px 5px 5px 5px;
}
body.KSU_home div#KSU_mainContent h3,
body.KSU_home div#KSU_mainContent h3 a:link,
body.KSU_home div#KSU_mainContent h3 a:visited,
body.KSU_home div#KSU_mainContent h3 a:active {
   color:#fff;
   text-decoration:none;
}
body.KSU_home div#KSU_mainContent h3 a:hover {
   text-decoration:underline;
}
div.KSU_mainColumnContentBox h4 {
   margin: 0 0 1em 0;
}
div.KSU_mainColumnContentBox {
   position: relative;
   padding: 10px 10px 10px 50px;
}
div.KSU_mainColumnContentBox ul {
   margin: 0;
   list-style-type: none;
}
div.KSU_mainColumnContentBox ul li {
   padding: 0;
   margin: 0 0 1em 0;
}
div.KSU_mainColumnContentBox ul li a:link,
div.KSU_mainColumnContentBox ul li a:visited,
div.KSU_mainColumnContentBox ul li a:active {
}
div.KSU_mainColumnContentBox span.today {
   font-weight: bold;
}
div.KSU_mainColumnContentBox span.event-title {
   font-weight: bold;
}
div.KSU_mainColumnContentBox span.event-date {
   display: block;
}
div.KSU_mainColumnContentBox span.event-location {
   font-style: italic;
}
div.KSU_mainColumnContentBox span.event-time{
   font-style: italic;
}
div.KSU_mainColumnContentBox span.event-location a:link,
div.KSU_mainColumnContentBox span.event-location a:active,
div.KSU_mainColumnContentBox span.event-location a:visited {
   color: #333;
   text-decoration: underline;
}
div.KSU_mainColumnContentBox span.event-desc a:link,
div.KSU_mainColumnContentBox span.event-desc a:active,
div.KSU_mainColumnContentBox span.event-desc a:visited {
   color: #333;
   text-decoration: underline;
}
div.KSU_mainColumnContentBox ul.moreButton {
   position: absolute;
   top: -23px;
   right: 5px;
   list-style-type: none;
   height: 1.2em;
}
div.KSU_mainColumnContentBox ul.moreButton li {
   padding: 0;
   margin: 0;
   float: right;
   font-size: .9em;
}
div.KSU_mainColumnContentBox ul.moreButton li a,
div.KSU_mainColumnContentBox ul.moreButton li a:link,
div.KSU_mainColumnContentBox ul.moreButton li a:visited,
div.KSU_mainColumnContentBox ul.moreButton li a:active {
   background-color: #fff;
   color: #666;
   padding: 0 1em;
   display: block;
   text-decoration: none;
   border: 1px solid #fff;
}
div.KSU_mainColumnContentBox ul.moreButton li a:hover {
   text-decoration: underline;
}
div#KSU_emergencyNews {
   background-color: #fff;
   background-image: url("../images/emergency-background.png");
   background-repeat: no-repeat;
   background-position: bottom left;
   border-bottom: 5px solid #fff;
}
div#KSU_emergencyNews ul.moreButton li a:link,
div#KSU_emergencyNews ul.moreButton li a:visited,
div#KSU_emergencyNews ul.moreButton li a:active {
   background-color: #E6C0C0;
}
h3#KSU_emergencyNewsTitle {
   background-color: #CE5457;
   background-image: url("../images/emergency-header-background.png");
   background-repeat: no-repeat;
   background-position: bottom left;
}

div#KSU_featureStories {
   background-color: #f5f5f5;
   background-image: url("../images/featureStories-background.png");
   background-repeat: no-repeat;
   background-position: bottom left;
   border-bottom: 5px solid #fff;
}

/* Edited this property because the <a> REQUIRED an href attribute.  But, for features, the 'more' button isn't a link.  It's a hook for a JS display toggle.  -Garrett */
/* Also, added selectors for JUST a, not a.link for the same reason.  Did this for the master moreButton as well */
/* Epilogue: We didn't end up using the 'more' button to expand the features.  But, Im keeping the changes.  It doesn't hurt anything to have styles for JUST a, not a:link etc. */
div#KSU_featureStories ul.moreButton li a { cursor: pointer;}


div#KSU_featureStories ul.moreButton li a,
div#KSU_featureStories ul.moreButton li a:link,
div#KSU_featureStories ul.moreButton li a:visited,
div#KSU_featureStories ul.moreButton li a:active {
   background-color: #E6C0C0;
}
h3#KSU_featureStoriesTitle {
   background-color: #f5f5f5;
   background-image: url("../images/featureStories-header-background.png");
   background-repeat: no-repeat;
   background-position: bottom left;
}

div#KSU_featureStories .announce {
   border: 1px solid #999999;
   background-color: #f5f5f5;
   padding: 6px;
   height: 52px;
}
div#KSU_featureStories .announce img {
   float: left;
   padding-right: 7px;
}

/* Added these lines for the "Show more features" link. -Garrett */
a#more_features { padding-right: 20px; background-image: url(/KSU_resources/images/down_up.gif ); background-repeat: no-repeat; cursor: pointer;}
.down_up_DOWN	{ background-position: top right;}
.down_up_UP		{ background-position: bottom right;}


div#KSU_newsHeadlines {
   background-color: #D7EAF2;
   background-image: url("../images/news-background.png");
   background-repeat: no-repeat;
   background-position: bottom left;
   border-bottom: 5px solid #fff;
}
div#KSU_newsHeadlines ul.moreButton li a:link,
div#KSU_newsHeadlines ul.moreButton li a:visited,
div#KSU_newsHeadlines ul.moreButton li a:active {
   background-color: #D7EAF2;
}
h3#KSU_newsHeadlinesTitle {
   background-image: url("../images/news-header-background.png");
   background-repeat: no-repeat;
   background-position: bottom left;
}

div#KSU_newsHeadlines .announce {
   border: 1px solid #C3D3D9;
   background-color: #D7EAF2;
   padding: 6px;
   height: 52px;
}
div#KSU_newsHeadlines .announce img {
   float: left;
   padding-right: 7px;
}

div#KSU_newsEvents {
   background-color: #F5E2C9;
   background-image: url("../images/events-background.png");
   background-repeat: no-repeat;
   background-position: bottom left;
}
div#KSU_newsEvents ul.moreButton li a:link,
div#KSU_newsEvents ul.moreButton li a:visited,
div#KSU_newsEvents ul.moreButton li a:active {
   background-color: #F5E2C9;;
}
h3#KSU_newsEventsTitle {
   background-image: url("../images/events-header-background.png");
   background-repeat: no-repeat;
   background-position: bottom left;
}
div#KSU_newsToday {
   background-color: #E1F3CB;
   background-image: url("../images/today-background.png");
   background-repeat: no-repeat;
   background-position: bottom left;
   border-bottom: 5px solid #fff;
}
div#KSU_newsToday ul.moreButton li a:link,
div#KSU_newsToday ul.moreButton li a:visited,
div#KSU_newsToday ul.moreButton li a:active {
   background-color: #DBF0C1;
}
h3#KSU_newsTodayTitle {
   background-image: url("../images/today-header-background.png");
   background-repeat: no-repeat;
   background-position: bottom left;
}
body.KSU_home div#KSU_mainContent dl dt {
   font-weight: bold;
   margin-top: 1em;
}
body.KSU_home div#KSU_mainContent dl dd {
   font-size: 0.9em;
   color: #666;
   margin: 0;
   padding: 0;
}



/* Various minor layout adjustments for the homepage */
body.KSU_home div#KSU_masthead {
   height: 50px;
}
body.KSU_home div#KSU_navigation {
   margin: 0;
}
body.KSU_home div#KSU_mainColumnFooter {
   padding: 1px;
}
body.KSU_home div#KSU_footer {
   border-top: none;
}

body.KSU_home div#KSU_footerContent {
   border-top: 5px solid #fff;
}

body.KSU_home ul#KSU_pageLinks {
   padding-bottom: 4em;
}



/* Emergency area additions 8/15/08 */

body.KSU_home ul#KSU_pageLinks li.emergency {
   text-decoration: none;
   font-size: 11px;
   margin: 2em 0 0 0;
   padding: 0;

   }

body.KSU_home ul#KSU_pageLinks li.emergency a:link,
body.KSU_home ul#KSU_pageLinks li.emergency a:active,
body.KSU_home ul#KSU_pageLinks li.emergency a:visited {
   display: block;
   padding: 5px 5px 2px 16px;
   margin-bottom: 0px;
   text-decoration: none;
   color: #580365;
   line-height: 20px;
   background-image: none;
   background-color: #fff;
   zoom: 1;
   }


body.KSU_home ul#KSU_pageLinks li.emergency a:hover {
   text-decoration: underline;
   }

body.KSU_home ul#KSU_pageLinks {
   padding-bottom: 0px;
}

/* Swine flu emergency added 4/29/09 */
body.KSU_home ul#KSU_pageLinks li.flu {
   text-decoration: none;
   font-size: 11px;
   margin: 0;
   padding: 0;
   }

body.KSU_home ul#KSU_pageLinks li.flu a:link,
body.KSU_home ul#KSU_pageLinks li.flu a:active,
body.KSU_home ul#KSU_pageLinks li.flu a:visited {
   display: block;
   padding: 3px 5px 2px 16px;
   margin: 0px;
   zoom: 1;
   text-decoration: none;
   color: #580365;
   line-height: 20px;
   background-image: none;
   background-color: #fff;
   }


body.KSU_home ul#KSU_pageLinks li.flu a:hover {
   text-decoration: underline;
   }
