html,body{height:100%;}
body{margin:0;padding:0;background:rgb(255,255,255);font-family: 'Nobile', sans-serif;font-weight:400;font-size:150%;line-height:1.6em;color:rgb(0,0,0);}
table,td,tr{font-family: 'Nobile', sans-serif;font-size:1em;line-height:2.1em;color:rgb(0,0,0);}
input,textarea,select{font-size:1em;line-height:2.1em;font-family: 'Nobile', sans-serif;}
img,div.figure{border:none; max-width:100%; height:auto;}
.cf{float:none;clear:both;}
input{-webkit-border-radius:0;}

a{ font-weight:700;transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; }
a:link {text-decoration:none; color:rgb(137,37,25);outline:none; /*-webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;*/}
a:visited {text-decoration:none;color:rgb(137,37,25);outline:none;}
a:hover,a:focus {text-decoration:none;color:rgb(36,73,128); }
.main_body_size a, a{text-decoration:none; color:rgb(137,37,25);}
.main_body_size a:hover,.main_body_size a:focus{text-decoration:underline;color:rgb(36,73,128);}


h1,h2,h3,h4,h5,h6{margin:0;padding:0 0 0.2em;background:transparent none;text-transform:none;font-weight:normal;line-height:1.2em;font-weight:400;letter-spacing:0;}
h1{font-family: 'Josefin Sans', sans-serif;font-size:2.6em;color:rgb(36,73,128);font-weight:600;}
h2{font-family: 'Josefin Sans', sans-serif;font-size:2em;color:rgb(137,37,25);font-weight:700;}
h3{font-size:1.6em;color:rgb(36,73,128);font-weight:500;}
h4{font-size:1.5em;color:rgb(53,53,53);font-style:italic;}
h5{font-family: 'Josefin Sans', sans-serif;font-size:1.2em;color:rgb(0,0,0);font-weight:700;}
h6{font-family: 'Josefin Sans', sans-serif;font-size:1em;color:rgb(36,73,128);}
blockquote{width:85%;display:inline-block; margin:1em 5% 2em; padding:0 0 0 5% ; position: relative; }
blockquote:before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:rgb(137,37,2);}
blockquote p, blockquote div{ font-family: 'Nobile', sans-serif; font-size:1em; font-style:italic;padding:0;color:rgb(36,73,128);font-weight:500; line-height: 2.1em; letter-spacing: 0.04em;}
p{font-weight:400;padding:0 0 2em;margin:0;font-size:1em;line-height:2.1em;color:rgb(0,0,0);}
.main_body_size ol, .main_body_size ul{display:block; margin:0 0 0.75em 5%;padding:0 0 0 5%;width:90%;max-width:90%;}
hr{border:none;background:rgb(137,37,2);height:2px; margin:0 0 0.75em;}

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

.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;}

/***PAGE LAYOUT***/
.wrapper{float:left;margin:0; padding:0 4.5em; max-width:100%; width: calc(100% - 9em); display:inline-block;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;}
#main{float:left;width:100%;margin:auto;padding:0;padding:0;overflow:hidden;min-width:100%;position:relative;display:inline-block;}

/***HEADER***/
header { width: 100%; float: left; z-index:10000; position:absolute; left:0; top: 0; }
header.wEmergency{position:relative;}
#headerTop { width: 100%; position: relative;z-index:1; float: left; background: rgba(0,0,0,0.45); position: absolute; box-shadow: 0px 0px 4px rgba(0,0,0,0.9); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.9); -ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.9); }
#headerTop.wSchool{box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;}
#logo { float: left; text-align: center; position:absolute;display:inline-block;width:25%;height:100%}
#logo img { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); max-height:64%;max-width:90% }
#districtLogo { position: relative; width: 50%; height: 100%; float: left; background:rgb(255,255,255); }
#schoolLogo { position: relative; width: 50%; height: 100%; float: left; background: rgba(255,255,255,0.65); }  
#schoolLogo:after { width:0; height:0; content:''; border: 17px solid transparent; border-top-width: 8px; border-top-color:rgb(0,0,0); position:absolute; left:50%; top:100%; margin: 0 0 0 -17px; }
#schoolLogo img { max-height:64%; max-width:90%; }  
#headerBtm {height:auto;position:absolute; top:4.98em; width: 100%; float: left; background: rgba(255,255,255,0.79);  font-family: 'Josefin Sans', sans-serif;
box-shadow: 0px 0px 4px rgba(0,0,0,0.9);-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.9);-ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.9);}

header.fixed { border-top: 3.5px solid rgb(137,37,25); box-shadow: 0px 4px 4px rgba(0,0,0,0.4); position: fixed; -webkit-animation:stickyhead ease-in-out 0.4s 0.1s both;-moz-animation:stickyhead ease-in-out 0.4s 0.1s both;animation:stickyhead ease-in-out 0.4s 0.1s both; }
header.fixed #headerTop { background:rgb(255,255,255); }
header.fixed #headerBtm{top:3.45em;}

.search{display:none;width:90%;padding:0 5%;position:fixed;top:0;left:0;height:100%;z-index:999999;background:rgba(137,37,25,0.93);}
.search form{display:inline-block;width:90%;position:absolute;top:40%;}
.search input[type="text"] {float: left;width:calc(100% - 4em); padding: 1em 0 0.5em; font-size: 2em; color:rgb(255,255,255); font-style:italic; font-weight:600; border:none;border-bottom:2px solid rgb(255,255,255); background:transparent;}
.search input[type="submit"]{width:4em; height:4em;text-indent:-9999px;background:url(custom/images/general/asset_search.png) 0 0 no-repeat;background-size:100% 100%;position:absolute;bottom:0;right:0;border:none;cursor:pointer;}
.search input[type="submit"]:hover,.search input[type="submit"]:focus{background:url(custom/images/general/asset_search_hover.png) 0 0 no-repeat;background-size:100% 100%;}
a.searchClose{z-index:2;display:inline-block;position:absolute;right:5%;top:0;background:rgb(137,37,25);color:rgb(255,255,255)padding:0.75em;}
a.searchClose:hover,a.searchClose:focus{text-decoration:none;background:rgb(255,255,255);color:rgb(137,37,25);}

/* utilityNav */
#utilityNav {float:left;overflow:hidden; position:fixed; direction:rtl; right: 0; top:60%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); font-family: 'Josefin Sans', sans-serif; z-index:9999;}
#utilityNav ul {float:left;margin:0;padding:0;list-style:none;position:relative;display:inline-block;}
#utilityNav li {block-size:auto; display:block; position:relative;text-transform: capitalize; letter-spacing: 0.05em;margin-bottom:1px;
-webkit-transition: width 0.2s ease-out;-moz-transition: width 0.2s ease-out;-ms-transition: width 0.2s ease-out;-o-transition: width 0.2s ease-out;transition: width 0.2s ease-out;}
#utilityNav.landing li{margin-bottom:-0.52em;}
#utilityNav li a {font-size:1.75em; padding:0.35em 0.5em;font-family:'Nobile',sans-serif;font-weight:600;color:rgb(255,255,255);background-color:rgba(137,37,25,0.85); display: inline-block;}
#utilityNav li a:hover,#utilityNav li a:focus {background-color:rgb(36,73,128)!important;}
#utilityNav li a span.icon{line-height:1em;overflow:hidden;position:relative;left:0;top:0;float:left;color:rgb(255,255,255);display:block;}
#utilityNav li a .title{font-family:'Nobile',sans-serif;padding:0.25em 0 0;font-weight:400;font-size:0.6em;font-style:italic;display:block;float:left;vertical-align: middle;height:0;width:0;overflow:hidden;-webkit-transition: width 0.2s ease-out;-moz-transition: width 0.2s ease-out;-ms-transition: width 0.2s ease-out;-o-transition: width 0.2s ease-out;transition: width 0.2s ease-out;}
#utilityNav li a .title span{padding:0 0.75em 0;}
#utilityNav li a:hover .title,#utilityNav li a:focus .title{height:auto;width:auto;}

#utilityNav.fixed ul li a{background-color: rgba(137,37,25,1)}

/*emergency feature*/
#announEmergencyShellOuter{z-index:99999!important;}
#announEmergencyShell{transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
#announEmergencyShell.fixed{height:0;padding:0;overflow:hidden;}
#announEmergencyShell,#announEmergency{background-color:rgb(198,26,6) !important; max-width:100% !important;font-family: 'Nobile', sans-serif!important;}
#announEmergencyShell #emergencyLogo{font-family: 'Nobile', sans-serif;}
#announEmergencyShell #emergencyLogo a{font-size:1.25em !important;font-family: 'Nobile', sans-serif;}
#announEmergencyShell #emergencyLogo h2{ font-size:1.5em !important; font-weight:400;font-family: 'Josefin 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);}
#announEmergency p{color:rgb(255,255,255);font-family: 'Nobile', sans-serif; font-size:1.25em!important;}
#announEmergency #emergencyDescription #emergencyTitle h2, #announEmergency #emergencyDescription #emergencyTitle a{font-family: 'Nobile', sans-serif!important;font-size:1.5em!important;font-weight:700!important;text-transform:none!important;letter-spacing:1px;}

/***FOOTER***/
footer { border-top: 4px solid rgb(137,37,25);  width: 100%; float:left;position:relative;display:inline-block;}
#footerTop { width: 100%; float:left; padding: 2.5em 0 3.25em;position:relative;display:inline-block;}
#footerTop ul { list-style:none;margin:0;padding:0;}
.footerLogo { float: left; width:28%;display:inline-block;position:relative;padding:1em 0;}
.footerLogo.wSchool{width:38%;}
.footerLogo{position:relative;}
.footerLogo #footerDistrictLogo { width:90%; display:inline-block; vertical-align: middle;padding:0 10% 0 0;position:relative;}
.footerLogo.wSchool #footerDistrictLogo{width:45%;padding:0 5% 0 0;}
.footerLogo.wSchool:after{content:'';position:absolute;width: 2px; height: 105%;top:-2.5%; left:50%; display:inline-block; vertical-align: middle; background:rgb(0,0,0); } 
.footerLogo #footerSchoolLogo {float:right;width:40%; padding:0 5%; display:inline-block; vertical-align: middle;position:relative;}
#footerAddress {position:relative;width:18.5%; font-size: 1em; line-height: 1.2em; text-transform:uppercase; padding: 0 0 0 1.6em; float: left;}
#footerAddress:after{content:'';position:absolute;width: 2px; height: 105%;top:-2.5%; left:0; display:inline-block; vertical-align: middle; background:rgb(137,37,25); } 
#footerAddress.wSchool:after{display:none;}
#footerAddress ul{padding:1em 0;}
#footerAddress li {font-size:0.8em; padding-bottom: 0.8em;  font-family: 'Josefin Sans', sans-serif; letter-spacing:0.06em; } 
#footerAddress li:nth-child(2),
#footerAddress li.noPadding{padding:0;}
#footerAddress li:last-child{padding:0;}
#footerAddress li h2{font-family:'Josefin Sans',sans-serif;font-weight:400;font-size:1.2em;line-height:1em;text-transform:uppercase;}
#footerAddress li h2 a{color:rgb(137,37,25);font-weight:700;}
#footerAddress li a { color:rgb(0,0,0); font-weight:400 }
#footerRight { padding: 1.1em 0 0 0; max-width: 25%; float: right; position:relative;}
#footerRight ul { padding: 0.2em 0 1.7em; overflow:hidden; }
#footerRight ul li { float: left; font-size: 1.6em; margin: 0 0.5em; line-height: 1em; } 
#footerRight ul li a { color:rgb(137,37,25); font-weight:400; } 
#footerRight ul li a:hover { color:rgb(36,73,128); }
#footerRight ul li:first-child{margin-left:0;}
#footerRight ul li:last-child{margin-right:0;}
#top-workplace{position:absolute; right:103%; top:1em; width:33%;}
#footerHours{width:75%;display: inline-block;padding:1em 0 0;float:left;font-size:0.8em; font-family: 'Josefin Sans', sans-serif; letter-spacing:0.06em;}
#footerHours span.label{color: rgb(137,37,25);font-weight: 700; text-transform: uppercase;display: inline-block;float:left;}
#footerHours span.details{display:inline-block;float:left;}

#footerBtm { padding: 0.6em 0; width: 100%; float:left; background:rgb(137,37,25); }
#credit{width:90%;float:left;}
#credit p{ padding: 0.3125em 0 0 0; text-transform:uppercase; font-size: 0.8em; color:rgb(255,255,255); line-height: 1.375em; letter-spacing: 0.04em; font-family: 'Josefin Sans', sans-serif; float: left;}
#credit ul{margin:0;padding:0.25em 0;width:100%;display:inline-block;list-style:none;}
#credit ul li{display:inline-block;padding: 0 0.75em 0 0;margin: 0 0.75em 0 0; border-right:1px solid rgb(255,255,255);}
#credit ul li:last-child{border:none;}
#credit ul li a{font-size:0.8em; line-height:1em;text-transform:uppercase;color:rgb(255,255,255);opacity:1; font-family: 'Josefin Sans', sans-serif; font-weight:400;}
#credit ul li a:hover,#credit ul li a:focus{opacity:0.8;}
#CMS4SchoolsLogo { max-width: 10%; float: right; }

#translate{display:none;width:90%;padding:0 5%;position:fixed;top:0;left:0;height:100%;z-index: 999999;background:rgba(0,0,0,0.93);}
#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:rgb(137,37,25);color:rgb(255,255,255)!important;padding:0.75em;}
a.translateClose:hover,a.translateClose:focus{text-decoration:none;background:rgb(255,255,255);color:rgb(137,37,25);}
#translate #google_translate_element{width:100%;display:inline-block;color:rgb(255,255,255);}
#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: 'Nobile', sans-serif;font-weight:600;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: 'Nobile', sans-serif;color:rgb(255,255,255)!important;}

#back-to-top {font-size:1.3em;padding:0;position: fixed; bottom:3em; display: none; left: 2%; z-index: 10001;border-radius:50%; -webkit-border-radius:50%; cursor: pointer; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: rgba(255,255,255, 0.96); border: 1px solid rgb(0,0,0); }
#back-to-top span.icon{padding:0.5em;display:inline-block;}
#back-to-top.show { opacity: 100; }

/*keyframes*/
@-webkit-keyframes stickyhead{
 0%{opacity:0;-webkit-transform:translateY(-100%)}
 100%{opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes stickyhead{
 0%{opacity:0;-moz-transform:translateY(-100%)}
 100%{opacity:1;-moz-transform:translateY(0)}
}

@keyframes stickyhead{
 0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
 100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}

/***INTERIOR***/
.main{position:relative;display:inline-block;float:left;width:100%;}
.main:after{content:'';width:19.8%;height:100%;position:absolute;left:0;top:0;background: rgb(63,63,63);}
.main.no-left:after{height:0;}
.leftNav{position:relative;z-index:9;display:inline-block;float:left;width:19.8%;height:100%;float:left;background:rgb(63,63,63) url(custom/images/interior/asset_left_bg.png) left bottom no-repeat;background-size:80% auto;padding-bottom:15em;}
.middleColumn{overflow:hidden;position:relative;display:inline-block;z-index:9;float:right;width:80.2%;padding:2em 0 2em;}
.no-left .middleColumn{width:100%;}

.main_body_size{width:100% !important;margin:0; position:relative;padding:0;float:left;overflow:hidden;z-index:0;}
.middle_when_right_side_bar{width:60%;padding:0 4% 0 4%!important;margin:0;min-height:500px;float:left;overflow:hidden;display:inline-block;}
.middle_when_no_right_side_bar{width: calc(96% - 4.5em);padding:0 4.5em 0 4%;margin:0;min-height:500px;position:relative;z-index:1;display:block;overflow:hidden;}
.no-left .middle_when_no_right_side_bar{width: calc(96% - 4.5em);padding:0 4.5em 0 4%!important;}
.detail_padding{padding:0 0 1em;display:inline-block;} 
.middle_when_right_side_bar .detail_padding,
.middle_when_no_right_side_bar .detail_padding,
.no_right_side_bar_right_padding .detail_padding{margin:0;display:inline-block;width:100%;position:relative;}
.middle_when_no_right_side_bar.detail_padding{padding:0!important;width:100%;}

/***Banner Image***/
#banner{width:100%;display:inline-block;float:left;position:relative;min-height:2.5em;z-index:99;background:rgb(137,37,25) url(custom/images/interior/banner/asset_banner_mark.png) bottom right no-repeat;color:rgb(0,0,0);border-bottom:5px solid rgb(204,204,204);padding-top:6.2em;}
#banner.schools{padding-top:8.2em;}
#banner.wEmergency{padding-top:8.2em;}
#banner.wEmergency.schools{padding-top:10.2em;}
#banner.landing-page{padding-top:0;}
#banner.landing-page .imageDip{width:100%;position:relative;background-size:cover!important;}
#banner .pageTitle,div.titletext{position:relative;left:0;bottom:0;width:100%;display:inline-block;}
#banner .pageTitle h1,div.titletext{color:rgb(255,255,255);font-family: 'Josefin Sans' , sans-serif;font-size:2.4em;line-height:1em;font-weight:600;padding:1.3em 5% 1.31em 5%;width:90%;display:inline-block;text-transform:uppercase;text-align:center;}
div.titletext{color:rgb(137,37,25);}
#banner.landing-page .pageTitle{position:absolute;height:100%;width:80%;padding: 0 10%}
#banner.landing-page .pageTitle h1{position: relative; left: 0; top: 50%; width: 90%; padding: 0 5%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center;text-shadow: 1px 1px 5px rgb(0,0,0);}

/***Calendar***/
.detail_calendar .headerbg, .detail_member_directory .headerbg {
	background: rgb(137,37,25);border-color:rgb(239,239,239);color:rgb(255,255,255);}
.detail_calendar table{border-color:transparent;}
.detail_calendar table table tr{border-color:rgb(239,239,239);}
.detail_calendar .headerbg a, .detail_member_directory .headerbg a{font-family: 'Josefin Sans' , sans-serif;color:rgb(255,255,255);font-size:0.9em;text-transform:uppercase;font-weight:400;
	transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
.detail_calendar .headerbg a:hover, .detail_member_directory .headerbg a:hover{opacity:0.8;text-decoration:none;}
.detail_calendar .headerbg a span.icon, .detail_member_directory .headerbg a span.icon{font-size:1em;padding:0 1em;}
.detail_calendar .headerbg .headertext, .detail_member_directory .headerbg .headertext{font-family: 'Josefin Sans' , sans-serif;font-weight:700;text-transform:uppercase;color:rgb(255,255,255);padding:0.4em 0;font-size:1.75em;line-height:1em;}
.detail_calendar .headerbg,.detail_calendar .header2bg{border-color:transparent;}
.detail_calendar .header2bg{background-color:rgb(238,236,236);border-color:rgb(238,236,236);color:rgb(0,0,0);}
.detail_calendar .header2bg .header2text{color:rgb(0,0,0);font-family: 'Josefin Sans' , sans-serif; padding: 0.5em 0.5em 0.25em;text-align:left;font-size:0.9em;line-height:1em;text-transform:uppercase;font-weight:700;}
.detail_calendar .borderstyle {border: 1px solid rgb(239,239,239);}
.detail_calendar div table table td table td{padding:0.1em 0.6em 0;font-weight:400;}
.detail_calendar div table table td table tr:first-child td{font-size:0.9em;}
.detail_calendar a.callink{font-size:0.85em;line-height:1.1em;display:inline-block;padding:0.5em 0;font-family: 'Josefin 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 rgb(137,37,25);}
.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 rgb(137,37,25);}
.today_highlight {background-color: rgb(250,250,250);}
.detail_calendar .calListShell .alternatebg1,.detail_calendar .calListShell .alternatebg2{background:none;}

/* Alternating row background colors */
.alternatebg1{background-color:rgb(250,250,250);}
.alternatebg2{background-color:rgb(238,236,236);}

/*Slide Show*/
.detail_slideshow div{width:100%!important;}

/*Lunch Menu*/
.detail_lunchmenu .headerbg{
	background: rgb(137,37,25);border-color:rgb(239,239,239);color:rgb(255,255,255);}
.detail_lunchmenu table{border-color:transparent;}
.detail_lunchmenu table table tr{border-color:rgb(239,239,239);}
.detail_lunchmenu .headerbg a{font-family: 'Josefin Sans' , sans-serif;color:rgb(255,255,255);font-size:0.9em;text-transform:uppercase;font-weight:400;
	transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
.detail_lunchmenu .headerbg a:hover{opacity:0.8;text-decoration:none;}
.detail_lunchmenu .headerbg a span.icon{font-size:1em;padding:0 1em;}
.detail_lunchmenu .headerbg .headertext{font-family: 'Josefin Sans' , sans-serif;font-weight:700;text-transform:uppercase;color:rgb(255,255,255);padding:0.4em 0;font-size:1.75em;line-height:1em;}
.detail_lunchmenu .headerbg,.detail_lunchmenu .header2bg{border-color:transparent;}
.detail_lunchmenu .header2bg{background-color:rgb(238,236,236);border-color:rgb(238,236,236);color:rgb(0,0,0);}
.detail_lunchmenu .header2bg .header2text{color:rgb(0,0,0);font-family: 'Josefin Sans' , sans-serif; padding: 0.5em 0.5em 0.25em;text-align:left;font-size:0.9em;line-height:1em;text-transform:uppercase;font-weight:700;}
.detail_lunchmenu .borderstyle {border: 1px solid rgb(239,239,239);}
.detail_lunchmenu .alternatebg1,.detail_lunchmenu .alternatebg2{background:none;}

/*Faculty List*/
.detail_facultylist .headerbg{background-color:rgb(137,37,25) !important;color:rgb(255,255,255);font-size:0.8em;}
.detail_facultylist tr.headerbg .headertext,
.detail_facultylist tr.headerbg a.headerlink{color:rgb(255,255,255) !important;padding:0.4em 0.25em;text-transform:uppercase;font-family:'Josefin Sans',sans-serif;}
.detail_facultylist tr.headerbg a.headerlink:hover{color:#fefefe !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;line-height:1.15em;font-size:0.9em;}
.detail_facultylist .inside_bg td{padding:0 0;}
.detail_facultylist img{min-width:100px;padding-right:5%;}

/*Announcements*/
.detail_announcements2 h4{width:100%;padding:0 0 1em 0;margin:0;font-style:normal;font-size:1.5em;font-weight:700;letter-spacing:1px;}
.detail_announcements2 h4:before{display:none;}
.detail_announcements2 .annShell{width:100%;display:inline-block;margin-bottom:1.5em;}

/***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%;}

/***right side***/
#sidebar_content{width:calc(32% - 4.5em);margin:0 4.5em 0 0;padding:0;position:relative;z-index:0;float:right;display:inline-block;}
#sidebar_content .right_per_detail{width:100%;margin:0 0 2em;padding:0;display:inline-block;position:relative;}
#sidebar_content .right_hr_top{display:none;}
#sidebar_content .right_per_detail h3{width:90%;font-size:1.5em;font-family: 'Nobile' , sans-serif;color:rgb(0,0,0);padding:0.5em 5% 0.45em;line-height:1em;letter-spacing:1px;background:rgb(137,37,25);color:rgb(255,255,255);font-weight:500;overflow:hidden;border-bottom: 5px solid rgb(204,204,204);}
#sidebar_content .right_per_detail .right_content{background:rgb(244,243,243);width:85%;padding:1.15em 7.5%;overflow:hidden;font-family: 'Nobile', sans-serif;color:rgb(0,0,0);display:inline-block;position:relative;}
#sidebar_content .right_per_detail .right_content h3{font-size:1.6em;color:rgb(36,73,128);font-weight:500;width:100%;border:none;background:none;padding: 0 0 0.25em;overflow:hidden;}
#sidebar_content .right_per_detail p:last-child{padding-bottom:0px;}
#sidebar_content .right_hr_bottom hr,
#sidebar_content .right_hr_top hr{display:none;}
#sidebar_content .right_hr_bottom{display:none;}

/*translator*/
#sidebar_content .detail_translator .right_content{display:none;}

/*quick links */
#sidebar_content .detail_quicklinks{text-transform:capitalize;font-family: 'Josefin Sans',sans-serif;font-weight:400;color:rgb(0,0,0);margin-bottom:1.25em !important;}
#sidebar_content .detail_quicklinks form{display:inline-block;width:100%;}
#sidebar_content .detail_quicklinks form div{padding:0!important;display:inline-block;width:100%;}
#sidebar_content .detail_quicklinks select{float:left;height:auto!important;font-size:1.1em;}
#sidebar_content .detail_quicklinks input[type="submit"]{height:auto!important;font-size:1.1em;padding:0;}
#sidebar_content .detail_quicklinks .right_content a[title="Contract List"],
#sidebar_content .detail_quicklinks .right_content a[title="Expand/Contract List"],
#sidebar_content .detail_quicklinks .right_content a[title="Expand List"]{font-size:1.5em;margin:0;}
#sidebar_content .detail_quicklinks .right_content a{margin:0.5em 0;display:inline-block;}


/*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-family: 'Josefin Sans' , sans-serif;font-size:1em;font-weight:700;line-height:1.1em;}
#sidebar_content .upcoming_events_time{font-size:0.9em;font-family: 'Nobile', sans-serif;display:inline-block;width:100%;float:left;overflow:hidden;}
#sidebar_content .upcoming_events_event{padding:0.25em 5% 0.75em;width:90%!important;font-size:0.9em;line-height:1.05em;}
#sidebar_content .upcoming_events_event a{font-family: 'Nobile', sans-serif;}
#sidebar_content .upcoming_events_bottom{padding-bottom:0;}

/*News*/
#sidebar_content .detail_rightnews ul{list-style-type:none;padding:0;margin:0;}
#sidebar_content .detail_rightnews ul ul li{padding:0 0 1em 0;margin:0 0 1em 0;border-bottom:1px solid #ccc; }
#sidebar_content .detail_rightnews ul ul li:last-child{background:none !important;padding-top:0px;margin-top:0px;border:none;}
#sidebar_content .detail_rightnews a.right_news_style,
#sidebar_content .detail_rightnews ul li strong{text-transform:capitalize;font-size:1.35em;margin-bottom:0.5em;display:inline-block;width:100%;font-family: 'Josefin Sans',sans-serif;text-decoration:none;font-weight:700;}

/*detail_announcements*/
/* .detail_announcements2 p{margin:0; padding:0} */
#sidebar_content .detail_announcements2r p{margin:0;padding:0;font-size:1em !important;overflow:hidden;}
#sidebar_content .detail_announcements2r h4{font-family: 'Josefin Sans',sans-serif;font-size:1.4em;font-style:normal;margin:1em 0 0;padding:0 0 0.25em;font-weight:700;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{text-transform:capitalize;}
#sidebar_content .detail_announcements2r h4 a:hover{text-decoration:none; }
#sidebar_content .detail_announcements2r a{text-decoration:none;}
#sidebar_content .detail_announcements2r a:hover{text-decoration:underline; }
#sidebar_content .detail_announcements2r ul.bxslider ul li{margin:0 0 1.5em;}
#sidebar_content .detail_announcements2r img{max-width:100%!important;margin:0 0 1em!important;}


/*slideshow */
#sidebar_content .detail_rightslideshow .right_content{padding-top:15px;height:auto;}

/* calendar links */
.detail_minical h4{font-family: 'Josefin Sans',sans-serif;color:rgb(0,0,0);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.3em;text-transform: capitalize;font-family: 'Josefin Sans',sans-serif;font-weight:700;color:rgb(36,73,128);padding:0;}
.minical_wrapper .header2bg .header2text{font-size:0.8em;padding:0.8em 0 0.46em 0;color:rgb(137,37,25);font-family: 'Nobile', 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:rgb(0,0,0);}
.minical_wrapper .alternatebg2{height:30px;padding:0;color:rgb(0,0,0);width:2.5em; }
.minical_wrapper td.headerbg{color:rgb(0,0,0);padding:0;height:2em;width:2.5em; }
.minical_wrapper .detail_minical{padding-bottom:0;}
.minical_wrapper .alternatebg1,
.minical_wrapper .alternatebg2,
.minical_wrapper .callink{color:rgb(0,0,0) !important;font-weight:normal !important;font-size:1em;font-family: 'Josefin Sans' , sans-serif;text-align:center;}
.minical_wrapper .callink{color:rgb(137,37,25) !important;}
.minical_wrapper .callink:hover{color:rgb(36,73,128) !important;text-decoration:none !important; }
.minical_wrapper td.headerbg{height:2em;width:2.5em;background:rgb(36,73,128);color:rgb(255,255,255);font-size:1em;font-family: 'Nobile', sans-serif;}
.minical_wrapper td.headerbg .headerlink{color:rgb(255,255,255) !important;font-weight:normal !important;}
.minical_wrapper td.headerbg .headerlink:hover{color:rgb(255,255,255) !important;font-weight:normal !important; opacity:0.8;}
.minical_wrapper .alternatebg1,
.minical_wrapper .alternatebg2{background-color:transparent;}

.redtext{color:rgb(137,37,25);font-weight:bold;}
.colorsquare{display:none;}

/*Landing Page */
.homeRow{width:100%;display:inline-block;float:left;position:relative;}
a.button {font-size: 1em;line-height: 1em; padding: 1em 2em 0.75em; max-width: calc(100% - 4em);font-family: 'Josefin Sans', sans-serif;font-weight: 400;
    display: inline-block;vertical-align: top;color: rgb(0,0,0); border: 1px solid rgb(0,0,0);
    text-transform: uppercase;text-align: center;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
a.button:hover,a.button:focus{color:rgb(255,255,255);background:rgb(45,115,177);border-color:rgb(45,115,177);font-weight:600;}	

/* slideshow */
.main-slider{width:100%;display:inline-block;position:relative;float:left;background:rgb(0,0,0);color:rgb(255,255,255);}
.main-slider .slideImage{background-repeat: no-repeat;background-size: cover;background-position:center;height: 100%; width: 100%;}
.main-slider .slideImage .photoLink{position:absolute;left:0;top:0;width:100%;height:100%;}
.main-slider .slideText{position:absolute;left:0;top:60%;transform: translate(0, -40%);width:40%;padding: 1em 3.5% 1.6em 3.5%;opacity:1!important;background:rgba(137,37,25,0.7);color:rgb(255,255,255);}
.main-slider .slideText h1{text-transform:uppercase;font-family: 'Josefin Sans', sans-serif;font-weight:600;color:rgb(255,255,255);font-size:1.8em;padding-bottom:0.25em;}
.main-slider .slideText p{color:rgb(255,255,255);font-size:1em;line-height:1.6em;padding:0;}

#slideshow .slick-arrow { opacity:100; z-index:1;font-size: 2em; line-height:1em; padding:0.25em; color:rgb(255,255,255); border:0; cursor:pointer; background:rgba(36,73,128,0.7); position:absolute; right:4.5em; bottom:0.75em;}
#slideshow .slick-arrow.slick-next {right:2.5em; } 
#slideshow .slick-arrow:hover { opacity: 0.70; }

/*announcements*/
#announcements { padding: 3.5em 0; width: 100%; float: left; }
#carousel { width: 65%; float: left;position:relative;display:inline-block;}
#carousel .slick-track{margin-left:3.5em;}
#carousel .slide .image { padding:0.1em 2.5% 0.1em 0;  width: 47.5%; float: right;opacity:0.7;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s; }
#carousel .slide.slick-active .image {float:left; opacity:1;}
#carousel .slide .image img { width: 100%; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);  }
#carousel .text { width: calc(47.5% - 3.5em); padding: 0 0 0 2.5%; float: right; }
#carousel .slide.slick-active .text{float:left;}
#carousel h2{padding-top:0.2em; font-size: 1.6em; line-height: 1em; padding-bottom: 0.7em; color:rgb(38,74,126); font-weight:400; margin: 0px 0 0 0; }
#carousel h2 a{color:rgb(38,74,126);font-weight:400;}
#carousel p { font-size: 1em; line-height: 1.7em; }
#carousel a{}
#announcements .slick-dots { width: 100%; text-align:center; padding: 1em 0 0 0; list-style:none; }
#announcements .slick-dots li { padding: 0 0.75em; display:inline-block; vertical-align: top; } 
#announcements .slick-dots li button { width: 20px; height: 20px; cursor:pointer; border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; font-size:0; line-height:0; color:rgb(255,255,255);background: rgb(38,74,126); border: 2px solid rgb(38,74,126); }
#announcements .slick-dots li button:hover,#announcements .slick-dots li button:focus ,#announcements .slick-dots li.slick-active button { background:rgb(255,255,255);color:rgb(0,0,0);}

/*links list*/
#links {position:relative;display:inline-block;width: calc(30% - 5.5em); float: right;margin-right:5.5em;}
#links a {background:rgb(38,74,126);color:rgb(255,255,255);font-family:'Josefin Sans',sans-serif; font-weight:300; text-transform: uppercase; font-size:1.3em;line-height:0.9em;margin-bottom: 1.875em; float: right; display:inline-block;position:relative; width: 85%;padding:0.8em 10% 0.6em 5%;
	border: 1px solid rgb(255,255,255);box-shadow: 0px 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.3);}  
#links a:hover,#links a:focus{background:rgb(45,115,177);}
#links a:after{content: "\e002";font-family: "foxbay";font-size: 0.7em;font-style: normal;position: absolute;right: 5%;
    top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);
    background-size: 100% 100%;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
	
/*events*/
#events { overflow:hidden; padding: 0 0 3.5em; text-align:center; width: 100%; float: left;}
#events.schools{background:rgb(0,0,0); padding-top:3.5em;}
#events .bgImage{opacity:0.3;z-index:1001;position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover!important; background-attachment: fixed!important;}
#events .wrapper{z-index:1002;}
#events h2 {width:100%; text-align:center; letter-spacing: 0.02em; color:rgb(255,255,255); font-size: 2.5em; line-height: 1.3em; padding-bottom: 1.5em; }
#events .row {width:100%; overflow: hidden; margin: 0; position:relative;display:inline-block;text-align:center;}
#events .column {width: 16.5%; position:relative;display:inline-block; float: none; padding:  0 1.5%;vertical-align:top;}
#events .inner {width: calc(100% - 2px);display:inline-block;padding-bottom: 1.8em; position: relative; background:rgb(255,255,255); border:1px solid rgb(204,204,204);}
#events.schools .inner{border:none;}
#events h3 {font-size:1.25em;margin-bottom: 0.5em; width:90%;text-align:center;padding: 1em 5% 0.8em; text-transform:uppercase; color:rgb(255,255,255); background:rgb(38,74,126); text-align: center; font-weight:600; font-style:normal; font-family: 'Josefin Sans', sans-serif; }
#events .block { width:85%; padding: 0.5em 7.5% 1em; text-align:center; }
#events h4 {font-family: 'Josefin Sans', sans-serif;padding:0; letter-spacing: 0.04em; font-size: 1em; line-height:1.2em; font-weight:400;font-size:normal; }
#events h4 a { color:rgb(0,0,0); font-weight:400; } 
#events h4 a:hover,#events h4 a:focus { color:rgb(38,74,126); text-decoration:underline; }
#events .time {padding-top:0.1em;font-size: 1em; line-height: 1em; display: block; vertical-align: top; color:rgb(137,37,25);  font-family: 'Josefin Sans', sans-serif; font-weight:400; }
#events h4 .eventColor{width:0.75em;height:0.75em;display:inline-block;margin-right:0.5em;border-radius:50%; -webkit-border-radius:50%;}
#events .more_content { display: none; }
#events .view_more { font-size: 1em; line-height: 1em; position:absolute; left:50%; bottom:0.5em; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); font-weight:400; color:rgb(38,74,126); }
#events .view_more:hover,#events .view_more:focus { color:rgb(137,37,25); }
#events .view_more.up {color:rgb(137,37,25); transform: scale(1,-1) translate(-50%,0); -webkit-transform: scale(1,-1) translate(-50%,0); -ms-transform: scale(1,-1) translate(-50%,0); } 
#events a.button{margin-top:2em;}
#events.schools a.button{color:rgb(255,255,255);border-color:rgb(255,255,255);}
#events a.button:hover,#events a.button:focus{background:rgb(137,37,25);border-color:rgb(137,37,25);}

/* social */
#social{ width:100%; float: left; background:rgb(0,0,0); overflow: hidden; padding:2.5em 0;}
#social.schools{background:rgb(247,247,247);}
#social .bgImage{opacity:0.3;z-index:1001;position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover!important; background-attachment: fixed!important;}
#social .wrapper{z-index:1002;}
#social #links {width:100%; padding:0; text-align:center; margin:0;float:none;}
#social #links a{background:rgba(137,37,25,0.75);font-size:1.1em;width:18.5%;text-align:left;padding:0.8em 1.5% 0.6em;margin:0 1.5%;float:none;display:inline-block;vertical-align:top;box-shadow: 0px 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); }
#social #links a:hover,#social #links a:focus{background:rgb(36,73,128);}

#social hr {width:100%;margin:3.5em 0 2em; height:1px; background:rgb(255,255,255);display:inline-block;}
#social.schools hr{background:rgb(0,0,0);}

#social .socialFeeds{ overflow: hidden; margin: 0; position:relative;display:inline-block;width:100%}
.socialFeeds .col2{width:47.5%;margin:0 2.5%;display:inline-block;float:left;}
.socialFeeds .col2:first-child{margin-left:0;}
.socialFeeds .col2:last-child{margin-right:0;}
.socialFeeds .socialPost{position:relative;width:95%;padding:0.8em 2.5%;display:inline-block;margin-bottom:2em;background:rgb(255,255,255);box-shadow: 0px 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); }
.socialFeeds #twitterFeed .socialPost{margin:0 0 1em;}
.socialFeeds .district .socialPost{width:43.75%;vertical-align:top;}
.socialFeeds .district .socialPost:nth-child(2n){margin-left:2.5%;}
.socialFeeds .socialPost .image{position:absolute;width:40%;height:80%;background-size:cover!important;}
.socialFeeds .socialPost .text{width:100%;display:inline-block;position:relative;float:right;}
.socialFeeds .socialPost .text.wImg{width:52%;}
.socialFeeds .socialLink{display:inline-block;margin-top:1em;font-family:'Josefin Sans',sans-serif;font-size:0.8em;font-weight:400;line-height:1em;text-transform:uppercase;color:rgb(36,73,128);}
.socialFeeds .socialLink span.icon{font-size:1.2em;color:rgb(137,37,25);}
.socialFeeds p { padding:0; font-size: 0.95em; line-height: 1.6em; min-height:4.8em;}
.socialFeeds #twitterFeed p{min-height: 0;}
.socialFeeds p a{font-size:0.7em;}
.socialFeeds .date { padding: 1em 0 1.2em; letter-spacing: 0.04em; font-size: 0.8em; line-height: 1em; display: block; vertical-align: top; color:rgb(137,37,25);  font-family: 'Josefin Sans', sans-serif; }
.socialFeeds .date img{margin-right:0.5em;max-height:0.8em;}
.socialFeeds .date span.comments,.socialFeeds .date span.likes{padding:0  0 0 0.75em;}
.socialFeeds .date span.icon{font-size:0.8em;}
.socialFeeds .col3 { padding: 0; width: 31.6%; float: left;display:inline-block}  
.socialFeeds .col3.no-insta{width:63.2%; border-right:1px solid rgb(0,0,0);}
.socialFeeds .col3.full{ width: 100%; border-right: none;}
.socialFeeds .col3.full .cmsFacebookFeed{ display: flex; justify-content: space-around;}
.socialFeeds .col3.no-insta li{width:45%!important; margin-right:4.5%!important;}
.socialFeeds .col3.full li{width:30%!important;}
.socialFeeds .col3:nth-child(2){float:right;}
.socialFeeds .col3:last-child{padding: 0 2.5%;}
.socialFeeds .col3 .socialPost{background:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;}
.socialFeeds .col3 .socialPost .image{position:relative;width:100%;height:20em;margin-bottom:0.25em;background-size:auto 100%!important;}
.socialFeeds #instaFeed.col3 .socialPost .image{height:auto;}
.socialFeeds .col3 .image img { transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; width:  100%; } 
.socialFeeds .col3 .image:hover img,.socialFeeds .col3 .image:focus img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); }
.socialFeeds .col3 .socialPost .text.wImg{width:100%;}
.socialFeeds .col3 .socialLink {color:rgb(0,0,0);}

#facebookFeed ul{margin:0; padding: 0; list-style: none;width:100%; position: relative; float:left;}
#facebookFeed li{background:#fff;padding:1.5em 2.5%; margin:0 2.5% 1.5em;display: inline-block; vertical-align: top; width:42%;}
#facebookFeed.col3 li{width:100%; padding:0; margin:0 0 1.5em; background:transparent;}
#facebookFeed li:nth-child(2n){margin-right:0;}
#facebookFeed li:nth-child(2n + 1){margin-left:0;}
#facebookFeed li .image{width:35%;float:left;display: inline-block;}
#facebookFeed.col3 li .image{width:100%; margin:0 0 1em;}
#facebookFeed li .image img{width:100%;}
#facebookFeed li .text{width:100%; display:inline-block; float:left;}
#facebookFeed li .text.wImg{width:60%; display:inline-block; float:right;}
#facebookFeed.col3 li .text.wImg{width:100%;}
#facebookFeed li .fbDetails.fbDetailsBottom{display:none;}
#facebookFeed li .fbDetails.fbDetailsTop{display:inline-block!important;  padding: 1em 0 1.2em; letter-spacing: 0.04em; font-size: 0.8em; line-height: 1em; display: block; vertical-align: top; color:rgb(137,37,25);  font-family: 'Josefin Sans', sans-serif; }
#facebookFeed li .text p span.copy{width:100%; display: block;}
#facebookFeed li .text a,#facebookFeed .socialCaption{display:inline-block;margin-top:1em;font-family:'Josefin Sans',sans-serif;font-size:0.8em;font-weight:400;line-height:1em;text-transform:uppercase;}
#facebookFeed li .text a span.fa{display:inline-block;font-size:0.8em; margin-left:0.5em;}
#facebookFeed .socialCaption span.icon{color:rgb(138,37,25);}

/*
 * 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{width:16px!important;right:0!important;}
.bx-wrapper .bx-pager.bx-default-pager a{color:rgb(255,255,255)!important;border-radius:0!important;background:rgb(137,37,25)!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:rgb(255,255,255)!important;background:rgb(36,73,128)!important;}
ul.bxslider{margin:0!important; padding:0!important;}
ul.bxslider li{width:calc(100% - 16px)!important;}
.bx-wrapper{margin-bottom:1em!important;}
@media only screen and (max-width: 2200px){
	body{font-size:137.5%;}
}

@media only screen and (max-width: 1600px){
	body{font-size:112.5%;}
	.middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell,
	.middle_when_right_side_bar calListShell,.middle_when_right_side_bar .calYearShell,
	.middle_when_right_side_bar .calDayShell{font-size:80%;padding:0;width:100%;}
	.middle_when_right_side_bar .caltblShell{font-size:80%;}
}
@media only screen and (max-width: 1350px){
	#footerRight li{margin:0 0.35em;}
	#footerAddress{width:35%;}
	.footerLogo.wSchool{width:28%;}
}
@media only screen and (max-width: 1240px){
	body{font-size:106.25%;}
	.middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell,
	.middle_when_right_side_bar calListShell,.middle_when_right_side_bar .calYearShell,
	.middle_when_right_side_bar .calDayShell{font-size:70%;padding:0;width:90%;}
	
	#social #links a{font-size:1em;margin:0 0.5%;padding:0.8em 4% 0.6em 1%;width:18%;}
}
@media only screen and (max-width: 1200px){
	#footerRight li{margin:0 0.2em;}
	
	#links a{font-size:1em;margin-bottom:1em;}
}
@media only screen and (max-width: 1040px){
	.middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell,
	.middle_when_right_side_bar calListShell,.middle_when_right_side_bar .calYearShell,
	.middle_when_right_side_bar .calDayShell{font-size:65%;padding:0;width:80%;}
	.middle_when_right_side_bar .caltblShell{font-size:80%;}
	#miniCal .minical_wrapper td.headerbg{background-size:1.75em 1.75em;}
}
@media only screen and (max-width: 1024px){
	body{font-size:100%;}
	.leftNav{display:none;}
	.middleColumn{width:100%;}
	.main:after{display:none;}
	
	#logo{width:70%;}
	#schoolLogo:after{display:none;}
	#back-to-top{display:inline-block;}
	
	#events .column{width:17.5%;padding:0 1%;font-size:80%;}
	
	.detail_lunchmenu form{font-size:90%;}
}
@media only screen and (max-width: 980px){
	.middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell,
	.middle_when_right_side_bar calListShell,.middle_when_right_side_bar .calYearShell,
	.middle_when_right_side_bar .calDayShell{font-size:50%;padding:0;width:70%;}
	.middle_when_right_side_bar .caltblShell{font-size:70%;}
	
	#headerBtm{top:3.25em;-webkit-box-shadow:none; box-shadow:none;-ms-box-shadow:none;}
	
	#carousel{width:95%;}
	#links{width:80%;margin:1.5em 10% 0;}
	#links a{font-size:1.3em}
	#social #links{width:100%;}
	#social #links a{font-size: 1em;margin: 0 2.5% 2.5em;padding: 0.8em 4% 0.6em 1%;width: 90%;}
	#social hr{margin:1.5em 0;}
	
	.socialFeeds .col3 .socialPost{background:rgba(255,255,255,0.6);border:1px solid rgba(0,0,0,0.4);width:calc(90% - 2px);padding:0.8em 5%;}
	.socialFeeds p{word-break:break-word;font-size:0.8em;}
}
@media only screen and (max-width: 920px){
	#miniCal .minical_wrapper td.headerbg{background-size:2.5em 2.5em;}
	.footerLogo,.footerLogo.wSchool{width:50%;}
	#footerAddress{width:45%;}
	#footerRight{width:100%;max-width:100%;padding:2em 0 0;text-align:center;}
	#footerRight ul{width:70%;text-align:left;float:left;}
	#footerRight ul li{float:none;display:inline-block;margin:0 0.5em;}
	#footerRight ul li a{font-size:1.5em;}
	#footerRight img{width:25%;float:right;}
	#top-workplace{right:27%; width:7%!important;}
	
	.detail_facultylist table{width:100%;font-size:90%;}
	
	.main-slider .slideText h1{font-size:1.6em;}
	.main-slider .slideText{width:50%;}
	.socialFeeds .socialPost .image{width:100%;float:left;position:relative;text-align:center;display:none;}
	.socialFeeds #instaFeed.col3 .socialPost .image{display:inline-block;}
	.socialFeeds .socialPost .text.wImg{width:100%;}
}
@media only screen and (max-width: 850px){
	.middle_when_right_side_bar{width:calc(100% - 9em);padding:0 4.5em 2em!important;min-height:0;}
	#sidebar_content{width:calc(100% - 9em);padding:0 4.5em;background:none;margin:0;}
	
	.calInnerShell,.calMonthShell,
	.calListShell,
	.calYearShell,.calDayShell{font-size:80%;}
	
	.middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell,
	.middle_when_right_side_bar calListShell,.middle_when_right_side_bar .calYearShell,
	.middle_when_right_side_bar .calDayShell{font-size:80%;padding:0;width:100%;}
	.middle_when_right_side_bar .caltblShell{font-size:100%;}

	#events .column{width:100%;padding:0;margin:0 0 2em;font-size:100%;}
	
	.socialFeeds .col3.no-insta{width:100%!important; padding:0 0 1.5em!important; margin:0 0 1.5em!important; border-right:0; border-bottom: 1px solid rgb(0,0,0);}
	.socialFeeds .col3:first-child{width:47.5%;padding:0 2.5% 1em 0;}
	.socialFeeds .col3:nth-child(2){width:47.5%;float:right;padding:0 0 1em 2.5%;}
	.socialFeeds .col3:last-child{width:100%;padding: 0;}
	.socialFeeds p{min-height:0;}
	
	.detail_facultylist table{width:100%;font-size:80%;}
	.detail_facultylist img{min-width:75px;}
	
	.socialFeeds .district .socialPost{width:95%;vertical-align:top;}
	.socialFeeds .district .socialPost:nth-child(2n){margin-left:0;}
}
@media only screen and (max-width: 800px){
	#miniCal .minical_wrapper td.headerbg{background-size:2em 2em;}
	
	#logo{width:70%;}
}	
@media only screen and (max-width: 767px){
	header,#headerTop,#headerBtm{position:relative;top:auto;left:auto;}
	#headerTop{background:rgb(137,37,25);}
	header.fixed{position:relative;}
	.district #districtLogo{width:100%;}
	.wrapper{padding:0 3.5em; width: calc(100% - 7em);}
	.middle_when_right_side_bar{width:calc(100% - 7em);padding:0 3.5em 2em!important;}
	#sidebar_content{width:calc(100% - 7em);padding:0 3.5em;}
	#utilityNav li a{font-size:1.5em;}
	
	#banner{padding-top:0!important;}
	#banner .pageTitle h1{font-size:2em;}
	
	.main-slider .slideText{position:relative;width:80%;padding:1em 16.5% 1em 3.5%;top:auto;left:auto;transform:none;}
	.main-slider .slideText p{display:none;}	
	.slideNav{width:100%;position:relative;display:inline-block;}
	#slideshow .slick-arrow{width:50%;text-align:center;position:relative;float:left;bottom:auto;right:auto;background: rgba(36,73,128,1);padding:0.4em 0;}
	#slideshow .slick-arrow.slick-next{right:auto;}
	#slideshow .slick-arrow:first-child:after{content:'';position:absolute;top:0;left:100%;width:2px;height:100%;background:rgb(255,255,255);}
	#slideshow .slick-arrow:hover,#slideshow .slick-arrow:focus{background: rgb(45,115,177);}
	.socialFeeds .col2{width:100%;margin:0!important;}
	.socialFeeds p{min-height:0;}
	
	.socialFeeds .col3.full .cmsFacebookFeed{ flex-direction: column; justify-content: center; align-items: center;}
	.socialFeeds .col3.full li{ width: 100% !important; margin-bottom: 1.5rem;}
	.socialFeeds .col3.full li:last-child{ margin-bottom: 0;}
}
@media only screen and (max-width:725px){
	.detail_facultylist table{width:100%;font-size:70%;}
}
@media only screen and (max-width: 680px){
	.calInnerShell,.calMonthShell,
	.calListShell,
	.calYearShell,.calDayShell,
	.middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell,
	.middle_when_right_side_bar calListShell,.middle_when_right_side_bar .calYearShell,
	.middle_when_right_side_bar .calDayShell{font-size:65%;}
	
	
	#miniCal .minical_wrapper{width:90%;padding:1em 5%;}
	
	.detail_facultylist table{width:100%;font-size:65%;}
	.detail_facultylist img{min-width:65px;}
	
	#facebookFeed li .image{width:100%; margin:0 0 0.5em 0;}
	#facebookFeed li .text.wImg{width:100%; margin:0;}
}
@media only screen and (max-width: 650px){
	.footerLogo,.footerLogo.wSchool{width:100%;}
	#footerAddress{width:100%;padding:1.5em 0 0;text-align:center;font-size:1.1em;}
	#footerAddress:after{top:0;height:2px;width:100%; left:0;}
	#footerRight ul{text-align:center;width:100%;}
	#footerRight img{float:none;width:30%;}
	#top-workplace{position:relative; display:block; margin:0 auto; right:auto; top:auto; width:25%!important;}
	.footerLogo #footerDistrictLogo{width:80%;padding:0 10%;}
	#credit{width:100%;text-align:center;}
	#credit ul li{border:none;width:100%;padding:1em 0 0;margin:0;}
	#CMS4SchoolsLogo{max-width:30%;padding-top:1em;}
	
	#carousel .slide .image{width:90%;}
	#carousel .text{width:50%;padding:1.5em 2.5% 0;float:left;height:0;overflow:hidden;	}
	#carousel .slide.slick-active .text{width:80%;height:auto;}
	#links{width:93%;margin:1.5em 3.5%;}
	#social #links a{font-size:1.2em;width:calc(85% - 2px);margin-bottom:1em;padding:0.8em 10% 0.6em 5%;margin-right:0;margin-left:0;}
}
@media only screen and (max-width: 600px){
	.socialFeeds .col3:first-child{width:100%;padding:0;}
	.socialFeeds .col3:nth-child(2){width:100%;float:right;padding:0;}
	
	.calInnerShell,.calMonthShell,
	.calListShell,
	.calYearShell,.calDayShell,.middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell,
	.middle_when_right_side_bar calListShell,.middle_when_right_side_bar .calYearShell,
	.middle_when_right_side_bar .calDayShell{font-size:45%;padding:0;width:90%;}
	.caltblShell, .middle_when_right_side_bar .caltblShell{font-size:80%;}
	.detail_lunchmenu form{font-size:80%;}
	
	.detail_facultylist table{width:100%;font-size:50%;}
	.detail_facultylist img{min-width:50px;}
	
	#facebookFeed li{width:90%;margin:0 0 1.5em;}
	.socialFeeds .col3.no-insta li{width:100%!important; margin:0 0 1em!important;}
}
@media only screen and (max-width: 550px){
	.detail_lunchmenu form{font-size:70%; width:90%;}
}
@media only screen and (max-width: 480px){
	.calInnerShell,.calMonthShell,
	.calListShell,
	.calYearShell,.calDayShell,.middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell,
	.middle_when_right_side_bar calListShell,.middle_when_right_side_bar .calYearShell,
	.middle_when_right_side_bar .calDayShell{font-size:30%;padding:0;width:90%;}
	.caltblShell, .middle_when_right_side_bar .caltblShell{font-size:70%;}
	.detail_facultylist table{width:100%;font-size:45%;}
	.detail_facultylist img{min-width:40px;}
	
	#logo img{max-height:75%;}
	#banner .pageTitle h1{font-size:1.8em;}
	
	.wrapper{width:94%;padding:0 3%;}
	.middle_when_right_side_bar,.middle_when_no_right_side_bar,.no-left .middle_when_no_right_side_bar{width:94%;padding:0 3% 2em!important;}
	#sidebar_content{width:94%;padding:0 3%;}
	#utilityNav{width:100%;top:auto;bottom:-1px;left:0;right:auto;direction:ltr;transform:none;-webkit-transform:none;-ms-transform:none;}
	#utilityNav ul{width:100%;margin:0;display:table;border-top:1px solid rgb(255,255,255);}
	#utilityNav ul li,#utilityNav.landing li{display:table-cell;margin:0;}
	#utilityNav ul li a{width:100%;text-align:center;padding:0.35em 0;}
	#utilityNav ul li span.icon{float:none;}
	#utilityNav ul li .title{display:none!important;}
	#utilityNav ul li:after{content:'';position:absolute;width:1px;height:100%;background:rgba(255,255,255,0.6);top:0;right:0;}
	#utilityNav ul li:last-child:after{display:none;}
	#footerBtm{padding-bottom:3.5em;}
	#footerRight img{width:40%;}
	#ada-tools.bottomH{bottom:60px!important;}
	
	.main-slider .slideText{font-size:80%;text-align:center;width:90%;padding:1em 5%;}
	#slideshow .slick-arrow{font-size:1.3em;}
}
@media only screen and (max-width: 400px){
	.calInnerShell,.calMonthShell,
	.calListShell,
	.calYearShell,.calDayShell,
	.middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell,
	.middle_when_right_side_bar calListShell,.middle_when_right_side_bar .calYearShell,
	.middle_when_right_side_bar .calDayShell{font-size:30%;}
	.caltblShell, .middle_when_right_side_bar .caltblShell{font-size:60%;}
	.detail_facultylist table{width:100%;font-size:30%;}
	.detail_facultylist img{min-width:25px;}
}
@media only screen and (max-width: 380px){
}
@media only screen and (max-width: 320px){
	#miniCal .minical_wrapper td.headerbg{background-size:1.5em 1.5em;}
	#banner .pageTitle h1{font-size:1.5em;}
}