html, body { 
      background: none !important; 
      font-size: 100% !important;
      font-family: "Source Sans Pro",Helvetica,Roboto,Arial,sans-serif !important;
      width: 100% !important;
      min-width: 280px !important;
      background-color: #333 !important;
    }
    #hero.sticky-header { margin-bottom: 55px !important; }
    section.sticky-header, div.hide-for-large-up.sticky-header { position: fixed !important; width: 100% !important; top: 0 !important; z-index: 5000 !important; }

    .top-bar ul.menu li span { color: #cb983e; padding: 0.75rem 0.9375rem; display: inline-block; }
    .hide-for-large-up .fa { min-width: 1.5rem !important; }
    .top-bar #main-menu { width: 100% !important; }
    .top-bar .title-area { float: none !important; }
    #hero { 
      background-image: url("https://eup-register.wmich.edu/wmich-olli/configuration/wmicholli/wm-offline/wmu-sangren.jpg") !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
      background-position: center center;
      height: 400px !important;
    }
    #alt-header .logo { 
      width: 2.125rem !important; 
      max-height: 1.8125rem !important; 
    }
    #alt-header .site-name {
      margin: 0 0 0 0.5rem !important;
      max-height: 1.8125rem !important;
      width: 100% !important;
      max-width: 18rem !important;
    }
    #alt-header a { white-space: nowrap !important; }
    #alt-header h1 { margin-top: -0.3rem !important; }
    #alt-header {
      background-color: #331900 !important;
      line-height: 2.8125rem !important;
      padding: 0 !important;
    }
    .l-header { background-color: #331900 !important; }
    #main-menu-links { margin-top: 0.5rem !important; }
    #main-menu-links a { color: #fcc30f !important; }
    #main-menu-links a:hover {
      color: #fff9e7 !important;
      text-decoration: underline !important;
    }
    #main-menu-links .fa { line-height: inherit !important; }
    .l-section-name.panel {
      background-color: #fcc30f !important;
      padding: 0 !important;
      border: none !important;
    }
    .secondary-menu { margin: 0 !important; }
    .secondary-menu a, .secondary-menu span {
      display: block !important;
      color: #532E1F !important;
      text-decoration: none !important;
      padding: 1rem !important;
      text-transform: uppercase !important;
    }
    .secondary-menu li { margin: 0 !important; }
    .secondary-menu a:hover {
      background-color: #532E1F !important;
      color: #fff9e7 !important;
      text-decoration: underline !important;
    }
    .top-bar.section-nav .title-area .name { background-color: #fcc30f !important; }
    .top-bar.section-nav .title-area .name .block-title { color: #532E1F !important; padding-left: 1rem !important; font-weight: bold !important; }
    #section-name { 
      font-size: 2rem !important; 
      padding-top: 0.6rem !important;
      padding-bottom: 0.6rem !important;
      padding-left: 1.25rem !important;
      color: #532E1F !important;
    }
    section.l-highlight { background-color: #fff; padding-bottom: 5rem; }
    .l-footer { background-color: #333; color: #ccc; }
    @media only screen and (max-width: 40em) {
      #hero { height: 200px !important; }
      .categoryColumn { width: 100% !important; }
      #rightnav { float: none !important; }
    }
    @media only screen and (min-width: 40.063em) and (max-width: 64em) {
      #hero { height: 300px !important; }
      .categoryColumn { width: 50% !important; }
      #rightnav { float: right !important; }
    }
    @media only screen and (min-width: 64.063em) {
      #hero { height: 400px !important; }
      .categoryColumn { width: 25% !important; }
      #rightnav { float: right !important; }
    }

    #CCEContent table, #CCEContent tbody, #CCEContent td { border: none; }
    #CCEContent tr.hdr { background: #333 !important; }
    #CCEContent tr.hdr td { 
      color: #ffffff;
      font-size: 0.875rem;
      font-weight: 700;
      padding: 0.5rem 0.625rem 0.625rem; display: table-cell;
      line-height: 1.125rem; 
    }
    #rightnav { padding: 0.5rem !important; display: none !important; }
    #extinfo { width: 200px !important; }
    #CCEUtility { display: none !important; }

    #ccMain { width: 100% !important; padding: 0 !important; }
    #main { padding: 0 !important; }
    .categoryColumn { 
      margin-bottom: 0.5rem !important; 
      margin-right: 0 !important;
      box-shadow: none !important;
      padding: 0.5rem !important;
    }
    .categoryImg {
      border: 0.3rem solid #ffffff !important;
      box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5) !important;
      padding: 0 !important;
    }
    .categoryTitle, .categoryColumn ul { text-align: center !important; }
    .pageHeading, .pageHeading p, .pageTitle, table tr td span.pageTitle, div.pageTitle, #CCEContent table td span.pageTitle, .CCEPrimaryHeader�pageHeading { font-size: 1.5rem !important; color: #0b645d !important; font-weight: bold !important; }

    .button, input[type="submit"], input[type="button"] {
      border-style: solid !important;
      border-width: 0 !important;
      cursor: pointer !important;
      font-family: "Source Sans Pro",Helvetica,Roboto,Arial,sans-serif !important;
      font-weight: 600 !important;
      line-height: normal !important;
      margin: 0 0 1.25rem !important;
      position: relative !important;
      text-decoration: none !important;
      text-align: center !important;
      -webkit-appearance: none !important;
      border-radius: 0 !important;
      display: inline-block !important;
      padding-top: 1rem !important;
      padding-right: 2rem !important;
      padding-bottom: 1.0625rem !important;
      padding-left: 2rem !important;
      font-size: 1rem !important;
      background-color: #7ea634 !important;
      border-color: #65852a !important;
      color: #fff !important;
      border-radius: 3px !important;
      text-transform: uppercase !important;
      letter-spacing: .5px !important;
      color: #fff !important;
      transition: background-color 300ms ease-out !important;
    }

    .button:hover, input[type="submit"]:hover, input[type="button"]:hover {
      background-color: #65852a !important;
    }

    #ctl00_ContentPlaceHolder1_pnlClass > table { width: 100% !important; border: none !important; background-color: #fff !important; }
    #ctl00_ContentPlaceHolder1_pnlClass div.classPanelInfo table.class { width: 100% !important; border: none !important; background-color: #fff !important; margin-bottom: 0 !important; }
    #ctl00_ContentPlaceHolder1_pnlClass div.classPanelInfo { width: 100% !important; padding: 0 !important; border-top: solid 1px #333 !important;}
    #ctl00_ContentPlaceHolder1_pnlClass div.classPanelInfo table.class div { display: block !important; }
    #ctl00_ContentPlaceHolder1_pnlClass div.classPanelInfo table.class table { display: none !important; }
    #ctl00_ContentPlaceHolder1_pnlClass > table > tbody > tr > td { padding: 0 !important; border: none !important; background-color: #fff !important; }
    #ctl00_ContentPlaceHolder1_pnlClass div.classPanelInfo > table > tbody > tr > td { padding: 0 !important; border: none !important; background-color: #fff !important; }
    .classPanelInfo .class .course h3 { color: #0b645d !important; }
    ul.course { margin-top: 1rem !important; }
    ul.course p { margin-right: 1rem !important; }
    li.moreinfo > div { display: block !important; }
    li.moreinfo > table { display: none !important; }
    #bob { width: 290px !important; }
    #bobsynopsis { padding: 0.5rem !important; }

    #cartTableStudentMenu { display: none !important; }
    .cartTable { border: solid 1px #333 !important; }
    .cartTable td { border-bottom: solid 1px #333 !important; }

    .signinpane .aside { margin: 0 !important; } 
    .signinpane table.common td { text-align: right !important; }

    #CCEContent table td, #CCEContent table td span { font-size: 1rem !important; }

    #CCEContent li { list-style: disc !important; }
    #CCEContent .categoryColumn li { list-style: none !important; }

    div[style] { width: auto !important; }