html {
     background-color:#3b3b3b;
}
 body {
     position:relative;
}
 h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
     margin-top:20px;
}
 h1 {
     font-size:28px;
}
 h2 {
     font-size:24px;
}
 h3 {
     font-size:20px;
}
 h4 {
     font-size:18px;
}
 h5 {
     font-size:16px;
}
 h6 {
     font-size:14px;
}
 h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     font-weight: 600;
     color:#000;
}
 a {
     cursor:pointer !important 
}

/* Alerts */

.collegeAlert, .deptAlert {
    background-color: #ccc;
    padding: 10px 0;
}

aside {
    background-color: #ccc;
    border: 2px solid #000; 
    font-size: 0.9em; 
    margin: 10px 0; 
    padding: 10px;
}


 p, .maincontent ul li, .maincontent ol li {
     font-size:13px;
}
 div a, p a, li a, blockquote a {
     color:#a3792c;
     text-decoration:none;
}
 div a:hover, p a:hover, li a:hover, blockquote a:hover {
     color:#6B4F1D;
     text-decoration:none;
}
 .right {
     float:right;
}
 .left {
     float:left;
}
 .transition {
     -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s;
     -ms-transition-duration: .3s;
}
 .navbar {
     margin-bottom:0px;
     border-radius:0px;
     min-height:inherit;
}
 .navbar .container {
     padding:0px;
}
 .navbar-nav {
     margin:0px !important;
}
 .navbar-collapse {
     border:0px;
     box-shadow:none;
     padding:0px;
}
 .navbar-toggle {
     padding: 0 4px;
     margin: 6px 4px 0 0;
     border: none;
     font-size: 1.25em;
}
 .navbar-toggle:before {
     content: "MENU ";
}
 .navbar-toggle:hover, .navbar-toggle:focus {
     background-color: transparent !important;
}

/* Goldbar */

 .goldbar {
     background-color:#a3792c;
     color:#fff;
     font-size:11px;
     border:0px;
     padding: 5px 0 5px 0;
     box-shadow: 0px 2px 10px #1e1e1e;
}
 .goldbar a {
     text-decoration:none !important;
     color: #fff;
}
 .goldbar .toplink {
     font-size: 1.25em;
     padding: 0 1em;
}

.goldbar .toplink a:hover {
    color: #000;
    
}

/* new styles for top gold bar */
 .goldbar a.purduelink {
     font-weight: bold;
     font-size: 10pt;
     float: left;
}
 .goldbar a.purduelink:hover {
     color: #444;
}

 .goldbar form.top_search {
     float: right;
     display: block;
}

 .goldbar form.top_search input {
     width: auto;
     display: inline;
     height: 20px;
}

 .goldbar form.top_search button.search_button {
     border: none;
     background: none;
     color: #fff;
}

/* Search */
 
 .cse form.gsc-search-box, form.gsc-search-box {
     padding:7px !important;
     margin:0px !important;
}
 .cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input {
     padding:0px !important;
}
 .top {
     background-image: url('../images/stripes.png');
     background-repeat:repeat;
}
 .top .logo {
     margin:25px 0px;
}
 .top .logo a, .top .logo a img {
     margin-left: auto;
     margin-right: auto;
     display:block;
}
 .top .department {
     width:inherit 
}
 .top .department a {
     color:#fff;
     font-weight: 100;
     padding-left:10px;
     padding-right:10px;
     text-decoration:none;
     letter-spacing:1px;
     border-left:1px solid #a3792c;
     display: block;
}

/* Blackbar */

 .blackbar {
     background-color:#171717;
     border:0px;
}
 .blackbar a {
     text-decoration:none !important;
}

.blackbar form.top_search input {
     background-color: rgb(85, 85, 85);
     border: 1px solid rgb(136, 136, 136);
     border-radius: 0px;
     display: inline;
     font-size: 16px;
     margin: 8px 0 8px 16px;
     width: 70%;
     color: #fff;
}
 .blackbar form.top_search button {
     border: none;
     color: rgb(255, 255, 255);
     background-color: rgb(85, 85, 85);
     padding: 5px 10px;
     margin: 0;
}

 .goldbar .navbar-brand {
     color: white;
     padding: 6px;
     height: auto;
     font-size: 1.33em;
}
 .blackbar .navbar-nav > .open > a, .blackbar .navbar-nav > .open > a:hover, .blackbar .navbar-nav > .open > a:focus{
     background-color:transparent;
}
 .blackbar li a .caret {
     display: none;
}
 .blackbar li.dropdown a.dropdown-toggle .caret {
     display: inline-block;
     margin-left:5px;
}
 .blackbar .dropdown .dropdown-menu {
     background-color:#171717;
     border:0px;
     border-radius:0px;
     z-index:1001;
}
 .blackbar .dropdown .dropdown-menu > li > a {
     color:#999;
}
 .blackbar .dropdown .dropdown-menu > li > a:hover, .blackbar .dropdown .dropdown-menu > li > a:focus {
     background-color:transparent;
     color:#fff;
}
 .blackbar .dropdown .dropdown-menu > li.dropdown-submenu > a .caret {
     display:none;
}
 .blackbar .dropdown.open ul.dropdown-menu li.dropdown:hover > ul.dropdown-menu {
     display:block;
     top: 0;
     left: 100%;
}
 .blackbar .dropdown.open ul.dropdown-menu li.dropdown:hover > ul.dropdown-menu li.dropdown ul.dropdown-menu {
     display:none;
}
 .blackbar .dropdown.megamenu {
     position: static;
}
 .blackbar .dropdown.megamenu .dropdown-menu {
     left: auto;
}
 .blackbar .dropdown.megamenu .dropdown-menu ul {
     width:160px;
     padding:0px;
     list-style-type:none;
}
 .blackbar .dropdown.megamenu .dropdown-menu ul li {
     color:#999;
}
 .blackbar .dropdown.megamenu .dropdown-menu ul li a {
     padding: 3px 20px;
     color:#999;
     text-decoration:none;
     display:block;
}
 .blackbar .dropdown.megamenu .dropdown-menu ul li a:hover {
     color:#fff;
}
 .blackbar .dropdown.megamenu .dropdown-menu ul li img {
     width:100%;
     padding: 0px 20px 15px 20px;
}
 .dropdown-menu {
     -webkit-box-shadow:none;
     box-shadow:none;
}
 .dropdown-submenu {
     position:relative;
}
 .dropdown-submenu > .dropdown-menu {
     top:0;
     left:100%;
     margin-top:-6px;
     margin-left:-1px;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
}
 .dropdown-submenu:hover > .dropdown-menu {
     display:block;
}
 .dropdown-submenu > a:after {
     display:block;
     content:" ";
     float:right;
     width:0;
     height:0;
     border-color:transparent;
     border-style:solid;
     border-width:4px 0 4px 4px;
     border-left-color:#999;
     margin-top:5px;
     margin-right:-10px;
}
 .dropdown-submenu:hover > a:after {
     border-left-color:#ffffff;
}
 .dropdown-submenu.pull-left {
     float:none;
}
 .dropdown-submenu.pull-left > .dropdown-menu {
     left:-100%;
     margin-left:10px;
     -webkit-border-radius:6px 0 6px 6px;
     -moz-border-radius:6px 0 6px 6px;
     border-radius:6px 0 6px 6px;
}
 a .caption {
     position:absolute;
     bottom:5px;
     left:10px;
     color:#fff;
     font-size:18px;
     font-weight:300;
     line-height:18px;
     text-transform:uppercase;
}
 a .caption {
     text-shadow:2px 2px 5px #000;
}
 .breadcrumb {
     font-size:12px;
}
 .breadcrumb ol {
     padding: 8px 15px;
     list-style: none;
     background-color: #f5f5f5;
     border-radius: 0px;
     margin-bottom:0px;
     padding-top:0px;
     padding-bottom:0px;
}
 .breadcrumb ol li {
     display:inline-block;
}
 .breadcrumb ol > li + li:before {
    /* content: "/\00a0";
     */
     content: "\bb";
     padding: 0 5px;
}
 .breadcrumb ol li, .breadcrumb ol li a {
     text-decoration:none;
}
 .feature a {
     color:#666;
    /*border:1px solid #999;
    */
     background-color:#eee;
     width:100%;
     display:block;
     text-align:center;
     padding:10px;
     margin-bottom:20px;
     text-decoration:none;
}
 .feature a:hover {
     background-color:#666;
     color:#fff;
}
 .maincontent {
     padding-bottom:20px;
}
 .maincontent .banner {
     width:100%;
     padding-bottom:20px;
}
 .maincontent h1 {
     margin-top:0px;
}
 .maincontent.news h3 {
     display:inline-block;
     color:#999;
     padding-right:10px;
     margin:0px;
}
 .maincontent.news h3.date {
     border-left:1px solid #999;
     padding-left:10px;
}
 .maincontent.news span.photo {
     float:right;
     margin:0px;
     margin-left:15px;
     margin-bottom:20px;
     width:216px;
     color:#666;
}
 .maincontent.news span.photo img {
     display:block;
     width:inherit;
}
 .maincontent.news span.photo p {
     padding:15px;
     margin:0px;
     background-color:#f5f5f5;
}
 .sidenav, .sidecontent {
     padding-bottom:20px;
}
 .sidenav ul, .sidecontent ul.quick_links {
     list-style:none;
     padding:0px;
     margin-bottom:0px;
     background-color:#f5f5f5;
}
 .sidenav h1, .sidecontent h1.quick_links {
     color: #333;
     display: block;
     padding: 10px 15px 10px 6px;
     margin: 0;
     text-decoration: none;
     font-weight: bold;
     font-size: 1em;
     background-color: #e8e8e8;
}
 .sidenav ul li a, .sidecontent ul.quick_links li a {
     color:#333;
     display:block;
     padding:10px 15px 10px 12px;
     border-left: 3px solid #e3e2e2;
     text-decoration:none;
}
 .sidenav ul li a:hover, .sidecontent ul.quick_links li a:hover {
     background-color:#999;
     text-decoration:none;
     color:#fff;
     border-left: 3px solid #666;
}
 .sidenav .dropdown-submenu > a:after, .sidecontent .dropdown-submenu > a:after {
     margin-right:0px;
}
 .sidenav .dropdown-submenu:hover > a:after, .sidecontent .dropdown-submenu:hover > a:after {
     border-left-color: #666;
}
 .sidenav .dropdown-menu {
     margin:0px;
     border:0px;
}
 .sidecontent.news h3 {
     margin-top:0px;
}
 .sidecontent.news ul {
     list-style-type: square;
     padding-left:15px;
     margin:0px;
}
 .sidecontent.news ul li {
     padding-bottom: 15px;
}
 .sidecontent.news ul li a {
     color:#333;
     line-height:14px;
     font-size:12px;
}
 .rightnav h5 {
     color:#333;
}
 .rightnav ul {
     list-style:none;
     padding-left:0px;
}
 .rightnav ul li a {
    /*color:#333;
    */
     color: #a3792c;
     font-size:12px;
     text-decoration:none;
}
 .rightnav ul li a:hover {
     text-decoration:underline;
}
 .footer {
     background-color:#171717;
     padding:20px 0px;
     font-size:12px;
     color:#ccc;
}
 .bottom {
     background-color:#3b3b3b;
     padding:10px 0px;
}
 .bottom p {
     color:#ccc;
     margin-bottom:0px;
     font-size:10px;
     text-align:center;
}
 .bottom p a {
     color:#ccc;
}
/*** Quicklinks Front Page ***/
 .outreach_ql {
     background-color:#e4ae23;
     color: #ffffff;
     font-weight: normal;
     font-size: 15px;
     display: block;
     padding-top: 0px;
     padding-right: 5px;
     padding-bottom: 0px;
     padding-left: 5px;
     line-height: 24px;
     text-decoration-line: none;
     text-decoration-style: solid;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 5px;
     margin-left: 0px;
}
 .student_ql {
     background-color:#5d9632;
     color: #ffffff;
     font-weight: normal;
     font-size: 15px;
     display: block;
     padding-top: 0px;
     padding-right: 5px;
     padding-bottom: 0px;
     padding-left: 5px;
     line-height: 24px;
     text-decoration-line: none;
     text-decoration-style: solid;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 5px;
     margin-left: 0px;
}
 .deptinfo_ql {
     background-color:#e37f1c;
     color: #ffffff;
     font-weight: normal;
     font-size: 15px;
     display: block;
     padding-top: 0px;
     padding-right: 5px;
     padding-bottom: 0px;
     padding-left: 5px;
     line-height: 24px;
     text-decoration-line: none;
     text-decoration-style: solid;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 5px;
     margin-left: 0px;
}
 .facilties_ql {
     background-color:#695e49;
     color: #ffffff;
     font-weight: normal;
     font-size: 15px;
     display: block;
     padding-top: 0px;
     padding-right: 5px;
     padding-bottom: 0px;
     padding-left: 5px;
     line-height: 24px;
     text-decoration-line: none;
     text-decoration-style: solid;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 5px;
     margin-left: 0px;
}
/*** General Media Queries ***/
/* iPhone */
 @media only screen and (max-width: 479px) {
     .resources .links {
         width: 100%;
         padding-top: 15px !important;
         text-align: left !important;
    }
     .resources .links h6, .resources .links ul li a {
         font-size:18px !important;
    }
}
/* Mobile */
 @media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* XSmall */
 @media only screen and (max-width: 767px) {
     body {
         padding-top: 60px;
    }
     h1, h2, h3, h4, h5, h6 {
         font-weight: 400;
    }
     h1 {
         font-size:28px;
    }
     h2 {
         font-size:24px;
    }
     h3 {
         font-size:22px;
    }
     h4 {
         font-size:20px;
    }
     h5 {
         font-size:18px;
    }
     h6 {
         font-size:18px;
    }
     p, li, .maincontent ul li, .maincontent ol li {
         font-size:16px;
    }
     .nav > li > a {
         padding:10px 20px;
    }
     .blackbar .global-link {
         margin: 15px 20px;
    }
     .blackbar hr {
         border-color: #888;
         margin: 10px 20px;
    }
     .blackbar .global-link a {
         color: #fff;
         font-size: 16px;
    }
     .navbar-inverse .navbar-nav .open .dropdown-menu > li > a, .navbar-inverse .navbar-nav .dropdown-menu > li > a {
         color:#fff;
         text-transform:none;
         padding: 5px 15px;
         font-size: 14px;
         line-height: 20px !important;
         margin:0px;
         white-space: normal;
    }
     .navbar .container {
         padding:0px 15px;
    }
     .navbar-nav .open .dropdown-menu {
         position: static;
         float: none;
         width: auto;
         margin-top: 0;
         background-color: transparent;
         border: 0;
         box-shadow: none;
         display:block;
    }
     .cse input.gsc-input, input.gsc-input {
         width:100% !important;
    }
     .top {
         display:none;
    }
     .menu-slide {
         -webkit-transform: translateX(-80%);
         -moz-transform: translateX(-80%);
         transform: translateX(-80%);
    }
     .goldbar {
         position: fixed;
         width: 100%;
         z-index: 100;
         top: 0;
    }
     .blackbar.navbar-inverse {
         display: block;
         position: fixed;
         margin-left: 0;
         left: 100%;
         top: 0;
         width: 100%;
         height: 100%;
         background-color: #333;
         z-index: 100;
    }
     .blackbar.navbar-inverse>.container {
         height: 100%;
         width: 80%;
         margin-left: 0px;
         overflow-y: scroll;
    }
     .blackbar.navbar-inverse .navbar-collapse {
         display: block;
    }
     .blackbar.navbar-inverse ul.nav li.dropdown > ul.dropdown-menu {
         position: static;
         display: block;
         float: none;
         overflow: hidden;
         padding: 0;
    }
     .blackbar.navbar-inverse ul.nav li.dropdown > ul.dropdown-menu.closed {
         display: none;
    }
     .blackbar.navbar-inverse .navbar-nav > li > a:hover {
         color:#a3792c;
    }
     .blackbar.navbar-inverse .navbar-nav > li > a {
         color:#fff;
    }
     .blackbar.navbar-inverse .navbar-nav .open .dropdown-menu > li > a, .blackbar.navbar-inverse .navbar-nav .dropdown-menu > li > a {
         padding: 5px 35px;
    }
     .blackbar.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .blackbar.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover {
         color: #a3792c;
    }
     .blackbar .dropdown-submenu > a:after {
         display: inline-block;
         width: 0;
         height: 0;
         margin-left: 4px;
         vertical-align: middle;
         border-top: 4px solid;
         border-right: 4px solid transparent;
         border-left: 4px solid transparent;
         float:none;
    }
     .blackbar.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-submenu > .dropdown-menu li a, .blackbar.navbar-inverse .navbar-nav .dropdown-menu > .dropdown-submenu > .dropdown-menu li a {
         padding: 5px 55px;
    }
     .banner1, .banner2, .banner3, 
    /* .carousel-control.left, .carousel-control.right, */
     .carousel-indicators {
         display:none;
    }
     .resources {
         padding:20px;
    }
     .resources .photo {
         border:0px;
         padding:0px;
    }
     .resources h4 {
         text-align:center;
         font-size:35px;
    }
     .resources .links {
         padding:0px 15px;
         text-align:center;
    }
     .resources .links:nth-child(3), .resources .links:nth-child(4) {
         padding-top:15px;
    }
     .resources .links:nth-child(3) {
         clear:left;
    }
     .resources .links h6, .resources .links ul li a {
         font-size:1.2em;
    }
     .events {
         padding-bottom:20px;
         background-color:#f5f5f5;
    }
     .events h4 {
         display:inline-block;
         font-size: 35px;
         color: #6f6f6f;
         text-align: center;
         background-color:transparent;
         width:100%;
         margin:0px;
         padding:0px;
    }
     .events .rss-items {
         padding:0px 10px;
    }
     .events .rss-items li.rss-item {
         background-color:transparent;
         width:100%;
        /*height:inherit;
        */
         border:0px;
         font-size: 1.2em;
    }
     .events .rss-items li.rss-item a {
         margin-top:0px;
         margin-left: 75px;
         float:none;
         padding:0px;
         left:0px;
         line-height:20px;
    }
     .events .rss-items li.rss-item .rss-date {
         padding: 10px 15px;
         float:none;
         left:0px;
    }
     .events .photo {
         border:0px;
         margin-bottom:20px;
    }
     .breadcrumb {
         display:none;
    }
     .maincontent {
         float:none;
         padding-top:20px;
    }
     .sidenav ul li {
         border-bottom: 2px solid #fff;
    }
     .sidenav ul li a {
         font-size:18px;
    }
     .hero, .feed {
         border:0px;
    }
     .hero {
         height:200px;
         border-left: 15px solid #fff;
         border-right: 15px solid #fff;
    }
     .feed {
         border-left: 15px solid #fff;
         border-right: 15px solid #fff;
         height:inherit;
         margin-bottom:0px;
    }
     .feed .tab-content .tab-pane h3 {
         font-size:22px;
    }
     .feed .tab-content .tab-pane ul {
         font-size: 16px;
    }
     .feed .tab-content .tab-pane div ul li {
         line-height: 20px;
    }
     .feed .tab-content .tab-pane div ul li a {
         font-size: 16px;
    }
     .feature a {
         margin-left:0px;
         margin-bottom:20px;
         font-size:16px;
    }
     .rightnav {
         display:none;
    }
     .maincontent.news {
         padding-bottom:0px;
    }
     .maincontent.news span.photo {
         float:none;
         margin-left:0px;
         margin-bottom:20px;
         display:block;
         width:100%;
    }
     .maincontent.news span.photo img {
         width:100%;
    }
     .maincontent.news span.photo p {
         padding:20px;
    }
     .sidecontent.news h3 {
         margin-top: 20px;
         padding-top:20px;
         border-top: 1px solid #eee;
    }
     .sidecontent.news .rss-item a {
         font-size:16px;
    }
     .footer {
         padding:0px 0px 20px 0px;
    }
     .bottom p {
         text-align:center;
    }
     #features .carousel-caption p {
         font-size: 12px;
    }
     .carousel-caption h3 {
         font-size: 16px;
    }
}
/* Small */
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .top .department {
         margin-top: 40px;
    }
     .top .department a {
         font-size:20px;
    }
     .banner1, .banner2, .banner3 {
         height:386px;
         width:760px;
    }
     .events .event {
         height:140px;
    }
     .events .carousel-control {
         top:20px;
    }
     .events .rss-items li.rss-item a {
         text-overflow: ellipsis;
         width:370px;
         white-space: nowrap;
         overflow:hidden;
    }
     .feed .nav-tabs > li > a {
         font-size:12px;
    }
}
/* Medium */
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
     .top .department {
         margin-top: 45px;
    }
     .top .department a {
         font-size:25px;
    }
     .banner1, .banner2, .banner3 {
         height:494px;
         width:980px;
    }
     .events .event {
         height:105px;
    }
     .events .rss-items li.rss-item a {
         text-overflow: ellipsis;
         width:520px;
         white-space: nowrap;
         overflow:hidden;
    }
}
/* Large */
 @media only screen and (min-width: 1200px) {
     .top .department {
         margin-top: 35px;
    }
     .top .department a {
         font-size:25px;
    }
     .banner1, .banner2, .banner3 {
         height:596px;
         width:1180px;
    }
     .events .event {
         height:110px;
    }
     .events .rss-items li.rss-item a {
         text-overflow: ellipsis;
         width:650px;
         white-space: nowrap;
         overflow:hidden;
    }
}
/* Non-Mobile */
 @media only screen and (min-width: 768px) {
     .footer .container .row div .collapse {
         display:block;
    }
}

/* Buttons for homepage update */

/* Buttons */

.button {
  display: inline-block;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  max-width: 100%;
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
  border: none;
  border-radius: 0;
  outline-style: solid;
  outline-width: 2px;
  outline-offset: -2px;
  padding: 0.51816rem 2px;
  transition: background-color, outline-color, outline-style, color 0.1s;
  font-family: "Archivo Narrow", "Arial Narrow", "Arial", sans-serif;
  font-size: 1.5rem; /* 0.93269rem; */
  font-weight: 700;
  text-align: center;
  /* text-transform: uppercase; */
  outline-color: #c28e0e;
  background-color: #c28e0e;
  color: #000;
}

.button:before, .button:after {
  content: '';
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 10px;
  width: 3.21261rem;
}

.button:before {
  order: 0;
  float: left;
}

.button:after {
  order: 2;
  float: right;
}

.button:link, .button:visited {
  text-decoration: none;
  outline-style: solid;
  outline-width: 2px;
  outline-offset: -2px;
}

.button:hover, .button:active, .button:focus {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: -2px;
  text-decoration: none;
  cursor: pointer;
}

.button-bar {
  position: relative;
  outline-style: none;
  border-bottom-style: solid;
  border-bottom-width: 5px;
}

.button-bar:link, .button-bar:visited {
  outline-style: none;
}

.button-bar:hover, .button-bar:active, .button-bar:focus {
  outline-style: solid;
}

.button-icon {
  padding-right: 0;
  outline-style: none;
}

.button-icon:before, .button-icon:after {
  width: 1.96902rem;
}

.button-icon:link, .button-icon:visited {
  outline-style: none;
}

.button-icon:hover, .button-icon:visited, .button-icon:focus {
  outline-style: solid;
}

.button-slim {
  display: inline-flex;
  font-weight: 400;
  text-transform: none;
  font-size: 1rem;
}

.button-slim:link, .button-slim:visited, .button-slim:hover, .button-slim:active {
  font-weight: 400;
}

.button-slim-slim:before, .button-slim-slim:after {
  width: 0.93269rem;
}

.button-slim-slim-md {
  display: inline-flex;
  font-weight: 400;
  text-transform: none;
  font-size: 1rem;
}

.button-slim-slim-md:link, .button-slim-slim-md:visited, .button-slim-slim-md:hover, .button-slim-slim-md:active {
  font-weight: 400;
}

.button-slim-slim-md:before, .button-slim-slim-md:after {
  width: 0.93269rem;
}

.button:link, .button:visited {
  outline-color: #c28e0e;
  background-color: #c28e0e;
  color: #000;
}

.button:hover, .button:active, .button:focus {
  background-color: transparent;
  color: #000;
}

.button-hollow {
  background-color: transparent;
  color: #000;
}

.button-hollow:link, .button-hollow:visited {
  background-color: transparent;
  color: #000;
}

.button-hollow:hover, .button-hollow:active, .button-hollow:focus {
  background-color: #c28e0e;
  color: #000;
}

.button-bar {
  border-bottom-color: #7b5a09;
}

.button-bar:hover, .button-bar:active, .button-bar:focus {
  outline-color: #7b5a09;
}

.button-icon .button__icon {
  background-color: #000;
  color: #fff;
}

.button-icon:hover, .button-icon:active, .button-icon:focus {
  outline-color: #000;
  background-color: #c28e0e;
  color: #000;
}

.button-icon:hover .button__icon, .button-icon:active .button__icon, .button-icon:focus .button__icon {
  color: #c28e0e;
}

.button-opaque {
  outline-color: #000;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.button-opaque:link, .button-opaque:visited {
  outline-color: #000;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.button-opaque:hover, .button-opaque:active, .button-opaque:focus {
  outline-color: #000;
  background-color: #000;
  color: #fff;
}

.button-campusGold {
  outline-color: #c28e0e;
  background-color: #c28e0e;
  color: #000;
}

.button-campusGold:link, .button-campusGold:visited {
  outline-color: #c28e0e;
  background-color: #c28e0e;
  color: #000;
}

.button-campusGold:hover, .button-campusGold:active, .button-campusGold:focus {
  outline-color: #c28e0e;
  background-color: transparent;
  color: #000;
}

.button-campusGold.button-hollow {
  outline-color: #c28e0e;
  background-color: transparent;
  color: #000;
}

.button-campusGold.button-hollow:link, .button-campusGold.button-hollow:visited {
  outline-color: #c28e0e;
  background-color: transparent;
  color: #000;
}

.button-campusGold.button-hollow:hover, .button-campusGold.button-hollow:active, .button-campusGold.button-hollow:focus {
  outline-color: #c28e0e;
  background-color: #c28e0e;
  color: #000;
}

.button-campusGold.button-bar {
  border-bottom-color: #7b5a09;
}

.button-campusGold.button-bar:link, .button-campusGold.button-bar:visited {
  border-bottom-color: #7b5a09;
  color: #000;
}

.button-campusGold.button-bar:hover, .button-campusGold.button-bar:active, .button-campusGold.button-bar:focus {
  background-color: transparent;
  outline-color: #7b5a09;
  color: #000;
}

.button-campusGold.button-icon .button__icon {
  background-color: #000;
  color: #fff;
}

.button-campusGold.button-icon:hover, .button-campusGold.button-icon:active, .button-campusGold.button-icon:focus {
  outline-color: #000;
  background-color: #c28e0e;
  color: #000;
}

.button-campusGold.button-icon:hover .button__icon, .button-campusGold.button-icon:active .button__icon, .button-campusGold.button-icon:focus .button__icon {
  color: #c28e0e;
}

.button-campusGold-inverse {
  outline-color: #000;
  background-color: #000;
  color: #c28e0e;
}

.button-campusGold-inverse:link, .button-campusGold-inverse:visited {
  outline-color: #000;
  background-color: #000;
  color: #c28e0e;
}

.button-campusGold-inverse:hover, .button-campusGold-inverse:active, .button-campusGold-inverse:focus {
  outline-color: #000;
  background-color: transparent;
  color: #98700d;
}

.button-campusGold-inverse.button-hollow {
  outline-color: #000;
  background-color: transparent;
  color: #98700d;
}

.button-campusGold-inverse.button-hollow:link, .button-campusGold-inverse.button-hollow:visited {
  outline-color: #000;
  background-color: transparent;
  color: #98700d;
}

.button-campusGold-inverse.button-hollow:hover, .button-campusGold-inverse.button-hollow:active, .button-campusGold-inverse.button-hollow:focus {
  outline-color: #000;
  background-color: #000;
  color: #c28e0e;
}

.button-campusGold-inverse.button-bar {
  border-bottom-color: #737373;
}

.button-campusGold-inverse.button-bar:link, .button-campusGold-inverse.button-bar:visited {
  border-bottom-color: #737373;
  color: #c28e0e;
}

.button-campusGold-inverse.button-bar:hover, .button-campusGold-inverse.button-bar:active, .button-campusGold-inverse.button-bar:focus {
  background-color: transparent;
  outline-color: #737373;
  color: #98700d;
}

.button-black {
  outline-color: #000;
  background-color: #000;
  color: #fff;
}

.button-black:link, .button-black:visited {
  outline-color: #000;
  background-color: #000;
  color: #fff;
}

.button-black:hover, .button-black:active, .button-black:focus {
  outline-color: #000;
  background-color: transparent;
  color: #98700d;
}

.button-black.button-hollow {
  outline-color: #000;
  background-color: transparent;
  color: #98700d;
}

.button-black.button-hollow:link, .button-black.button-hollow:visited {
  outline-color: #000;
  background-color: transparent;
  color: #98700d;
}

.button-black.button-hollow:hover, .button-black.button-hollow:active, .button-black.button-hollow:focus {
  outline-color: #000;
  background-color: #000;
  color: #fff;
}

.button-black.button-bar {
  border-bottom-color: #737373;
}

.button-black.button-bar:link, .button-black.button-bar:visited {
  border-bottom-color: #737373;
  color: #fff;
}

.button-black.button-bar:hover, .button-black.button-bar:active, .button-black.button-bar:focus {
  background-color: transparent;
  outline-color: #737373;
  color: #98700d;
}

.button-black.button-icon .button__icon {
  background-color: #c28e0e;
  color: #000;
}

.button-black.button-icon:hover, .button-black.button-icon:active, .button-black.button-icon:focus {
  outline-color: #c28e0e;
  background-color: #000;
  color: #fff;
}

.button-black.button-icon:hover .button__icon, .button-black.button-icon:active .button__icon, .button-black.button-icon:focus .button__icon {
  color: #fff;
}

.button-gray15 {
  outline-color: #dedede;
  background-color: #dedede;
  color: #000;
}

.button-gray15:link, .button-gray15:visited {
  outline-color: #dedede;
  background-color: #dedede;
  color: #000;
}

.button-gray15:hover, .button-gray15:active, .button-gray15:focus {
  outline-color: #dedede;
  background-color: transparent;
  color: #000;
}

.button-gray15.button-hollow {
  outline-color: #dedede;
  background-color: transparent;
  color: #000;
}

.button-gray15.button-hollow:link, .button-gray15.button-hollow:visited {
  outline-color: #dedede;
  background-color: transparent;
  color: #000;
}

.button-gray15.button-hollow:hover, .button-gray15.button-hollow:active, .button-gray15.button-hollow:focus {
  outline-color: #dedede;
  background-color: #dedede;
  color: #000;
}

.button-gray15.button-bar {
  border-bottom-color: #b8b8b8;
}

.button-gray15.button-bar:link, .button-gray15.button-bar:visited {
  border-bottom-color: #b8b8b8;
  color: #000;
}

.button-gray15.button-bar:hover, .button-gray15.button-bar:active, .button-gray15.button-bar:focus {
  background-color: transparent;
  outline-color: #b8b8b8;
  color: #000;
}

.button-gray40 {
  outline-color: #aaaaaa;
  background-color: #aaaaaa;
  color: #000;
}

.button-gray40:link, .button-gray40:visited {
  outline-color: #aaaaaa;
  background-color: #aaaaaa;
  color: #000;
}

.button-gray40:hover, .button-gray40:active, .button-gray40:focus {
  outline-color: #aaaaaa;
  background-color: transparent;
  color: #000;
}

.button-gray40.button-hollow {
  outline-color: #aaaaaa;
  background-color: transparent;
  color: #000;
}

.button-gray40.button-hollow:link, .button-gray40.button-hollow:visited {
  outline-color: #aaaaaa;
  background-color: transparent;
  color: #000;
}

.button-gray40.button-hollow:hover, .button-gray40.button-hollow:active, .button-gray40.button-hollow:focus {
  outline-color: #aaaaaa;
  background-color: #aaaaaa;
  color: #000;
}

.button-gray40.button-bar {
  border-bottom-color: #848484;
}

.button-gray40.button-bar:link, .button-gray40.button-bar:visited {
  border-bottom-color: #848484;
  color: #000;
}

.button-gray40.button-bar:hover, .button-gray40.button-bar:active, .button-gray40.button-bar:focus {
  background-color: transparent;
  outline-color: #848484;
  color: #000;
}

.button-gray70 {
  outline-color: #707070;
  background-color: #707070;
  color: #fff;
}

.button-gray70:link, .button-gray70:visited {
  outline-color: #707070;
  background-color: #707070;
  color: #fff;
}

.button-gray70:hover, .button-gray70:active, .button-gray70:focus {
  outline-color: #707070;
  background-color: transparent;
  color: #000;
}

.button-gray70.button-hollow {
  outline-color: #707070;
  background-color: transparent;
  color: #000;
}

.button-gray70.button-hollow:link, .button-gray70.button-hollow:visited {
  outline-color: #707070;
  background-color: transparent;
  color: #000;
}

.button-gray70.button-hollow:hover, .button-gray70.button-hollow:active, .button-gray70.button-hollow:focus {
  outline-color: #707070;
  background-color: #707070;
  color: #fff;
}

.button-gray70.button-bar {
  border-bottom-color: #4a4a4a;
}

.button-gray70.button-bar:link, .button-gray70.button-bar:visited {
  border-bottom-color: #4a4a4a;
  color: #fff;
}

.button-gray70.button-bar:hover, .button-gray70.button-bar:active, .button-gray70.button-bar:focus {
  background-color: transparent;
  outline-color: #4a4a4a;
  color: #000;
}

.button-light:hover, .button-light:active, .button-light:focus {
  color: #fff;
}

.button-light.button-bar:hover, .button-light.button-bar:active, .button-light.button-bar:focus {
  color: #fff;
}

.button-light.button-hollow {
  color: #fff;
}

.button-light.button-hollow:link, .button-light.button-hollow:visited {
  color: #fff;
}

.button-light.button-hollow:hover, .button-light.button-hollow:active, .button-light.button-hollow:focus {
  color: #000;
}

.button-light.button-hollow.button-campusGold {
  color: #fff;
}

.button-light.button-hollow.button-campusGold:link, .button-light.button-hollow.button-campusGold:visited {
  color: #fff;
}

.button-light.button-hollow.button-campusGold:hover, .button-light.button-hollow.button-campusGold:active, .button-light.button-hollow.button-campusGold:focus {
  color: #000;
}

.button-light.button-hollow.button-campusGold-inverse {
  color: #fff;
}

.button-light.button-hollow.button-campusGold-inverse:link, .button-light.button-hollow.button-campusGold-inverse:visited {
  color: #fff;
}

.button-light.button-hollow.button-campusGold-inverse:hover, .button-light.button-hollow.button-campusGold-inverse:active, .button-light.button-hollow.button-campusGold-inverse:focus {
  color: #c28e0e;
}

.button-light.button-hollow.button-black {
  color: #fff;
}

.button-light.button-hollow.button-black:link, .button-light.button-hollow.button-black:visited {
  color: #fff;
}

.button-light.button-hollow.button-black:hover, .button-light.button-hollow.button-black:active, .button-light.button-hollow.button-black:focus {
  color: #fff;
}

.button-light.button-hollow.button-gray15 {
  color: #fff;
}

.button-light.button-hollow.button-gray15:link, .button-light.button-hollow.button-gray15:visited {
  color: #fff;
}

.button-light.button-hollow.button-gray15:hover, .button-light.button-hollow.button-gray15:active, .button-light.button-hollow.button-gray15:focus {
  color: #000;
}

.button-light.button-hollow.button-gray40 {
  color: #fff;
}

.button-light.button-hollow.button-gray40:link, .button-light.button-hollow.button-gray40:visited {
  color: #fff;
}

.button-light.button-hollow.button-gray40:hover, .button-light.button-hollow.button-gray40:active, .button-light.button-hollow.button-gray40:focus {
  color: #000;
}

.button-light.button-hollow.button-gray70 {
  color: #fff;
}

.button-light.button-hollow.button-gray70:link, .button-light.button-hollow.button-gray70:visited {
  color: #fff;
}

.button-light.button-hollow.button-gray70:hover, .button-light.button-hollow.button-gray70:active, .button-light.button-hollow.button-gray70:focus {
  color: #fff;
}

.button-light.button-opaque {
  outline-color: #fff;
  background-color: #000;
  background-color: rgba(250, 250, 250, 0.5);
  color: #000;
}

.button-light.button-opaque:link, .button-light.button-opaque:visited {
  outline-color: #fff;
  background-color: #000;
  background-color: rgba(250, 250, 250, 0.5);
  color: #000;
}

.button-light.button-opaque:hover, .button-light.button-opaque:active, .button-light.button-opaque:focus {
  outline-color: #fff;
  background-color: #fff;
  color: #000;
}

.button-wide {
  display: block;
  display: flex;
  width: 100%;
  min-width: auto;
}

.button-wide:before, .button-wide:after {
  width: auto;
}

.button__icon {
  transition: color, transform 0.1s;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin: -0.51816rem 0;
  padding: 0 0.51816rem;
  order: 3;
  font-size: 1.625rem;
  text-align: center;
}

.button__icon > *, .button__icon.fa:before {
  transition: color, transform 0.1s;
}

@media (min-width: 1200px) {
  .button {
    padding: 0.625rem 2px;
    font-size: 1.5rem; /* 1.125rem; */
  }
  .button:before, .button:after {
    width: 3.875rem;
  }
  .button-bar {
    position: relative;

  }
  .button-bar:after {
    height: 0.3125rem;
  }
  .button-icon {
    padding-right: 0;
  }
  .button-icon:before, .button-icon:after {
    width: 2.5rem;
  }
  .button-wide:before, .button-wide:after {
    width: auto;
  }
  .button-wide-lg {
    display: block;
    display: flex;
    width: 100%;
    min-width: auto;
  }
  .button-wide-lg:before, .button-wide-lg:after {
    width: auto;
  }
  .button-wide-lg:before, .button-wide-lg:after {
    width: auto;
  }
  .button-slim:before, .button-slim:after {
    width: 1.25rem;
  }
  .button-slim-lg {
    display: inline-flex;
    font-weight: 400;
    text-transform: none;
    font-size: 1rem;
  }
  .button-slim-lg:link, .button-slim-lg:visited, .button-slim-lg:hover, .button-slim-lg:active {
    font-weight: 400;
  }
  .button-slim-lg:before, .button-slim-lg:after {
    width: 1.25rem;
  }
  .button__icon {
    margin: -0.625rem 0;
    padding: 0 0.625rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .button {
    padding: 0.625rem 2px;
    font-size: 1.5rem; /* 1.03632rem; */
  }
  .button:before, .button:after {
    width: 4.0625rem;
  }
  .button-icon {
    padding-right: 0;
  }
  .button-icon:before, .button-icon:after {
    width: 2.6875rem;
  }
  .button-wide:before, .button-wide:after {
    width: auto;
  }
  .button-wide-sm {
    display: block;
    display: flex;
    width: 100%;
    min-width: auto;
  }
  .button-wide-sm:before, .button-wide-sm:after {
    width: auto;
  }
  .button-wide-sm:before, .button-wide-sm:after {
    width: auto;
  }
  .button-slim:before, .button-slim:after {
    width: 1.03632rem;
    flex-basis: auto;
  }
  .button-slim-sm {
    display: inline-flex;
    font-weight: 400;
    text-transform: none;
    font-size: 1rem;
  }
  .button-slim-sm:link, .button-slim-sm:visited, .button-slim-sm:hover, .button-slim-sm:active {
    font-weight: 400;
  }
  .button-slim-sm:before, .button-slim-sm:after {
    width: 1.03632rem;
    flex-basis: auto;
  }
  .button__icon {
    margin: -0.625rem 0;
    padding: 0 0.625rem;
  }
}

@media (max-width: 767px) {
  .button {
    padding: 0.625rem 2px;
    font-size: 1.5rem; /* 1.125rem */
  }
  .button:before, .button:after {
    width: 3.75rem;
  }
  .button-bar {
    position: relative;
  }
  .button-bar:after {
    height: 0.3125rem;
  }
  .button-icon {
    padding-right: 0;
  }
  .button-icon:before, .button-icon:after {
    width: 2.375rem;
  }
  .button-wide:before, .button-wide:after {
    width: auto;
  }
  .button-wide-xs {
    display: block;
    display: flex;
    width: 100%;
    min-width: auto;
  }
  .button-wide-xs:before, .button-wide-xs:after {
    width: auto;
  }
  .button-wide-xs:before, .button-wide-xs:after {
    width: auto;
  }
  .button-slim:before, .button-slim:after {
    width: 1.03632rem;
    flex-basis: auto;
  }
  .button-slim-xs {
    display: inline-flex;
    font-weight: 400;
    text-transform: none;
    font-size: 1rem;
  }
  .button-slim-xs:link, .button-slim-xs:visited, .button-slim-xs:hover, .button-slim-xs:active {
    font-weight: 400;
  }
  .button-slim-xs:before, .button-slim-xs:after {
    width: 1.03632rem;
    flex-basis: auto;
  }
  .button__icon {
    margin: -0.625rem 0;
    padding: 0 0.625rem;
  }
}


 @media print {
     .navbar, .breadcrumb, .sidenav, .sidecontent, .rightnav, .footer .panel, .motto, .bottom {
         display:none !important;
    }
     .top .logo a img {
         width:30%;
    }
     .top .department a {
         border:0px;
         padding-left:0px;
         padding-bottom:20px;
         color:#000;
    }
    /****************************************************************/
    /* william's code */
     .content, .maincontent {
         width: 100%;
    }
    /***************************************************************/
    /* remove silly bootstrap link printing */
     a[href]:after {
         content: none;
    }
     nav,footer {
         display: none 
    }
    ;
     .resources .links {
         display:block;
         width:100%;
    }
     .events {
         display:none;
    }
}
 #features .carousel-inner {
     border-radius: 15px;
}
 #features .right.carousel-control {
     border-radius: 0 15px 15px 0;
}
 #features .left.carousel-control {
     border-radius: 15px 0 0 15px;
}
 #features p {
     font-size: 14px;
}
 #features a.more {
     display: block;
     font-size: 16px;
     text-decoration: none;
     font-family: "PT Sans Caption",sans-serif;
     font-style: normal;
     font-weight:bold;
     color: #FFD7A4;
     float: right;
}
 #features .carousel-caption {
    /*background: rgba(118, 178, 217, 0.3);
    */
     background: rgba(127, 132, 135, 0.3);
     padding: 0px 15% 0px 15%;
    /*width:500px;
    */
     border-radius: 15px;
     bottom: 0;
     left: 0;
     right: initial;
     text-align: left;
}
 #features .carousel-indicators {
     width: auto;
     right: 5%;
     left: auto;
}
/*Style for Dropdown menu*/
 ul.nav li.dropdown:hover > ul.dropdown-menu {
     display: block;
}
/* Style for <figure> and <figcaption> tags */
 figure {
     background-color: #f5f5f5;
     border: 1px solid #dddddd;
     border-radius: 4px;
     margin: 6px;
     padding: 4px;
}
 figcaption {
     text-align: center;
}
/* fix for resized carousel image rotator */
 .carousel-inner>.item {
     max-width: 100% 
}
/* fix for chrome bug with rounded corners on carousel */
 .carousel-inner {
     -webkit-transform: translate3d(0, 0, 0);
}
/* fix for google custom search and bootstrap */
 .search-container * {
     box-sizing: content-box;
}

 .ui-widget {
     font-size:12px;
}
 .panel-heading [data-toggle="collapse"]:after {
     font-family: 'Glyphicons Halflings';
     content: "\e072";
    /* "play" icon */
     float: left;
     color: #000;
     font-size: 8px;
    /* rotate "play" icon from &gt;
     (right arrow) to down arrow */
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
}
 .panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from &gt;
     (right arrow) to ^ (up arrow) */
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
}
 #gradnavtable ul{
     list-style-type:none;
     font-weight:800;
}