:root {
    --primary-color: #0e6735;
    --secondary-color: #fdce07;
}

html,body{height:100%;}
body{margin:0;padding:0;background:#fff;font-family: 'Open Sans', sans-serif;font-size:87.5%;line-height:1.6em;color:#3e3f3e;letter-spacing:0.05em;}
table,td,tr{font-family: 'Open Sans', sans-serif;font-size:1em;line-height:1.6em;color:#3e3f3e;}
input,textarea,select{font-size:1em;line-height:1.5em;}
img,div.figure{border:none; max-width:100%; height:auto;}
.cf{float:none;clear:both;}
input{-webkit-border-radius:0;}
*{-webkit-tap-highlight-color:rgba(34,42,91,0.25);}
#panel1 *{-webkit-tap-highlight-color:rgba(34,42,91,0);}

a:link {text-decoration:none; color:var(--primary-color);outline:none; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a:visited {text-decoration:none;color:var(--primary-color);outline:none;}
a:hover {text-decoration:none;color:var(--secondary-color);outline:none; }
#googleTranslate a{text-decoration:none;}

h1,h2,h3,h4,h5,h6{margin:0;padding:0 0 0.2em;background:transparent none;text-transform:none;font-family: 'Roboto', sans-serif;font-weight:300;}
h1{color:var(--primary-color);font-size:2.5em;line-height:1.1em;font-weight:300;}
h2{color:var(--primary-color);font-size:2.2em;line-height:1.1em;font-weight:500;}
h3{color:var(--primary-color);font-size:1.85em;line-height:1.1em;letter-spacing:0.15em;font-weight:900;}
h4{color:#000;font-size:1.85em;line-height:1.1em;font-weight:300;}
h5{color:var(--primary-color);font-size:1.6em;line-height:1.1em;letter-spacing:0.15em;font-weight:700;}
h6{color:#000;font-size:1.42em;line-height:1.1em;font-weight:500;}
p{padding:0 0 2em;margin:0;font-size:1em;line-height:1.7em;color:#3e3f3e;font-weight:400;}
blockquote{color:var(--primary-color);font-size:2em;line-height:1.1em;font-style:italic;font-weight:300;margin:1.25em 5%;width:90%;}
blockquote p,blockquote div{font-weight:300;padding:0 0 0.5em;color:var(--primary-color);}
.detail_padding p + ul {margin:-1em 0 0;}
.main_body_size a, a{font-weight:700; text-decoration:none; color:var(--primary-color);}
.main_body_size a:hover{text-decoration:underline;color:var(--secondary-color);}
.main_body_size ol, .main_body_size ul{display:block; margin:0 0 1.3em;}
hr{border:none;background:#3e3f3e;height:2px; margin:0 0 1.3em;}

.cf{float:none;clear:both;}
input{-webkit-border-radius:0;}
img{border:none;}

.wrapper{margin:0 auto; padding:0; max-width:100%; width:90%;max-width:2000px; height:100%; position:relative;-webkit-transition: width 0.5s ease;
-moz-transition: width 0.5s ease;-ms-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease;}

.accessible{display:none;}
.accessible:focus{display:inline-block;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

/***HEADER***/
#mainShell{width:100%;margin:auto;padding:0;display:inline-block;float:left;width:100%;position:relative;}
#main{width:100%;margin:0 auto; position:relative;padding:0;overflow:hidden;display:inline-block;float:left;width:100%;}
#main #headerShellOuter{position:relative;display:inline-block;float:left;width:100%;margin:0 auto;padding:0; z-index:9998; background:rgba(255,255,255,0.85);border-top:5px solid var(--primary-color);
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease; transition: all 0.3s ease;
	-webkit-box-shadow: 0 2px 5px 0 rgba(22,22,22,0.25);box-shadow: 0 2px 5px 0 rgba(22,22,22,0.25);}
#main #headerShellOuter.landing{position:absolute;top:0;left:0;}
#main #headerShellOuter.fixed.wEmergency{top:2.5em!important;}
#main #headerShell{margin:0 auto;width:100%;padding:0;position:relative;z-index:1;display:inline-block;float:left;width:100%;}
#main #headerShell #logo{position:relative;margin:0;padding:1em 0;width:31.25%;display:inline-block;clear:both;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease; transition: all 0.3s ease;}
#main #headerShell #logo .logoMark{float:left;width:0;height:0;overflow:hidden;display:inline-block;position:relative;background: url(custom/images/general/logos/district/btn_mark.svg) center center no-repeat;background-size:cover;}
#main .middle #headerShell #logo .logoMark{background: url(custom/images/general/logos/btn_middle_mark.svg) center center no-repeat;background-size:cover;}
#main .fixed.middle #headerShell #logo .logoMark{width:38px;}
#main .fixed.high #headerShell #logo .logoMark{width:34px;}
#main .high #headerShell #logo .logoMark{background: url(custom/images/general/logos/btn_high_mark.svg) center center no-repeat;background-size:cover;}
#main #headerShell #logo img{float:left;}
header.fixed, header.landing-page.fixed.wEmergency {position: fixed!important;left: 0;top: 0;}
#main .fixed #headerShell #logo{padding:0.5em 0 0.25em;}
#main .fixed #headerShell #logo img{width:0;overflow:hidden;}
#main .fixed #headerShell #logo .logoMark{width:35px;height:40px;}
#main .fixed #headerShell #utilNav{height:0;}

#main #headerShell #utilNav{height:auto;overflow:hidden;padding:0;overflow:hidden;letter-spacing:.01em; top:1.6em;position:absolute;right:0;width:auto;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease; transition: all 0.3s ease;}
#main #headerShell #utilNav ul{float:left;padding:0;margin:0;list-style-type:none; position: relative; width:100%; z-index:1;transition: all 0.5s ease 0s;}
#main #headerShell #utilNav ul li{float:left;display:inline-block;overflow:hidden;padding:0;margin:0;position: relative;}
#main #headerShell #utilNav ul li a {display:inline-block;font-size:1.7em;line-height:0.8em;color:#3e3f3e;padding:0.05em 0.5em;}
#main #headerShell #utilNav ul li a:focus,#main #headerShell #utilNav ul li a:hover{color:var(--primary-color)!important;}
#main #headerShell #utilNav ul li#translateBtn:before{content:'';position:absolute;top:0;left:0;height:80%;width:2px;background:var(--primary-color);}
#main #headerShell #utilNav ul li.lastUtilityIcon{margin-right:0.5em;}
#main #headerShell #utilNav ul li#translateBtn{padding-left:0.5em;}

/*emergency feature*/
#announEmergencyShell,#announEmergency{background-color:rgb(210,40,0) !important; max-width:100% !important; }
#announEmergencyShell #emergencyLogo{font-family: 'Open Sans', sans-serif;}
#announEmergencyShell #emergencyLogo a{font-size:1.25em !important;font-family: 'Open Sans', sans-serif;}
#announEmergencyShell #emergencyLogo h2{ font-size:1.5em !important; font-weight:400;font-family: 'Open Sans', sans-serif;}
#announEmergency #emergencyDescription{margin-top:0.5em !important;padding-top:1.2em !important;border-top:1px solid rgb(255,255,255);padding-bottom:0.5em !important; color:rgb(255,255,255);font-family:'Roboto',sans-serif!important;font-size:1.1em;}
#announEmergency p{color:rgb(255,255,255);font-family: 'Open Sans', sans-serif; font-size:1.25em!important;}
#announEmergency #emergencyDescription #emergencyTitle h2, #announEmergency #emergencyDescription #emergencyTitle a{font-family: 'Open Sans', sans-serif!important;font-size:1.5em!important;font-weight:700!important;text-transform:none!important;letter-spacing:1px;}

/***INTERIOR***/
#main #mainContentShellOutter,
#main.district #mainContentShellOutter{width:100%;margin:0 auto; position:relative;overflow:hidden;padding:0; background:#ededed; min-height:500px; z-index:0;}
#main #mainContentShell{margin:0 auto;width:100%;padding:0;background-color:#fff;position:relative;display:inline-block;}
#main #mainContentShell.annShell{background:var(--primary-color);color:#fff;}
#main #mainContentShell.interior{background:transparent;}
#pageTitle{background-color:var(--primary-color);margin:0;width:100%;display:inline-block;float:left; position:relative; display:inline-block;z-index:4;}
#pageTitle h1{padding:0.6125em 0 0.85em; color:#fff; font-size:2.5em;font-family: 'Roboto', sans-serif; font-weight:300; letter-spacing:0.05em; line-height:1.15em;}
#main #mainContentShell #mainContentInner{margin:2.15em auto 0 auto;width:100%; position:relative;padding:0; display:inline-block;}
#main #landingMain.landing-page #pageTitle,#main #landingMain #mainImage #pageTitle{width:100%;text-align:center;background:none;position:absolute;bottom:0;left:0;}
#main #landingMain.landing-page #pageTitle h1, #main #landingMain #mainImage #pageTitle h1{text-shadow: 2px 2px 10px #000000;font-weight:300;font-size:4em;font-family: 'Roboto', sans-serif;}


#main #mainContentShell .leftnavShell{margin:0 0 0 3.2%;display:inline-block;width:15.6%;position:relative;float:left;}
#main #mainContentShell #sidebar{width:100%;padding:0;margin:0;float:left;z-index:0;position:relative;overflow:hidden;}
#main #mainContentShell #sidebar #search{ display:none;}

.middleColumn{display:inline-block;position:relative;width:100%;min-height:80vh;}
.middleColumn.wLeft{width:81.2%;}
.main_body_size{width:100%;margin:0; position:relative;padding:0;float:left;overflow:hidden;z-index:0;}
.middle_when_right_side_bar,
.middle_when_no_right_side_bar{height:auto;padding:0em 3.8% 3em!important; margin-bottom:3em;width:100%; box-sizing:border-box;display:inline-block;float:left;overflow:hidden;width:100%;}
.middle_when_right_side_bar{width:72.4%;padding:0 3.7% 2em;margin:0;min-height:500px;float:left;overflow:hidden;display:block;position:relative;z-index:0; letter-spacing:0;}

#main #landingMain + #mainContentShellOutter #mainContentShell.interior #pageTitleBg { display:none;}
#main #landingMain{width:100%;height:auto;position:relative;overflow:hidden;padding:0;margin:0px auto;display:inline-block;background-color:var(--primary-color);}
/* #main #landingMain #landingMainImage { width:56.8%; margin:0 21.6%; display:inline-block; height:auto; position:relative;} */
/* #main #landingMain #pageTitle { width:29%; margin:0; position:absolute;left:0;bottom:0;display:inline-block;}
#main #landingMain #pageTitle h1{padding:0 0 1em 0;} */
#main #landingMain #mainImage,
#main #landingMain .imageDip{width:100%;height:auto;margin:0;position:relative; float:right;padding:0;background-repeat:no-repeat;background-position:center;background-size:100%;background-size:cover!important;}
#main #landingMain #mainImage .slide{position:relative;background-size:cover!important;}
#main #landingMain #slideshowShellLanding{position:static !important;}

#landingMain .slideNav{background:none;position:absolute;right:5%;bottom:1em;z-index:5;}
.slideNav ul{width:100%;list-style:none;margin:0;padding:0;margin-top:0;text-align:right;position:relative;display:inline-block;}
.slideNav li{position:relative;display:inline-block;padding:0 0.375em;}
.slideNav li button{padding:0 0.375em;width: 17px;height: 17px;font-size: 0;line-height: 0; border: 0; cursor: pointer;background:var(--primary-color);color: #fff;border-radius: 50%;-webkit-border-radius: 50%;display: inline-block;
-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
.slideNav li.slick-active button{background:var(--secondary-color);color:var(--primary-color);}

/*right side*/
#sidebar_content{width:22.6%;margin:0 5% 0 0;padding:0;position:relative;z-index:0; float:right; }
#sidebar_content .right_per_detail{width:100%; margin:0 0 1.5em;padding:0;background-color:#fff;}
#sidebar_content .right_per_detail.detail_minical{width:100%; height:auto; margin:0 0 1.5em;padding:0;background-color:#fff;}
#sidebar_content .right_hr_top{display:none;}
#sidebar_content .right_per_detail h3{width:90%;text-align:center;font-size:1.45em;font-family: 'Roboto', sans-serif;color:#fff;text-align:center;text-transform:uppercase;padding:0.5em 5%;line-height:1.2em;letter-spacing:0.075em;background:var(--primary-color);font-weight:300;overflow:hidden;}
#sidebar_content .right_per_detail .right_content{width:80%;padding:1.5em 10%;overflow:hidden;font-weight:400;font-size:0.85em;font-family: 'Open Sans', sans-serif;line-height:1.5em;color:#3e3f3e;}
#sidebar_content .right_per_detail .right_content h3{width:auto;padding:0 0 0.125em; font-family:'Roboto', sans-serif; background:none;color:#3e3f3e;text-align:left;font-size:1.7em;}
#sidebar_content .right_per_detail a{text-decoration:underline;color:var(--primary-color);}
#sidebar_content .right_per_detail a.right_news_style{padding:0px;margin:0px;}
#sidebar_content .right_per_detail a:hover{text-decoration:none;color:var(--secondary-color); }
#sidebar_content .right_hr_bottom hr,
#sidebar_content .right_hr_top hr{display:none;}
#sidebar_content .right_hr_bottom{display:none;}
.right_side_no_dotted_line p, .right_side_with_dotted_line p {margin:0; padding:0 0 1em;}

/*translator*/
#sidebar_content .right_per_detail.detail_translator { height:auto; padding:0;}
#sidebar_content .detail_translator .right_content{padding-top:15px; height:auto !important;}
#sidebar_content .detail_translator .right_content select{width:100% !important;}

/*quick links */
#sidebar_content .detail_quicklinks{font-size:1.07em;text-transform:capitalize;font-family: 'Roboto', sans-serif;font-weight:400;color:#3e3f3e;margin-bottom:2em !important; height:auto; padding:0;}
#sidebar_content .detail_quicklinks select{width:100% !important;text-transform:none; padding:0;}


/*upcoming events */
#sidebar_content .right_per_detail ul li.upcoming_events_slide{display:inline-block;width:100%;}
#sidebar_content .right_per_detail ul li.upcoming_events_slide li{width:100%;display:inline-block;}
#sidebar_content .dateBox{margin:0.25em 0;width:100%;font-size:1.2em;font-family: 'Open Sans', sans-serif;color:#3e3f3e;line-height:1.1em;}
#sidebar_content .upcoming_events_above{margin:0px 0px 0px 0px;padding:9px 25px 0px 30px;display:block; }
#sidebar_content .upcoming_events_top{margin-top:0px;background:none;padding-top:10px; border:none;}
#sidebar_content .upcoming_events_time{color:#3e3f3e;font-size:0.8em;font-family: 'Roboto', sans-serif;display:inline-block;width:100%;float:left;overflow:hidden;}
#sidebar_content .upcoming_events_event{color:var(--primary-color);padding:0.25em 5% 0.75em;width:90%!important;font-size:1.1em;font-family: 'Roboto', sans-serif;line-height:1.05em;}
#sidebar_content .upcoming_events_event a{color:var(--primary-color);padding:0;text-decoration:none;display:block;float:left;overflow:hidden;}
#sidebar_content .upcoming_events_event a:hover{text-decoration: underline;color:var(--secondary-color); }
#sidebar_content .upcoming_events_bottom{padding-bottom:0;}

/*News*/
#sidebar_content .detail_rightnews .right_content,
#sidebar_content .detail_righttext .right_content{line-height:1.05em;font-size:1em;font-family: 'Open Sans', sans-serif;color:#3e3f3e;}
#sidebar_content .detail_rightnews ul{list-style-type:none;padding:0;margin:0;}
#sidebar_content .detail_rightnews ul li{padding:0;margin:0 0 1em;font-family: 'Open Sans', sans-serif;color:#3e3f3e;}
#sidebar_content .detail_rightnews ul li:first-child{background:none !important;padding-top:0;margin-top:0;border:none;}
#sidebar_content .detail_rightnews a.right_news_style,
#sidebar_content .detail_rightnews ul li strong{line-height:1.2em;text-transform:capitalize;font-size:1.2em;font-family: 'Roboto', sans-serif;color:#3e3f3e;text-decoration:none;font-weight:400;margin-bottom:0.25em;display:inline-block;}
#sidebar_content .detail_rightnews a.right_news_style:hover{text-decoration:none;color:var(--primary-color); }
#sidebar_content .news_description{font-size:0.9em;}

/*detail_announcements*/
.detail_announcements2 p{margin:0; padding:0}
#sidebar_content .detail_announcements2r p{margin:0;padding:0;font-size:0.85em !important;overflow:hidden;}
#sidebar_content .detail_announcements2r h4{color:#3e3f3e;font-size:1.2em;margin:1em 0 0;padding:0 0 0.25em; font-family: 'Roboto', sans-serif;font-weight:400;text-decoration:none;line-height:1.1em; text-transform:capitalize;}
#sidebar_content .detail_announcements2r h4:first-child{padding-top:0;background:none;margin-top:0;border:none;}
#sidebar_content .detail_announcements2r h4 a{color:#3e3f3e; text-transform:capitalize;}
#sidebar_content .detail_announcements2r h4 a:hover{color:var(--primary-color) !important;text-decoration:none; }
#sidebar_content .detail_announcements2r a{color:var(--primary-color);text-decoration:none;}
#sidebar_content .detail_announcements2r a:hover{color:var(--secondary-color);text-decoration:underline; }

/*slideshow */
#sidebar_content .right_per_detail.detail_rightslideshow p { padding-top:1em; }

/* calendar links */
.detail_minical h4{font-family: 'Roboto', sans-serif;color:#000;padding:0.6em 0 0;margin:0;font-size:1.1em;font-weight:700;font-style:normal;}
.detail_minical ul{padding:0;margin:0;}
.detail_minical ul li a{margin:0.5em 0 0 0;display:inline-block;font-weight:600;}
table.minical{width:100%;border-spacing:0;border-collapse:collapse;}
.minical_wrapper table tr td table{border-spacing:0;margin-bottom:0;}
.minical_wrapper table tr,
.minical_wrapper table tr td{vertical-align:middle !important;}
.minical_wrapper .headerbg td a{display:block;}
.minical_wrapper .headerbg a span.title{display:none;}
.minical_wrapper .headerbg td:first-child,
.minical_wrapper .headerbg td:first-child + td + td{width:auto !important;}
.minical_wrapper .headerbg td:first-child + td{width:auto !important;}
.minical_wrapper .headerbg td:first-child{text-align:left;}
.minical_wrapper .headerbg td:first-child + td + td a{float:right;}
.minical_wrapper .headerbg td:first-child a{margin:0 0.5em 0 0; z-index:1; position:relative;}
.minical_wrapper .headerbg td:first-child + td + td a{margin:0 0 0 0.5em; position:relative;}
.minical_wrapper{padding:0px;}
.minical_wrapper .headerbg,
.minical_wrapper .headerbg .headerlink{text-decoration:none;font-weight:normal !important;}
.minical_wrapper .headerbg .headertext,
.minical_wrapper .header2bg .header2text{font-size:1.5em;text-transform: uppercase;font-family: 'Roboto', sans-serif;font-weight:900;color:var(--primary-color);padding:0;}
.minical_wrapper .header2bg .header2text{font-size:1em;padding:0.8em 0 0.46em 0;color:var(--primary-color);font-family: 'Open Sans', sans-serif;text-align:center;}
.minical_wrapper tr.header2bg{border-top:none;}
.minical_wrapper tr.header2bg td{background-color:transparent;}
.minical_wrapper .alternatebg1{background-color:transparent;height:2em;width:2.5em;padding:0px 0 0px;color:#000;}
.minical_wrapper .alternatebg2{height:30px;padding:0;color:#000;width:2.5em; }
.minical_wrapper td.headerbg{color:#000;padding:0;height:2em;width:2.5em; }
.minical_wrapper .detail_minical{padding-bottom:0;}
.minical_wrapper .alternatebg1,
.minical_wrapper .alternatebg2,
.minical_wrapper .callink{color:#000 !important;font-weight:normal !important;font-size:1em;font-family: 'Open Sans', sans-serif; text-align:center;}
.minical_wrapper .callink{color:var(--primary-color) !important;}
.minical_wrapper .callink:hover{color:#7e7e7e !important;text-decoration:none !important; }
.minical_wrapper td.headerbg{height:2em;width:2.5em;background:var(--primary-color);color:#fff;font-size:1em;font-family: 'Open Sans', sans-serif;}
.minical_wrapper td.headerbg .headerlink{color:#fff !important;font-weight:normal !important;}
.minical_wrapper td.headerbg .headerlink:hover{color:var(--secondary-color) !important;font-weight:normal !important; }
.minical_wrapper .alternatebg1,
.minical_wrapper .alternatebg2{background-color:transparent;}

/***Calendar***/
.detail_calendar .headerbg, .detail_member_directory .headerbg,
.detail_lunchmenu .headerbg{background-color:var(--primary-color);border-color:var(--primary-color);}
.detail_calendar .headerbg a, .detail_member_directory .headerbg a,
.detail_lunchmenu .headerbg a{color:#ffffff;font-size:0.9em;text-transform:uppercase;font-weight:300;}
.detail_calendar .headerbg a:hover, .detail_member_directory .headerbg a:hover,
.detail_lunchmenu .headerbg a:hover{color:var(--secondary-color);text-decoration:none;}
.detail_calendar .headerbg a span.icon, .detail_member_directory .headerbg a span.icon,
.detail_lunchmenu .headerbg a span.icon{font-size:0.8em;padding:0 1em;}
.detail_calendar .headerbg .headertext, .detail_member_directory .headerbg .headertext,
.detail_lunchmenu .headerbg .headertext{font-family:'Roboto', sans-serif;font-weight:900;text-transform:uppercase;color:#fff;padding:0.4em 0;font-size:1.75em;line-height:1em; letter-spacing:0.1em;}
.detail_calendar .header2bg,
.detail_lunchmenu .header2bg{background:#3e3f3e;border-color:#3e3f3e;color:#fff;}
.detail_calendar .header2bg .header2text,
.detail_lunchmenu .header2bg .header2text{color:#fff;font-family: 'Roboto', sans-serif;padding:0.5em;text-align:left;font-size:1em;line-height:1em;text-transform:uppercase;font-weight:300;}
.detail_calendar .borderstyle {border: 1px solid #999;}
.detail_calendar div table table td table td{padding:0.1em 0.6em 0;font-weight:400;}
.detail_calendar a.callink{font-size:0.9em;line-height:1.1em;display:inline-block;padding:0.4em 0;font-family: 'Open Sans', sans-serif;}
.detail_calendar .calBottomBannerShell .headertext{display:none;}
.detail_calendar .calBottomBannerShell .headerlink{display:inline-block;padding:0.5em 0;}
.detail_calendar .calTopBannerShell select,
.detail_calendar .calTopBannerShell input[type="submit"]{height:auto!important;line-height:1em;padding:0;font-size:0.75em;}
.detail_calendar .caltblDate{width:100%;border-bottom:2em solid var(--primary-color);}
.detail_calendar .calYearShell .caltblDate,.detail_calendar .calMonthShell .caltblDate{border:none;}
.detail_calendar .caltblDate a.callink{width:95%;padding:0.75em 2.5%;font-size:1em;}
.detail_calendar .calDateToolsShell,.detail_calendar .caltblCat{text-transform:capitalize;}
.detail_calendar .calYearShell .header2bg .header2text{border-bottom:0.25em solid var(--primary-color);}
.today_highlight {background-color: #f5f4f4;}

/* Alternating row background colors */
.alternatebg1{background-color:#fdfdfd;}
.alternatebg2{background-color:#f0f0f0;}

/*Faculty List*/
.detail_facultylist .headerbg{background-color:var(--primary-color) !important;color:#fff;}
.detail_facultylist tr.headerbg .headertext,
.detail_facultylist tr.headerbg a.headerlink{color:#ffffff !important;padding:0.4em 0.25em;}
.detail_facultylist tr.headerbg a.headerlink:hover{color:var(--secondary-color) !important; }
.detail_facultylist form{margin-bottom:2em;}
.detail_facultylist form[name="search_results2"]{margin:2em 0 0;}
.detail_facultylist form input{padding:0 0.5em;}
.detail_facultylist .alternatebg1 td,.detail_facultylist .alternatebg2 td{padding:0.75em;}
.detail_facultylist .inside_bg td{padding:0 0;}
.detail_facultylist img{min-width:100px;padding-right:5%;}

/* headings (Example: Events Calendar -    Previous    Month, Year    Next     heading */
td.headerbg a.headerlink{color:#fff !important;text-decoration:none;}
td.headerbg a.headerlink:hover{color:var(--secondary-color) !important;text-decoration:none !important; }
a.header2link:link {text-decoration:none;color:var(--secondary-color);}
a.header2link:visited {text-decoration:none;color:var(--secondary-color);}
a.header2link:hover {text-decoration:underline;color:var(--secondary-color); }

/* Lunch Menu*/
.detail_lunchmenu .headerbg{background:var(--primary-color);}

/* used in Photo Gallery and Staff Profiles */
.borderstyle{border:1px solid #999;}
.inside_bg{background-color:transparent;padding:0px 0px 7px 0px!important;border:none;margin:0px;}
.inside_bg p{padding:0px 0px 12px 0px;margin:0px;}
.inside_bg p:last-child{padding-bottom:0px;}
.inside_page_bg{background-color:transparent;}
.inside_page_bg p.titletext{padding:10px 0px 0px 0px;}
.content_no_left{padding:0px;}
.below_left_nav{padding:10px 0px 10px 0px;}
.outside_border_bg{display:none;}
.top_border_bg{background-color:var(--primary-color);}
.inside_left_bar{background-color:var(--primary-color);}
.top_text_bg{background-color:var(--primary-color);color:#3e3f3e;}
.left_menu_column{background-color:transparent;}

a.event_description:link{text-decoration:none;}
a.event_description:visited{text-decoration:none;}
a.event_description:hover{text-decoration:none; }
table.minical {width:100%}
.redtext{color:#FF0000;font-weight:bold;}
.colorsquare{display:none;}

/* goolge search */
.detail_googlesearch input:first-child + input + input{padding:0px 5px 0px 5px !important;}

/*ada tools*/
#ada-tools a.ADA-icon{color:#000;}

/*responsive embeds*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
iframe,object,emed{margin-bottom:2.5em;}


/*slideshow */
#main #slideshowShell{display:inline-block;width:100%;min-width:100%!important;margin:0 auto;padding:0;background:#000;float:left;position:relative;z-index:0;overflow:hidden; }
#main #slideshowShell .main-slider{margin:0;padding:0;background:#000;width:100%;display:inline-block;position:relative;float:left;}
#main #slideshowShell .slide{width:100%;display:inline-block;float:left;position:relative;opacity:1;}
#main #slideshowShell .slide.active-slide,#main .main-slider .slide:nth-child(2){opacity:1!important;}
#main #slideshowShell .image-container{background-size:cover!important;background-position:center center!important;height:80vh;width:100%;display:inline-block;position:relative;float:left;}
#main #slideshowShell img{width:100%;max-width:100%;}
.slideShadow{width:100%;height:100%;position:absolute;left:0px;top:0px;background:url('custom/images/homepage/dip/img_dip_gradient.png') repeat-x bottom;z-index:3;}
#main #slideshowShell .bx-wrapper{margin:0!important;}
#main #slideshowShell .description {height: auto;margin: 0 auto;overflow: hidden;position: absolute;width: 40%; padding:0 30%; z-index:4; text-align:center; bottom:2.5em;left:0; }
#main #slideshowShell .description h2 {width:100%; color:#fff;font-family: 'Roboto', sans-serif; font-size:2.5em; font-weight:300; margin:0 auto 0.64em;line-height:1.28em;text-align:center;letter-spacing:0.085em;display:inline-block;}
#main #slideshowShell .description a {font-weight:400;color:var(--primary-color); font-family: 'Roboto', sans-serif;font-size:1.14em; text-decoration:none; text-align:center; margin:0 auto; background-color:var(--secondary-color); padding:0.7em 2.8em; text-transform:uppercase;transition: all 0.5s ease 0s; display:inline-block; }
#main #slideshowShell .description a:hover{ background-color:var(--primary-color); color:var(--secondary-color);transition: all 0.5s ease 0s;}
#main #slideshowShell h2.hover { color:#fff;}
.slideNav {padding:1.4em 0 0.7em;position:relative;z-index:2;width:100%; margin:0 auto; text-align:center;background:var(--primary-color);color:#fff;}
.slideNav a {position:absolute;display:block;background:transparent;text-indent:-9999px;overflow:hidden;transition: all 0.5s ease 0s;color:#fff;}
.slideNav a{width:15px;height:15px;background:#fff;color:#000;margin:0 5px 0 5px; position:relative; display:inline-block !important;}
.slideNav a:hover,
.slideNav a.active{color:#fff;background:var(--secondary-color);opacity:1;transition: all 0.5s ease 0s;}
#fixedBtn{font-family:'Open Sans',sans-serif;font-weight:800;text-transform:uppercase;font-size:1.15em;line-height:1.3em;display:inline-block;position:absolute;right:0;top:40%;max-width:10%;padding:1em 1.5% 1em 1.5%;color:#fff;
background:rgba(14,103,53,0.9) url(custom/images/homepage/dip/asset_btn_bg.png) right center no-repeat; background-size:auto 80%;}
#fixedBtn.enrollment,#fixedBtn.open_enrollment{background:rgba(14,103,53,0.9) url(custom/images/homepage/dip/asset_btn_bg_enroll.png) right center no-repeat; background-size:auto 80%;}
#fixedBtn.newsletters,#fixedBtn.newsletter{background:rgba(14,103,53,0.9) url(custom/images/homepage/dip/asset_btn_bg_newsletter.png) right center no-repeat; background-size:auto 100%;}
#fixedBtn:hover,#fixedBtn:focus{-moz-transform: scale(1.1) rotate(5deg);
-webkit-transform: scale(1.1) rotate(2.5deg);
-o-transform: scale(1.1) rotate(2.5deg);
-ms-transform: scale(1.1) rotate(2.5deg);
transform: scale(1.1) rotate(2.5deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
/*welcome*/
#main #mainContentShell #welcomeText{padding:0; margin:0 auto; width:100%;}
#main #mainContentShell #welcomeText h1{color: #fff;font-family: "Roboto",sans-serif;font-size:2.14em;font-weight: 300;letter-spacing:0.085em; margin: 0 auto; padding:0.7em 0 0; line-height:1.12em; text-align: center;width:50%;}
#main #maincontentShell{margin:2.6em auto;width:100%; position:relative; z-index:2; display:inline-block;float:left;}

/*announcements*/
#main #mainContentShell #announcementsShellOuter {margin:0 auto;overflow: hidden; padding:0 0 3.8em;position: relative;  display:inline-block;width:100%;float:left; text-align:center; }
#main #mainContentShell #announcementsShellOuter #announcementsShellimages {width:100%;margin:0 auto;overflow: hidden; padding:3em 0 0.6em; position: relative;display:inline-block; }
#main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell{margin:0 2.7%; display:inline-block; position:relative; width:19%;background-color:#fff;vertical-align:top;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;-ms-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
#main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell:hover{background:#ededed;}
#main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell .annImg{width:100%;display:inline-block;position:relative;float:left;}
#main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell img { height:190px; width:100%; overflow:hidden; }
#main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell h2{font-size:1.28em;line-height:1.44em;min-height:2.88em;text-align:center;color:#3e3f3e;font-family: 'Open Sans', sans-serif;width:85%;padding:1.4em 7.5%;display:inline-block;position:relative;}
#main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell:hover h2{color: var(--primary-color) !important;}
#main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell a{display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;}

/*events*/
#main #maincontentShell #eventsShell{float:left;overflow:hidden;width:30%;padding:0 5% 0 15%;display:inline-block;position:relative;}
#main #maincontentShell #eventsShell h2.title,
#main #maincontentShell #twitterShell h2{padding:0 0 0.5em;margin:0;font-size:2.14em; font-weight:300;font-family: 'Roboto', sans-serif;color:var(--primary-color);}
#main #maincontentShell #eventsShell #events,
#main #maincontentShell #eventsShell #events ul {margin:0;padding:0;display:inline-block;position:relative;width:100%;}
#main #maincontentShell #eventsShell #events #eventSection{width:100%;display:inline-block;position:relative;}
#main #maincontentShell #eventsShell #events .upcoming_events_above{margin:0;padding:0;display:inline-block;position:relative;float:left;width:100%;}
#main #maincontentShell #eventsShell #events .upcoming_events_above .eventWrapper{display:inline-block;width:100%;margin:0.35em 0 0.75em;}
#main #maincontentShell #eventsShell #events .dateBox { width:12%;float:left; margin-right:5%;display:inline-block;}
#main #maincontentShell #eventsShell #events .dateBox .month{font-family: 'Roboto',sans-serif; width:90%; text-align:center; padding:0.35em 5%; background-color:#3e3f3e; color:#fff; font-size:1.07em;line-height:1em; text-transform:uppercase; position:relative; float:left; text-align:center; display:inline-block;}
#main #maincontentShell #eventsShell #events .dateBox .day{font-family: 'Open Sans',sans-serif;display:inline-block; font-weight:600; width: 100%; letter-spacing:0; color:#fff; font-size:2.14em; line-height:1em; text-align:center; padding:0.35em 0; margin:0; position:relative; text-align:center;background-color:#5f5f5f; z-index:-1;}
#main #maincontentShell #eventsShell .bx-wrapper{margin:0!important;}
#main #maincontentShell #eventsShell #events .eventBox { float:left; position: relative; width:83%; display:inline-block;}
#main #maincontentShell #eventsShell #events .upcoming_events_date {width:95%;display:inline-block;color:#3e3f3e;padding:0.7em 5% 0 0;font-size:1em;font-family: 'Open Sans', sans-serif;line-height:1.5em; float:left;font-weight:400;}
#main #maincontentShell #eventsShell #events .upcoming_events_date a.eventsLink {color:#3e3f3e;padding:0;text-decoration:none;display:inline-block;float:left;overflow:hidden;text-decoration:none;width:100%;font-weight:400;}
#main #maincontentShell #eventsShell #events .upcoming_events_date{text-transform:capitalize;font-size:1em;font-family: 'Open Sans', sans-serif;color:var(--primary-color);line-height:1.35em;}
#main #maincontentShell #eventsShell #events .upcoming_events_time{color:#3e3f3e;font-size:1em;font-family: 'Open Sans', sans-serif;display:block;float:left;overflow:hidden; padding-right:0.5em; font-weight:600;}
#main #maincontentShell #eventsShell #events .upcoming_events_date:hover .upcoming_events_time{ color:var(--primary-color);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#main #maincontentShell #eventsShell #events .upcoming_events_date a.eventsLink:hover {color:var(--primary-color);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#main #maincontentShell #eventsShell #events .upcoming_events_event a:hover{text-decoration:none;color:var(--primary-color);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#main #maincontentShell #eventsShell #events .upcoming_events_bottom{padding-bottom:0px;}

/*read all*/
.readMore{text-align:right;float:right;font-size:1em; text-transform:uppercase;margin-top:1.5em;}
.readMore a span.icon{font-size:0.8em;margin-left:0.5em;}
#topicsMore.readMore{margin-top:0;}
#topicsMore.readMore a{color:#fff;}
#topicsMore.readMore a:hover,#topicsMore.readMore a:focus{color:var(--secondary-color);}

/*twitter*/
#main #maincontentShell #twitterShell{width:30%;float:right;overflow:hidden;letter-spacing:0;padding:0 15% 0 5%;margin:0;display:inline-block}
#twitterSection{width:100%;display:inline-block;position:relative;margin:0;padding:0;}
#twitterSection .bx-wrapper{margin:0!important;}

/*facebook*/
#twitter-feed{width:100%;display:inline-block;position:relative}
#twitter-feed ul{margin:0;padding:0;list-style:none;}
#twitter-feed ul li.facebook-article { width: 85%;padding:0.25em 15% 1.5em 0; display: inline-block !important; position: relative; }
#twitter-feed ul li.facebook-article .image {width:130px;float:left;height:100%; display:inline-block;margin-right:4%;}
#twitter-feed ul li.facebook-article .image img{max-width:100%;}
#twitter-feed ul li.facebook-article .text { width:100%;display: inline-block; vertical-align: top; padding: 0; }
#twitter-feed ul li.facebook-article .text.wImg{width: calc(95% - 130px);}
#twitter-feed ul li.facebook-article .text p,#twitter-feed ul li.facebook-article .text .fbDetails{font-size:1em;font-weight:400;line-height:1.6em;padding:0;}
#twitter-feed ul li.facebook-article .text p{font-family:'Roboto',sans-serif;font-size:1.2em;}
#twitter-feed ul li.facebook-article .text .fbDetails img{display:inline; margin-right:0.5em;vertical-align:middle;}
#twitter-feed ul li.facebook-article .text .fbDetails{display:inline-block;margin-bottom:0.35em;width:100%;font-size:0.7em;color:#000;text-transform:uppercase;letter-spacing:0.2em;}
#twitter-feed ul li.facebook-article .btn { font-size:0.8em; line-height:1em; text-align: center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
#twitter-feed ul li.facebook-article .btn span { font-size:1.5em;line-height:0.8em;display:inline-block;padding-left:0.25em;}
#twitter-feed ul li.facebook-article { position: relative; }

/* for new feed */
/*facebook*/
/*
#cmsFacebookFeedSlider{width:100%;display:inline-block;position:relative;}
#cmsFacebookFeedSlider ul.cmsFacebookFeed{margin:0;padding:0;list-style:none;}
#cmsFacebookFeedSlider ul.cmsFacebookFeed li.facebook-articleNew { width: 85%;padding:0.25em 15% 1.5em 0; display: inline-block !important; position: relative; }
#cmsFacebookFeedSlider ul.cmsFacebookFeed li.facebook-articleNew .image {width:130px;float:left;height:100%; display:inline-block;margin-right:4%;}
#cmsFacebookFeedSlider ul.cmsFacebookFeed li.facebook-articleNew .image img{max-width:100%;}
#cmsFacebookFeedSlider ul.cmsFacebookFeed li.facebook-articleNew .text { width:100%;display: inline-block; vertical-align: top; padding: 0; }
#cmsFacebookFeedSlider ul.cmsFacebookFeed li.facebook-articleNew .text.wImg{width: calc(95% - 130px);}
#cmsFacebookFeedSlider ul.cmsFacebookFeed li.facebook-articleNew .text p,#twitter-feed ul li.facebook-article .text .fbDetails{font-size:1em;font-weight:400;line-height:1.6em;padding:0;}
#cmsFacebookFeedSlider ul.cmsFacebookFeed li.facebook-articleNew .text p{font-family:'Roboto',sans-serif;font-size:1.2em;}
#cmsFacebookFeedSlider ul.cmsFacebookFeed li.facebook-articleNew .text .fbDetails img{display:inline; margin-right:0.5em;vertical-align:middle;}
#cmsFacebookFeedSlider ul.cmsFacebookFeed li.facebook-articleNew .text .fbDetails{display:inline-block;margin-bottom:0.35em;width:100%;font-size:0.7em;color:#000;text-transform:uppercase;letter-spacing:0.2em;}
#cmsFacebookFeedSlider ul.cmsFacebookFeed li.facebook-articleNew .button { font-size:0.8em; line-height:1em; text-align: center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
#cmsFacebookFeedSlider ul.cmsFacebookFeed li.facebook-articleNew .button span { font-size:1.5em;line-height:0.8em;display:inline-block;padding-left:0.25em;}
#cmsFacebookFeedSlider ul.cmsFacebookFeed li.facebook-articleNew { position: relative; }
*/
/*hot topics*/
#main #hotTopicsShell{float:left;padding:0 0 2.14em;position:relative;margin:0;width:100%;height:auto;background:var(--primary-color);color:#fff;float:left;}
#main #hotTopicsShell h2.title{padding:1.14em 10%;margin:0;width:80%;display:inline-block;font-size:2.14em;line-height:1em; font-weight:300;font-family: 'Roboto', sans-serif;color:#fff;}
#topicsMore {position:absolute; top: 2.85em; right:10%; display:inline-block;}
#topicsMore ul {margin:0;padding:0;list-style:none;}
#main #hotTopicsShell #topicsMore ul li:first-child { padding-top:0px; float:right; color:#fff; font-size:15px; text-decoration:none; list-style:none; position:relative;}
#main #hotTopicsShell #topicsMore ul li:first-child:hover { color:var(--secondary-color);}
#main #hotTopicsShell #topicsMore ul li:first-child a { color:#fff; position:relative; z-index:1; text-decoration:none; font-weight:300; letter-spacing:0;}
#main #hotTopicsShell #topicsMore ul li:first-child a:hover { color:var(--secondary-color);}

#main #hotTopicsShell #hotTopicsItems{clear:both;margin: 0 auto;position:relative;text-align:center;width:100%;display:inline-block;float:left;-webkit-box-shadow: 0 2px 5px 0 rgba(22,22,22,0.25);
    box-shadow: 0 2px 5px 0 rgba(22,22,22,0.25)}
#main #hotTopicsShell #hotTopicsItems .announcementsItem{background: url(custom/images/homepage/hot_topics/asset_announcement.png) center center no-repeat; background-size:cover;
	margin:0;float:left;overflow:hidden;position:relative;width:33.3%;display:inline-block;}
#main #hotTopicsShell .announcementsItem .annContent{width:100%;position:absolute;top:0;left:0;width:100%;height:100%;
-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;-ms-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;
background:url('custom/images/homepage/hot_topics/hot_topics_photos_03.png') repeat-x bottom;}
#main #hotTopicsShell .announcementsItem .annContent:hover{background:url('custom/images/homepage/hot_topics/img_hot_topic_over.png') 0 0 repeat;}
#main #hottopicsShell .announcementsItem .annContent .linkOverlay{color:#fff;display:inline-block;width:100%;height:100%;position:absolute;left:0;top:0;}
#main #hotTopicsShell .announcementsItem .annDescription{height:auto;overflow:hidden;position:absolute;bottom:2em;width:90%;padding:0 5%;text-align:center;
-webkit-transition: height 0.3s ease-in-out;-moz-transition: height 0.3s ease-in-out;-ms-transition: height 0.3s ease-in-out;-o-transition: height 0.3s ease-in-out;transition: height 0.3s ease-in-out;}
#main #hotTopicsShell .announcementsItem .annDescription h3{color:#fff;font-family:'Roboto',sans-serif;font-size:1.6em;line-height:1.25em;text-transform:uppercase;font-weight:300;}
#main #hotTopicsShell .announcementsItem .annDescription .annDescMore{height:0;overflow:hidden;width:100%;display:inline-block;position:relative;
-webkit-transition: height 0.3s ease-in-out;-moz-transition: height 0.3s ease-in-out;-ms-transition: height 0.3s ease-in-out;-o-transition: height 0.3s ease-in-out;transition: height 0.3s ease-in-out;}
#main #hotTopicsShell .announcementsItem .annDescription p{padding:0;margin:0.25em 0 1.5em;font-family: 'Open Sans', sans-serif;font-size:1em;color:#fff;}
#main #hotTopicsShell .announcementsItem .annDescription a.annMore{padding-right:1em;text-transform:uppercase;margin-top:1.5em;display:inline-block;font-family:'Roboto',sans-serif;font-size:1.28em;line-height:1em;font-weight:400;color:#fff;}
#main #hotTopicsShell .announcementsItem .annDescription a.annMore:hover{color:var(--secondary-color);}
#main #hotTopicsShell .announcementsItem:hover .annDescription .annDescMore{height:auto;}
#main #hotTopicsShell .announcementsItem:hover{cursor:pointer;}
#main #hotTopicsShell .announcementsItem .annDescription a.annMore span.icon{font-size:0.85em; display:inline-block;margin-left:0.5em;}

/*footer */
#main #footerShellOuter{width:100%;margin:0 auto;padding:0;overflow:hidden;position:relative;border-top:5px solid var(--secondary-color);background:#fffefe;}
#main #footerShell{margin:0 auto;width:100%;padding:0;position:relative;}
#main #footerShell #footerContent{float:left;display:inline-block;width:100%;margin:0 auto;padding:1.42em 0;font-size:1.07em;color:#fff;font-family: 'Roboto', sans-serif;background: rgb(204,248,223);
background: -moz-linear-gradient(top, rgba(204,248,223,1) 0%, rgba(255,254,254,1) 87%);
background: -webkit-linear-gradient(top, rgba(204,248,223,1) 0%,rgba(255,254,254,1) 87%);
background: linear-gradient(to bottom, rgba(204,248,223,1) 0%,rgba(255,254,254,1) 87%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf8df', endColorstr='#fffefe',GradientType=0 );}
#main #footerShell #footerContent ul{padding:0;margin:0;list-style-type:none;float:none;}
#main #footerShell #footerContent #footerAdrress{width:50%;font-family: 'Open Sans', sans-serif;font-size:1em;padding:0 0 2.35em;overflow:hidden;position:relative;letter-spacing:0;float:left;text-align:left;}
#main #footerShell #footerContent #footerAdrress ul li{font-size:1.15em;width:100%;color: #3e3f3e; display:inline-block;font-family: "Open Sans",sans-serif;margin:0 0.5em 0 0; padding:0 0 0.15em;position: relative;}
#main #footerShell #footerContent #footerAdrress ul li h2{color:var(--primary-color); font-weight:700; font-size:1.375em;font-family: 'Roboto', sans-serif;padding-bottom:0.35em; text-transform:uppercase; display:inline-block; background:none;}
#main #footerShell #footerContent #footerAdrress ul li:nth-child(2){padding-bottom:0.5em;}
#main #footerShell #footerContent #footerAdrress ul li:last-child { background:none; padding-right:0;}
#main #footerShell #footerContent #footerMascot{height:auto;position:relative;right:0;top:0;width:12.5%;float:right;}
#footerUtility{position:relative;float:right;margin:0 2.5% 0 0;display:inline-block;}
#footerUtility ul{margin:0;padding:0;list-style:none;width:100%;display:inline-block;}
#footerUtility ul li{display:inline-block;}
#footerUtility ul li a{font-size:1.9em;line-height:1em;color:var(--primary-color);padding:0.15em 0.5em;}
#footerUtility ul li a:hover{color:#3e3f3e;}
#footerUtility ul li a span.title{color:#3e3f3e;font-size:0.5em;font-weight:700;vertical-align:top;}
#footerUtility ul li:last-child{border-left:1px solid #3e3f3e;}
#footerUtility ul li:last-child a span.icon{font-size:0.9em;}

#main #footerShell #copyright{-webkit-box-shadow:inset 0 8px 8px 0 rgba(0,0,0,0.5);
box-shadow:inset 0 8px 8px 0 rgba(0,0,0,0.5);width:100%;float:left;font-family: 'Open Sans', sans-serif;font-size:0.85em;padding:1.42em 0;text-align:center;background-color:#3e3f3e; color:#fff;}
#main #footerShell #copyright span { position:relative; display:inline-block;}
#main #footerShell .copyrightLinks {float:left;position:relative; margin:0 auto; text-align:left; display:inline-block;float:left;}
#main #footerShell .copyrightLinks ul { position:relative; display:inline-block; padding:0 0 0 0.25em; margin:0; list-style:none;}
#main #footerShell .copyrightLinks ul li.disclaimers { list-style:none;}
#main #footerShell .copyrightLinks ul li a{color:#fff;}
#main #footerShell .copyrightLinks ul li a:hover,#main #footerShell .copyrightLinks ul li a:focus{color:#f2f2f2;}
#main #footerShell #CMS4SchoolsLogo{margin:0 2.5em 0 0; z-index:1; position: relative;float:right; display:inline-block;}
#main #footerShell #CMS4SchoolsLogo img{padding:0.5em 0;}


#translate{display:none;width:90%;padding:0 5%;position:fixed;top:0;left:0;height:100%;z-index: 999999;background: rgba(255,255,255,0.9);}
#translate .translateMid{display: inline-block;width:90%;position: absolute;top: 40%;}
a.translateClose{z-index:2;display:inline-block;position:absolute;right:5%;top:0;background:var(--primary-color);color:#fff;padding:0.75em;font-size:1.75em;}
a.translateClose:hover{text-decoration:none;background:#3e3f3e;color:#fff;}
#translate #google_translate_element{width:100%;display:inline-block;color:#3e3f3e;}
#translate #google_translate_element .goog-te-gadget:last-child{display:none;}
#translate #google_translate_element .goog-te-gadget .goog-te-combo:last-child{display:none;}
#translate #google_translate_element .goog-te-gadget .goog-te-combo{width:100%;font-family:'Open Sans',sans-serif;font-weight:700;font-size:2.25em;padding:0.5em 0;}
.goog-te-gadget,.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active{font-family:'Open Sans',sans-serif;color:#3e3f3e!important;}

.search{display:none;width:90%;padding:0 5%;position:fixed;top:0;left:0;height:100%;z-index:999999;background:rgba(255,255,255,0.9);}
.search form{display:inline-block;width:90%;position:absolute;top:40%;}
.search form fieldset{border:none;margin:0;padding:0;}
.search input[type="text"] {float: left;width:80%; padding: 1em 0 0.5em; font-size: 2em; color:#3e3f3e; font-style:italic; font-weight:500; border:none;border-bottom:2px solid #3e3f3e; background:transparent;}
.search input[type="submit"]{font-family:"Roboto",sans-serif;font-weight:500;width:18%;padding:0.5em 2.5%;height:3em;background:var(--secondary-color);color:var(--primary-color);position:absolute;bottom:0;right:0;border:none;cursor:pointer;text-transform:uppercase;}
.search input[type="submit"]:hover{background:var(--primary-color);color:var(--secondary-color);}
a.searchClose{font-size:1.75em;z-index:2;display:inline-block;position:absolute;right:5%;top:0;background:#3e3f3e;color:#fff;padding:0.75em;}
a.searchClose:hover{text-decoration:none;background:var(--primary-color);}

/* HS News Carousel - added on 8-10-23 by WA */
.news_item_image_container{ overflow: hidden; width: 100%; margin-bottom: 1rem; height: 250px;}
.news_item_image_container img{ width: 100%; height: 100%; object-fit: contain; object-position: center;}

#hs_news_nav{ position: relative; display: flex; justify-content: right; margin-bottom: 1rem;}
#hs_news_nav .slick-prev, #hs_news_nav .slick-next{ position: relative; left: auto; top: auto; display: inline-block; transform: none; right: 0; margin: 10px;}
#hs_news_nav .slick-prev:before, #hs_news_nav .slick-next:before{ color: #000;}

/*
 * CSS Styles to overwrite the bxSlider Defaults
 */
.bx-wrapper .bx-controls-direction{display:none;}
.bx-wrapper .bx-viewport{background:none!important;}
.bx-wrapper{overflow:visible!important;padding:0!important;}
.bx-wrapper .bx-pager{right:-3%!important;}
.bx-wrapper .bx-pager.bx-default-pager a{color:#fff!important;border-radius:0!important;background:#3e3f3e!important;width:16px!important;height:16px!important;margin:0 0 0.5em!important;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{color:#fff!important;background:var(--primary-color)!important;}
ul.bxslider{margin:0!important; padding:0!important;}
ul.bxslider ul li{width:85%;}
@media only screen and (max-width:1500px){
	#fixedBtn{font-size:1em;max-width:13%;}
}
@media only screen and (max-width:1400px){
	#main #landingMain #landingMainImage { width:70%; margin:0 15%;}
}
@media only screen and (max-width:1200px){
	.wrapper{width:95%;}

	#maincontentShell .bx-wrapper .bx-pager{right:-2.5em!important;}
	#main #maincontentShell #eventsShell,#main #maincontentShell #twitterShell{padding:0 5%;width:40%;}
}
@media only screen and (max-width:1024px){
	#main #mainContentShell #sidebar,
	#main #mainContentShell #sidebar:after,
	#main.wLeft #mainContentShell #mainContentInner:after{display:none;}
	.middleColumn.wLeft{width:100%;}
	.middle_when_no_right_side_bar, .no_right_side_bar_right_padding{width:90%;}
	.no_right_side_bar_right_padding .middle_when_no_right_side_bar{width:100%;}
	.middle_when_right_side_bar{width:62%;}
	#sidebar_content{width:33%;}
	div.figure{width:100%!important;}
	#pageTitle h1{font-size:1.8em;}
	#main #landingMain.landing-page #pageTitle h1, #main #landingMain #mainImage #pageTitle h1{font-size:3em;}
	#landingMain .slideNav{background:var(--primary-color);position:relative;display:inline-block;right:auto;bottom:auto;padding:0.75em 2.5% 0.75em 0;width:97.5%;}
	#landingMain .slideNav li button{background:#fff;color:var(--primary-color);}
	#landingMain .slideNav li button:hover,#landingMain .slideNav li button:focus,#landingMain .slideNav li.slick-active button{background:var(--secondary-color);color:var(--primary-color);}
	#main #landingMain.landing-page #pageTitle{bottom:1.9em;}

	#fixedBtn{font-size:.0.9em;max-width:15%;}
	#main #maincontentShell #eventsShell h2.title, #main #maincontentShell #twitterShell h2{font-size:1.9em;}
}
@media only screen and (max-width:980px){
	#main #mainContentShell #welcomeText h1{width:62%;}
	#main #landingMain #landingMainImage { width:90%; margin:0 5%;}

	#main #footerShell #footerContent #footerAdrress{width:100%;text-align:center;padding:0 0 1.25em;}
	#footerUtility{width:100%;margin:0;text-align:center;}
	#main #footerShell #footerContent #footerMascot{margin:0 auto 1.25em;display:block;float:none;right:auto;top:auto;}

	#fixedBtn{top:30%;font-size:0.85em;max-width:20%;}
	#main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell{margin:0 1.5%;width:20.2%;}
}
@media only screen and (max-width:850px){
	#main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell{width:44%;margin-bottom:1.5em;}
	#main #maincontentShell #eventsShell,#main #maincontentShell #twitterShell{width:80%;padding:0 10% 1.5em;}
	#main #hotTopicsShell .announcementsItem .annDescription p{margin-bottom:0.5em;}
	#main #hotTopicsShell .announcementsItem .annDescription a.annMore{margin-top:0.5em;}

	#main #landingMain.landing-page #pageTitle h1, #main #landingMain #mainImage #pageTitle h1{font-size:3em;}
	#mainImage .slideShadow{background-size: auto 50%;}
}
@media only screen and (max-width:750px){
	#main #headerShell #logo{width:50%;}
	#main #headerShell #utilNav{position:fixed;padding:0.5em 2.5% 0.25em;width:95%;text-align:center;top:auto;bottom:0;background:rgba(255,255,255,0.95);border-top:5px solid var(--primary-color);}
	#main #headerShell #utilNav ul{text-align:center;}
	#main #headerShell #utilNav ul li a{display:inline-block;}
	#main .fixed #headerShell #utilNav{border:none;padding:0;}

	#pageTitle h1{font-size:1.5em;}
	#main #landingMain.landing-page #pageTitle h1, #main #landingMain #mainImage #pageTitle h1{font-size:2em;}

	#main #slideshowShell .description{width:60%;padding:0 20%;}
	#main #slideshowShell .description h2{font-size:2.25em;}
	#main #mainContentShell #welcomeText h1{width:80%;}
	#main #hotTopicsShell #hotTopicsItems .announcementsItem{width:100%;}
	#main #hotTopicsShell .announcementsItem .annDescription .annDescMore{height:auto!important;}
	#main #hotTopicsShell .announcementsItem .annContent{background: url(custom/images/homepage/hot_topics/img_hot_topic_over.png) 0 0 repeat;}
	#main #hotTopicsShell .announcementsItem .annDescription{font-size:1.7em;}
	#main #hotTopicsShell .announcementsItem .annDescription a.annMore,
	#main #hotTopicsShell .announcementsItem .annDescription a.annMore:hover{background-position:right center;}
	#fixedBtn{top:auto;bottom:20%}

	.detail_facultylist{width:80%;margin:0 20%;}
	.detail_facultylist div{font-size:85%;}
	.detail_facultylist img{min-width:60px;}
}
@media only screen and (max-width:680px){
	#main #headerShellOuter.landing{position:relative;top:auto;left:auto;}
	#main #headerShell #logo{width:70%;}

	.middle_when_right_side_bar{width:100%;display:inline-block;min-height:0;}
	#sidebar_content{width:90%;margin-left:5%;display:inline-block;}
	.main_body_size{display:inline-block;}

	#main #slideshowShell .description{width:80%;padding:0 10%;}
	#main #slideshowShell .description h2{font-size:1.9em;}

	#main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell{width:80%;margin:0 10% 1.5em;padding:0;}

	.detail_facultylist{font-size:80%;}
}

@media only screen and (max-width:600px){
	#main #mainContentShell #welcomeText h1{width:90%;}
	#fixedBtn{bottom:auto;right:auto;position:relative;width:97%;max-width:100%;text-align:center;}
	#fixedBtn:hover,#fixedBtn:focus{-webkit-transform: scale(1.1) rotate(0deg);
	-o-transform: scale(1.1) rotate(0deg);
	-ms-transform: scale(1.1) rotate(0deg);
	transform: scale(1.1) rotate(0deg);}

	.detail_facultylist{font-size:70%;}
}
@media only screen and (max-width:550px){
	#main #mainContentShell #welcomeText h1{font-size:1.5em;}
	#main #hotTopicsShell h2.title{text-align:center;padding-bottom:0.5em}
	#topicsMore{position: relative;top: auto;right: auto;width: 90%;padding: 0.25em 5% 0.5em;text-align: center;}

	.search input[type="text"]{width:100%;}
	.search input[type="submit"]{width:100%;margin:0.5em 0;position:relative;bottom:auto;right:auto;}
	#main #footerShell .copyrightLinks{width:100%;}
	#main #footerShell #CMS4SchoolsLogo{float:none;margin:0 auto;}
	#main #footerShell #footerContent #footerMascot{width:20%;}

	.detail_facultylist div{font-size:100%;}
	.detail_facultylist{font-size:60%;}
}
@media only screen and (max-width:500px){
	#main #landingMain #landingMainImage{width:100%;padding:0;margin:0;}
	#main #landingMain #pageTitle{position:relative;width:100%;margin:1em 0 0;text-align:center;}
	#main #landingMain #mainImage, #main #landingMain .imageDip{width:100%;}

	#main #headerShell #utilNav ul li a{font-size:1.5em;display:inline-block;padding:0.5em 0.5em;}
	#main #headerShell #utilNav ul li#translateBtn:before{top:0.35em;}
}
@media only screen and (max-width:480px){
	#main #headerShell #logo{width:95%;margin:0 2.5%;}
	header.fixed, header.landing-page.fixed.wEmergency{position:relative!important;}
	#main #footerShell #footerContent #footerAdrress ul li{font-size:1em;}
	#main #landingMain.landing-page #pageTitle h1, #main #landingMain #mainImage #pageTitle h1{font-size:1.8em;}
	#main #landingMain.landing-page #pageTitle, #main #landingMain #mainImage #pageTitle{position:relative;bottom:auto;left:auto;background:var(--primary-color);margin:0;}
	#main #landingMain.landing-page #pageTitle h1, #main #landingMain #mainImage #pageTitle h1{text-shadow:none;}

	#main #slideshowShell .slide.wDescription:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.15)}
	#main #slideshowShell .description{width:90%;padding:0 5%;bottom:1.5em;}
	#main #slideshowShell .description h2{font-size:1.5em;text-shadow: 1px 1px 10px #000000;}
	#main #slideshowShell .description a{font-size:0.8em;}
	.slideShadow{background:none;}
	#main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell{width:100%;margin:0 0 1.5em;padding:0;}
	#main #maincontentShell #eventsShell h2.title, #main #maincontentShell #twitterShell h2{width:100%;text-align:center;font-size:1.7em;}
	#main #maincontentShell #twitterShell #newsViewAll, #main #maincontentShell #eventsShell #events #eventsMore{position:relative;top:auto;right:auto;width:100%;text-align:center;margin-bottom:0.75em;}
	#main #maincontentShell #twitterShell #newsViewAll, #main #maincontentShell #eventsShell #events #eventsMore ul li a{float:none;}
	#maincontentShell .bx-wrapper .bx-pager{position:relative;right:auto!important;top:auto;text-align:left;width:100%;}
	#maincontentShell .bx-wrapper .bx-pager.bx-default-pager a{margin-right:1.5em!important;}
	#main #hotTopicsShell .announcementsItem .annDescription{font-size:1.25em;}
	#main #maincontentShell #eventsShell #events .dateBox{width:20%;}
	#main #maincontentShell #eventsShell #events .eventBox{width:75%;}
	#twitter-feed ul li.facebook-article{text-align:center;}
	#twitter-feed ul li.facebook-article .image{width:100%;margin:0;text-align:center;height:auto;}
	#twitter-feed ul li.facebook-article .image img{display:inline-block;}
	#twitter-feed ul li.facebook-article .text{text-align:center;}
	#twitter-feed ul li.facebook-article .text.wImg{width:100%;}

	.detail_facultylist{font-size:50%;}
	.detail_facultylist img{min-width:30px;}
}
@media only screen and (max-width:450px){
	#main #headerShell #utilNav ul{text-align:left;}
	#main #headerShell #utilNav ul li{width:13%;}
	#main #headerShell #utilNav ul li#translateBtn,
	#main #headerShell #utilNav ul li#searchButton{margin:0;padding:0;width:40%;text-align:left;}
	#main #headerShell #utilNav ul li#translateBtn:before,
	#main #headerShell #utilNav ul li#searchButton:before{content:'';position:absolute;width:115%;left:0;top:0;height:2px;background:var(--primary-color);}
	#main #headerShell #utilNav ul li#translateBtn .visuallyhidden,
	#main #headerShell #utilNav ul li#searchButton .visuallyhidden{clip:unset;height:auto;width:auto;margin:0;top:50%; transform:translate(0,-50%);-webit-transform:translate(0,-50%);left:3.5em;font-size:0.5em;}
}
@media only screen and (max-width:420px){
	.detail_facultylist{font-size:40%;}
	.detail_facultylist img{min-width:25px;}
}
@media only screen and (max-width:380px){
	.detail_facultylist{font-size:35%;}
	.detail_facultylist img{min-width:20px;}
	.detail_facultylist .alternatebg1 td, .detail_facultylist .alternatebg2 td{padding:0.25em;max-width: calc(16.5% - 0.5em)!important;width: calc(16.5% - 0.5em)!important;}

	#main #landingMain.landing-page #pageTitle h1, #main #landingMain #mainImage #pageTitle h1{font-size:1.4em;}
}
@media only screen and (max-width:350px){
	#main #headerShell #logo img{max-width:100%;width:100%;}
	#pageTitle h1{font-size:1.2em;}

	#main #slideshowShell .description{bottom:0.5em;}
	#main #slideshowShell .description h2{font-size:1.25em;}
	#main #slideshowShell .description a{font-size:0.6em;}
	#main #mainContentShell #welcomeText h1{font-size:1.25em;}
	#main #hotTopicsShell .announcementsItem .annDescription{font-size:1em;}
	#main #landingMain #mainImage, #main #landingMain .imageDip{height:8em;}


}