body#homepage.department .quote-text { font-size: 1em; text-align: left; padding: 0; line-height: 21.18px; }
body#homepage.department .quote-author { font-size: 1.395em; color: #f66733; text-align: left; padding: 10px 0 0; display: block; font-weight: bold; text-transform: uppercase; }
body.department { background: #b3ada9 url('') no-repeat top center; background-attachment: fixed; background-size: 100% 100%; color: #109DC0; }
body#homepage.department { color: #333; }
body.department .centerContent a { color: #522d80; }
.department h2, .department h3, .department h4, .department h5, .department h6 {color:#000; font-weight:normal;}
.department #orangebar ul li.active, .department #orangebar ul li.active a, .department #orangebar ul li.active-gateway a { color: #fff; background-color: #109DC0; }
.department header { background: none; position: relative; }
.department #header-bg { background: none; -moz-background-size: contain; -webkit-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; max-width: 1300px; }
.department #logo { padding: 2.5% 0% 0%; margin-bottom: 0px; display: inline-block; }
.department footer #logo { width:100%; padding-bottom: 1%; }
.department nav.topNav { max-width: 1300px; margin: 0 auto -4px; display: block; min-width: inherit; }
.department #orangebar { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; width: 838px; height: 36px; position: relative; float: right; top: -55px; }
.department #orangebar ul li { display: inline-block; padding: 0; font-size: 1.25em; text-transform: uppercase; position: relative; font-weight: bold; }
.department #orangebar ul li a:hover { color: #f66733; }
.department #orangebar ul li:hover { background-color: #FFF; }
.department #orangebar ul li a { color: #FFF; display: inline-block; padding: .1em .5em; }
.department #orangebar .active-gateway { background: none; }
.department #mobile { display: none; background: #522d80; padding: 0 1.875em; }
.department #mobile h5 { height: 40px; background: #522d80; color: #FFF; text-transform: uppercase; line-height: 40px; display: block; margin: 0; }
.department #mobile-nav { background: #522d80; padding-bottom: 1.25em; display: inline-block; width: 100%; }
.department #mobile-nav .top-level li a { border-left: .2em solid #F66733; background: #e7e7e7; color: #522d80; }
.department #mobile-nav .top-level li ul a { border-left: 0; background: #522d80; color: #fff; }
.department #mobile-nav .top-level li ul a:hover { border-left: 0; color: #fff!important; }
.department #mobile-nav h2 { color: #fff; font-weight: bold; }
.department #feature { max-height: 42em; overflow: hidden; position: relative; background: none; clear: both; }
.department .feature-image { width: 100%; max-width: 1300px; margin: 0 auto; display: block; }
.department #feature #headings-container { text-align: right; position: absolute; bottom: 0px; right: 2%; width: 96%; height: 100%; border-left: none; border-right: none; }
.department #feature h1 { margin: 0; text-transform: uppercase; line-height: 1em; color: #FFF; -webkit-text-shadow: 0 0 15px rgba(0,0,0,.8); -moz-text-shadow: 0 0 15px rgba(0,0,0,.8); -o-text-shadow: 0 0 15px rgba(0,0,0,.8); -ms-text-shadow: 0 0 15px rgba(0,0,0,.8); text-shadow: 0 0 15px rgba(0,0,0,.8); font-size: 5.416em; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; letter-spacing: -4px; line-height: 72.16px; }
.department #feature h2 { margin: 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-style: oblique; font-size: 1.125em; color: #FFF; -webkit-text-shadow: 0 0 15px rgba(0,0,0,.8); -moz-text-shadow: 0 0 15px rgba(0,0,0,.8); -o-text-shadow: 0 0 15px rgba(0,0,0,.8); -ms-text-shadow: 0 0 15px rgba(0,0,0,.8); text-shadow: 0 0 15px rgba(0,0,0,.8); font-style: normal; font-size: 1.563em; padding: .5em 0 0 0; }
.department #feature h3 { margin: 0; font-family: "Trade Gothic"; font-weight: normal; font-style: oblique; font-size: 1.125em; color: #FFF; -webkit-text-shadow: 0 0 15px rgba(0,0,0,.8); -moz-text-shadow: 0 0 15px rgba(0,0,0,.8); -o-text-shadow: 0 0 15px rgba(0,0,0,.8); -ms-text-shadow: 0 0 15px rgba(0,0,0,.8); text-shadow: 0 0 15px rgba(0,0,0,.8); }
.department #feature a { max-width: 1300px; display: block; margin: 0 auto; position: relative; }
.department #page { background-color: rgba(255, 255, 255, 0.7); padding: 0 0 0; border-top: 16px solid #109dc0; box-shadow: none; margin-top: 2%; }
#homepage.department #page { background-color: rgba(255, 255, 255, 0.7); padding: 0 2.1em 0; border-top: 16px solid #109DC0; margin-top: 0; margin-bottom: 10px; }
#spotlight-event { background-color: rgba(255, 255, 255, 0.7); padding: 1.5em;  }
.department .event { margin-bottom:10px; clear: both; }
.department .event-date { color: #333; padding: 0.5em 1em; }
.department .event-title a, .department .event-date .day{ color: #333;}
.department .event .event-time:before { content: "\e002"; margin-right: .3125em; color: #333; font-family: "clemson-icons"; }
.department .event .event-location:before { content: "\e003"; margin-right: .3125em; color: #333; max-height: .625em; font-family: "clemson-icons"; }
.lean-slider { position: relative; *zoom: 1;
}
.lean-slider:before, .lean-slider:after { content: " "; display: table; }
.lean-slider:after { clear: both; }
.lean-slider-slide { float: left; width: 100%; margin-right: -100%; display: none; }
.lean-slider-slide.current { display: block; }
#slider-control-nav { margin: 5px 0 0 0; text-align: center; opacity: 1; display: inline-block; float: right; }
.slider-wrapper:hover #slider-control-nav { opacity: 1; }
#slider-control-nav a { display: inline-block; width: 22px; height: 22px; background: url(../images/department/bullets.png) no-repeat 0 0; text-indent: -9999px; margin: 0 3px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
#slider-control-nav a.active { background-position: 100% 0; }
.department .spotlight .headline { width: 100%; display: block; padding: .5em 3%; font-size: 1.367em; color: #fff; text-align: left; text-transform: uppercase; margin-bottom:15px; }
.department .spotlight .image-caption { border: 1px solid #000; font-size: 0.813em; width: 100%; padding: 5px 1.5%; display: block; }
.department #main-nav a { text-decoration: none; }
.department .top-level { border-bottom: 1px solid #2e4f68; padding: 0 0 2em 0; }
.department .top-level li a { border-left: .4em solid #f66733; border-bottom: 0; padding: .1875em .5em; background: #fff; margin-bottom: 1px; display: block; color: #000000; }
.department .top-level li a:hover { border-left: .5em solid #F66733; background: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #522d80!important; }
.department .top-level li ul a { border-left: 0; font-size: .9em; background: none; color: #522d80; }
.department .top-level li ul a:before { content: normal; margin-right: 5px; font-size: 1.5em; line-height: 1; position: relative; top: 1px; }
.department .top-level li ul a:hover { border-left: 0; text-decoration: underline!important; background: none; color: #522D80!important; }
.department #main-nav h2 { font-weight: normal; font-size: 1em; color: #000; }
.department #main-nav .side-nav a:hover { text-decoration: underline; background: none; color: #3a4958; }
.department footer { background: none; padding: 1.5em 0; color: #FFF; }
.department footer a:hover { text-decoration: underline; color: #fff; }
.department #footer-copyright { font-size: 0.875em; line-height: 18px; border-top: none; padding: 0 0; width: 85%; float: none; clear: both; margin: 0 auto; }
.department .icon-footer-social { padding: 5px; font-size: 1.5em;}
.department .icon-footer-social a{ color:#fff!important; text-decoration:none!important; }
.department .icon-footer-social div { display: inline; margin: 0 auto; }
.department .icon-footer-social div span {display: inline; padding: 5px; margin: 0 auto}
.department #spotlight-event { border-bottom: 1px solid #fff; }
.department #spotlight-event h2 { color: #000; font-size: 1.623em; }
.department #spotlight-event h3 { color: #000; font-size: 0.939em; }
.department #spotlight-event p { font-size: 0.939em; line-height: 19px; }
.department .centerContent { border-left: none; border-right: none; padding: 1.6em .7em; color: #000; }
.department#homepage .centerContent { font-size: 1em; line-height: 21.18px; color: #000; }
.department #content-two h4 { font-size: 1em; text-align: right; font-weight: normal; color: #fff; }
.department .icon-home-featured { display: block; text-align: right; float: right; font-size: 0.62em; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; padding: 0px 0 0 0; }
.department .icon-home-featured a{ color:#fff!important; text-decoration:none!important; }
.department .icon-home-featured div { text-align: center; display: block; float: left; text-align: center; }
.department .icon-home-featured div span { width: 58px; height: 58px; display: block; margin: 5px 15px 8px; }
.department .icon2-book:before { content: url(../images/department/icons/book.png); }
.department .icon2-broadcast:before { content: url(../images/department/icons/broadcast.png); }
.department .icon2-column:before { content: url(../images/department/icons/column.png); }
.department .icon2-dollar-sign:before { content: url(../images/department/icons/dollar-sign.png); }
.department .icon2-fountain-pen:before { content: url(../images/department/icons/fountain-pen.png); }
.department .icon2-gears:before { content: url(../images/department/icons/gears.png); }
.department .icon2-globe:before { content: url(../images/department/icons/globe.png); }
.department .icon2-leaf:before { content: url(../images/department/icons/leaf.png); }
.department .icon2-lightning-bolt:before { content: url(../images/department/icons/lightning-bolt.png); }
.department .icon2-microscope:before { content: url(../images/department/icons/magnifying-glass.png); }
.department .icon2-rocket-ship:before { content: url(../images/department/icons/rocket-ship.png); }
.department .icon2-shaking-hands:before { content: url(../images/department/icons/shaking-hands.png); }
.department #spotlight-event #faculty-spotlight {position:relative; bottom:0;}
.department #spotlight-event #faculty-spotlight .columns { padding: 0 0 0 0; }
.department #events { padding-left: 2em; width: 440px; float: right; }
.department #events a:hover {text-decoration:underline; color:#3A4958;}
@media only screen and (min-width: 1300px) {
.department footer { padding-top: 1em; padding-bottom: 3.375em; margin-top: 0; }
}
@media only screen and (max-width: 1300px) {
.department #logo { padding: 2.5% 0 1.25% 1em; }
.department #orangebar { margin-right: 1em; }
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
}
@media only screen and (max-width: 1220px) {
.department nav.topNav {display:inline-block; width:100%;}
.department #orangebar { width:100%; right:0; top:0; position:relative; border-radius:0; margin:0px 0 0px 0; display:inline-block; }
.department #orangebar ul { text-align: center; margin: 0; padding: 0; }
.department #page { border-top: none; margin-top:-2px;}
.department #feature #headings-container { border: none; margin: 0 auto; padding: 1em 1.5em 0; }
.department #logo {margin: 0 auto; width: 100%; }
.department #logo img { width: auto; float: none; }

}
@media only screen and (max-width: 1000px) {
.department #minibar #audiences { display: none; }
.department #mobile-minibar { display: block; }
.department #minibar { display: none; }
.department #mobile-minibar #searchbar { display: inline !important; }
.department nav.topNav {display:block;}
.department #orangebar { display: none; }
.department #mobile { display: block; }
.department #sidr-main .sidr-class-icon-paw { display: none!important; }
.department header { background: #868a8d; position: relative; }
.department #header-bg { background: #868a8d; -moz-background-size: contain; -webkit-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }
.department #logo { padding: 3% 10% 4%; margin: 0 auto; width: 100%; }

.department footer #logo { padding: 2.5% 0 2.5%; margin: 0 auto; width: 100%; }
.department #page { background: #e7e7e7; padding: 0 1em 0; border-top: none; margin: 0; }
#homepage.department #page { background: none; padding: 0 1em 0; border-top: none; margin: 0; }
#homepage.department { background: #e7e7e7; }
.department footer { background: #522d80; padding: 1.5em 0; color: #FFF; }
.department #footer-copyright { width: 95%; margin: 0 auto; clear: both; float: none; padding: 1em 0; }
.department .spotlight .headline { font-size: 1.2em; }
.department .spotlight p { font-size: .8em; line-height:1.3; }
.department .spotlight .image-caption { font-size: .7em; }
#homepage.department .centerContent { padding: 1em 0em; }
body#homepage.department .quote-text { color: #3a4958; font-size: .8em; }
body#homepage.department .quote-author { font-size: .8em; }
body#homepage.department #content-two { color: #3a4958; font-size: .8em; }
.department #content-two h4 { font-size: 1em; text-align: right; font-weight: normal; color: #3a4958; }
.department .icon-home-featured { font-size: .7em; }
.department .icon-home-featured a{ color:#3a4958!important; text-decoration:none!important; }
.department #spotlight-event { padding: 0 1em; }
.department #spotlight-event h2 { color: #3a4958; font-weight: normal; margin: 0; padding: 0 10px; }
.department #spotlight-event h3 { padding: 0 10px; }
.department #spotlight-event p { color: #3a4958; padding: 0 10px; }
.department #spotlight-event img { border: 1px solid #000; padding: 0 .5em; }
.department #events { padding: 0; width: 340px; }
.department #spotlight-event #events h2 { padding: 5px 0 10px; }
.department .event {padding:0 0 20px 0;}
.department .event-date, .department .event-title a, .department .event-date .day{ color: #3A4958;}
.department .event-date { border: 1px solid #D7D7D7; padding: 0.3em .7em; font-size: .8em; }
.department .event-location { display: none; }
.department .event .event-time:before { display: none; }
.lean-slider-slide { display: block; float: none; }
#slider-control-nav { display: none; }
}
@media only screen and (max-width: 830px) {
.department .icon-home-featured div span { margin: 5px 10px 8px; }
}
@media only screen and (max-width: 767px) {
.department .column, .department .columns { padding: 0; }
.department .spotlight .headline { width: 70%; }
.department #content-two { padding: 20px 0 0 0; }
.department #content-two h4 { text-align: left; color: #3A4958; }
.department .icon-home-featured { float: left; }
.department .icon-home-featured div span { margin: 5px 7px 8px; }
.department #feature #headings-container { padding: 1em .5em 0; }
.department .centerContent { padding: 0 0 1em 0; }
.department #spotlight-event { padding: 1em 1em 0; border-bottom: none; }
.department #spotlight-event h2 { padding: 5px 0px; }
.department #spotlight-event h3 { padding: 0 0px; }
.department #spotlight-event p { padding: 0 0px; }
.department #events { width: 100%; }
#faculty-spotlight { margin-top: 1em; }
}
@media only screen and (max-width: 600px) {
.department #feature #headings-container { position: static; }
.department #feature h1 { color: #522d80; text-shadow: none; font-size: 2.3em; font-weight: bold; letter-spacing: inherit; line-height: inherit; }
.department #feature h2 { color: #522d80; text-shadow: none; font-size: 1em; font-style: italic; }
.department #feature h3 { color: #522d80; text-shadow: none; font-size: .9em; font-style: italic; }
}
@media only screen and (max-width: 568px) {
.department #mobile-minibar #searchbar { display: none !important; }
}
@media only screen and (max-width: 479px) {
.department footer #logo { padding: 1.5em 1.5em 0; }
.spotlight img {display:block;}

}

<!--Added by PM 072617 to fix button rollover issue-->
#page button, .button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #EA6A20 ; border-color: #ec460a ; color: white; }
#page button:hover, button:focus, .button:hover, .button:focus { background-color: #ec460a ; }
#page button:hover, button:focus, .button:hover, .button:focus { color: white !important; }