header#app-header {
    background-color: #512888; 
}

.header-nav li a,
#user-nav > a {
    color:#fff;
}

#app-footer {
    background-color: #414042; /*Beige: #E1D8B7*/
    color:#fff;
}

#app-footer a {
    color:#fff;
}


#home-page {
    background:#ffffff;
}

/*Modify the home page feature area background*/
.feature-region {
    display:none;   
}

/*Modify the color of the search-form bar*/
#search-form.callout-region {
  background-color: #999999;
}

#search-form .search-form-container{
padding:3px 0px;	
}

.search-refine-button__contents{
	color:#000000;
}
a {
  cursor: pointer;
  font-size: 100%;
}

/* Home feature area without carousel */

.hero-unit.no-carousel {
    background: #fff url('https://s3.amazonaws.com/SSL_Assets/Kansas+State+University/Canvas+Header+Image-01+(1).jpg') 0 0;
    background-size: cover;
    height:200px;
    width:1140px;
    margin:0 auto
}

.hero-unit.no-carousel h2 {
    font-family: BentonSansCond, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
    color: white;
    font-size: 4em;
    margin:1em;
	padding-top:60px;
    max-width:40%;
    text-shadow: 3px 3px 2px #000;
	font-style:italic;
	
}

/* ================================== */





/* Style select/option drop-down list */
/* http://stackoverflow.com/questions/1895476/how-to-style-a-select-dropdown-with-css-only-without-javascript */

div#select_catalog_wrap {
    position:relative;
}

select#select_catalog {
    margin-right: 1em;
    border: none;
    /* width: 200px;  width can't be fixed, since we're selecting the approriate value after going to the new page and it's text needs to fit. */
    padding: 5px 35px 5px 10px;
    font-size: 16px;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius:5px;
    color:#fff;
    background: #5a595c url(https://s3.amazonaws.com/SSL_Assets/Kansas+State+University/Canvas+Header+Image-01+(1).jpg) 97% center no-repeat;
    cursor:pointer;
}

/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width: 0\0) {
  select {
    background: #5a595c;
    padding: 5px;
  }
}

/* Not displaying this label, but leave styles here in case we add it. */
.choose-catalog-label {
    display:none;
    position:absolute;
    top:-1.5em;
    margin:0;
    font-size:0.8em;
    color:#ddd;
}

/* Second-level (course detail) pages */

#product-page #feature {
    padding-top: 0;
}

/* Custom listing content styles (for HTML edit mode) */
/* ==================================================================== */

/*  Kansas changes    */

button#search-refine-button--categories.search-refine-button.btn.btn-lg{
	display:none;
}