:root { --foodmenu-default-color: rgb(169,50,56) !important; --foodmenu-second-color: rgb(250,191,26) !important; }
  html,body{height:100%;width:100%;}
  body{margin:0;padding:0;font-family: 'Be Vietnam', sans-serif;font-size:112.5%; line-height:1.45em; background:rgb(255,255,255); color:rgb(0,0,0);letter-spacing:0;font-weight:400;overflow-x:hidden;background:rgb(255,255,255); -webkit-text-size-adjust:none; min-width:100%;}
  input,textarea,select{font-family: 'Be Vietnam', sans-serif;font-size:1em;line-height:1.45em;-webkit-border-radius:0;border-radius: 0;-ms-border-radius:0; }
  table,td,tr{font-family: 'Be Vietnam', sans-serif;font-size:1em;line-height:1.45em;color:rgb(0,0,0);}
  img,div.figure{border:none; max-width:100%; height:auto;}
  .cf{float:none;clear:both;}
  input{-webkit-border-radius:0;}

  a,a:link {display:inline-block;text-decoration:none;color:rgb(169,50,56); font-weight:700; -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;}
  .detail_content_editor a, .detail_content_editor a:link {display:inline;}
  a:visited {text-decoration:none;color:rgb(169,50,56);}
  a:hover, a:focus{text-decoration:underline;color:rgb(0,0,0);}
  .main_body_size a:hover,.main_body_size a:focus,.main_body_size a:active{font-weight:900;}
  #googleTranslate a{text-decoration:none;}
  a[href$=".pdf"]:after,a[href$=".pdf"]:before { display: none; }

  .accessible{display:none;}
  .accessible:focus{display:inline-block;}
  .sr-only{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(35,31,32,0);border: 0;}
  .sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0;overflow: visible;clip: auto;}

  .screen-reader-only {
    position: absolute; height: 1px; width: 1px;
    clip: rect(1px 1px 1px 1px); // IE 6 and 7
    clip: rect(1px,1px,1px,1px);  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px); overflow: hidden !important;}

  .tabbing:-moz-focusring {border-left: 0.1em solid rgb(250,191,26) !important; outline:0;}
  .tabbing:focus {border-left: 0.1em solid rgb(250,191,26) !important; }

  /*search results*/
  .gsc-result .gs-title{height:auto!important;}
  .gsc-control-cse, .gsc-control-cse .gsc-table-result{font-family: 'Be Vietnam', sans-serif;!important; font-size:1em!important;}
  .gsc-control-cse{font-family: 'Be Vietnam', sans-serif!important;}
  form.gsc-search-box,.gsc-control-cse .gs-spelling,
  .gsc-control-cse .gs-result .gs-title,
  .gsc-control-cse .gs-result .gs-title *,.gsc-control-cse .gs-result .gs-spelling-original{font-size:1em!important;}

  h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.15em;font-family: 'Be Vietnam', sans-serif;}
  h1{font-size:3.6em; color:rgb(169,50,56); font-weight:800;}
  h2{font-size:2.6em; color:rgb(169,50,56); font-weight:800;padding:0.15em 0 0.25em 0.25em; border-left:0.15em solid rgb(250,191,26);}
  h3{font-size:1.75em; color:rgb(169,50,56); font-weight:800;}
  h3.tool_heading{font-size:1.5em; color:rgb(169,50,56); font-weight:800; margin:0.5em 0; padding:0.375em; position:relative; text-transform:uppercase; border-left:0.15em solid rgb(250,191,26); border-bottom:0.15em solid rgb(250,191,26);}
  h4{font-size:1.45em; color:rgb(0,0,0); font-weight:500; }
  h5{font-size:1.3em; color:rgb(0,0,0); font-weight:700; font-style:italic;}
  h6{font-size:1.15em; color:rgb(0,0,0); font-weight:800;}
  blockquote{position:relative; width: calc(95% - 5.5em); display:inline-block; padding:1.6em 2.5%; margin:0.75em 0 1.5em; border-right: 5.5em solid rgb(250,191,26); background:rgb(255,255,255); -webkit-box-shadow: 6px 6px 21px 0 rgba(0,0,0,0.1);
box-shadow: 6px 6px 21px 0 rgba(0,0,0,0.1);}
  blockquote:after{content:''; position:absolute; top:0; right:-5em; width:0.5em; height:100%; background:rgb(144,144,144);}
  blockquote p, blockquote div{font-family: 'Be Vietnam', sans-serif; font-size:1.3em; line-height:1.45em; color:rgb(169,50,56); padding:0 2.5% 1em!important; width:95%; border-left: 0.35em solid rgb(250,191,26); font-weight:700; font-style:italic; position: relative;}
  blockquote p:after, blockquote div:after{content:''; position:absolute; bottom:0;left:-0.35em;height:0.35em; width:40%; display:inline-block; background:rgb(250,191,26);}
  p{font-size:1em; line-height:1.45em; font-weight:normal; color:rgb(0,0,0); padding: 0 0 1.5em; margin:0;}
  .main_body_size ol, .main_body_size ul{display:block; margin:0 0 1em;overflow:hidden;}
  hr{border:0; height:0.15em; background: rgb(144,144,144); margin:1em 0 1.6em; line-height:1em;}

  .icon-bg{display:flex; justify-content:center; align-items:center; color: rgb(0,0,0); background: rgb(250,191,26); border-radius:50%; width:2em; height:2em;}
  .icon-bg .icon{font-size:0.8em;}

  /***PAGE LAYOUT***/
  .wrapper{float:left;margin:0; padding:0 5%; max-width:90%; width:90%; 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;overflow:hidden;min-width:100%;position:relative;display:inline-block;}
  main { width: 100%; float: left; }
  a[name="skipNav"]{width:100%!important;background:rgb(169,50,56);color:rgb(255,255,255);text-align: center;display: inline-block;padding:0.25em 0;outline: rgb(144,144,144);}

  /***HEADER***/
  .header{width:100%; max-width:100%;margin:0;padding:0;position:relative; display:inline-block; float:left; z-index:999; background: rgb(255,255,255);
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  .header.landing-page{background:transparent; position:absolute; top:0; left:0;}
  .header.landing-page.fixed{position:fixed; width:100vw; overflow:hidden;}
  .header.landing-page.fixed #logo{background:rgb(255,255,255);}
  .header.w-banner{-webkit-box-shadow: 0 5px 60px 0 rgba(0,0,0,0.3);box-shadow: 0 5px 60px 0 rgba(0,0,0,0.3);}
  .fixed.header{background:rgb(255,255,255);border-bottom:4px solid rgb(169,50,56); font-size:80%; -webkit-box-shadow:none; box-shadow:none;}
  .fixed #header-btm{height:0; overflow:hidden;}

  .wEmergency.header.landing-page{padding-top:2.5em;}
  .wEmergency.header.landing-page.fixed{padding-top:0; top:0;}

  .fixed {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 styling when emergency alerts banner is present */
  #header.header-w-banner { top: auto; }

  #header-top{width:100%;margin:0; padding:0; position:relative; display:inline-flex; flex-flow:row wrap; justify-content: space-between; align-items:flex-start; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; float:left;}
  .fixed #header-btm{height:0; overflow:hidden; display:none;}
  #header-top .wrapper{ display:inline-flex; flex-flow:row wrap; justify-content: space-between; align-items:center;}

  #logo{position:relative;display:inline-block; width:auto; height:auto; max-width:40%; margin:0.25em 2.5% 0.25em 0 ;
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left:5%; float:left;}
  #logo a{display:inline-block;width:100%; float:left;}
  #logo a:hover,
  #logo a:focus{text-decoration:none;}
  #logo img{max-width:100%;height:3.5em;display:inline-block; position:relative; float:left;}
  #logo.w-org-name img{ padding-right:10%; border-right:1px solid rgb(250,191,26);}

  #org-name{font-size: 1.8em; position:absolute; top:50%; left:100%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); color: rgb(169,50,56); text-transform:uppercase; line-height:1em; font-weight:800; width:40vw; margin-left:10%;}
  #org-name span{font-size:75%; display:block;}

  #header-btm{width:95%; position:absolute; top:100%; left:0; display:inline-flex; flex-flow:row wrap; justify-content: flex-end; align-content:flex-start; padding:0 0 0 5%; z-index:999; }
  #header-btm.w-tagline{justify-content: space-between;}
  #tagline{margin-top: 10px;max-width:20%; padding-top:0.2em; font-size:1.2em; line-height:1.1em; font-weight:500; font-style:italic; background:rgb(249,249,249);}
  #sub-org-name{background: rgb(169,50,56); color:rgb(255,255,255); padding:0.35em 2% 0.35em; line-height: 1em; font-weight:800; text-transform:uppercase; font-size:0.8em;}
  #sub-org-name:hover,#sub-org-name:focus,#sub-org-name:active{text-decoration:none;}

  /***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(206,32,41) !important; max-width:100% !important;font-family: 'Be Vietnam', sans-serif!important;}
  #announEmergencyShell #emergencyLogo{font-family: 'Be Vietnam', sans-serif;}
  #announEmergencyShell #emergencyLogo a{font-size:1.25em !important;font-family: 'Be Vietnam', sans-serif;}
  #announEmergencyShell #emergencyLogo h2{ font-size:1.3em !important; font-weight:700;font-family: 'Be Vietnam', sans-serif;text-transform: none!important; border:0;}
  #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: 'Be Vietnam', sans-serif; font-size:1.25em!important;line-height: 1.4em!important;}
  #announEmergency p{color:rgb(255,255,255);font-family: 'Be Vietnam', sans-serif; font-size:1.25em!important;}
  #announEmergency #emergencyDescription #emergencyTitle h2, #announEmergency #emergencyDescription #emergencyTitle a{font-family: 'Be Vietnam', sans-serif!important;font-size:1.25em!important;font-weight:600!important;text-transform:none!important;letter-spacing:1px; border:0!important;}
  #announEmergencyShell #emergencyLogo h2, #announEmergencyShell #emergencyLogo a,
  #announEmergencyShell #emergencyExpand a,
  #announEmergency #emergencyDescription{color:rgb(255,255,255)!important;}
  #announEmergency #emergencyDescription{border-top: 0.22em solid rgb(255,255,255)!important;}

  /***Footer***/
  .footer{width:100%;float:left;background:rgb(255,255,255); border-top: 3px solid rgb(144,144,144);display:inline-block;position:relative; }

  .footer-top{width:100%; padding:2.5em 0; display:inline-block; float:left; position:relative;}
  .footer-top h2{width:100%;color:rgb(250,191,26);font-size: 2.8em; line-height:1em; padding:0 0 0.35em; font-weight:800; text-transform:uppercase; border:0;}
  .footer-top h2 .district-name{line-height:1em; font-size:0.55em; color: rgb(0,0,0); font-style:italic; display:block; font-weight:600; text-transform:none;}
  .footer-top h2 a{font-weight:800!important;}
  .footer-top h2 a:hover,
  .footer-top h2 a:focus,
  .footer-top h2 a:active{color:rgb(144,144,144); text-decoration:none;}
  .footer-top h3{ font-size:1.75em; line-height:1em; text-transform:uppercase; margin:0 0 0.75em; color:rgb(144,144,144);}


  .footer-address{width:65%; display:inline-flex; justify-content: flex-start; align-items:  flex-start; align-content:flex-start; flex-flow: row wrap; vertical-align:top;}

  .footer-label{font-weight: 800;}
  .footer-address ul{width:100%; flex-basis:100%;margin:0;padding:0; list-style:none; line-height:1.2em; display:inline-block; justify-content: flex-start; align-items: flex-start; align-content:flex-start; flex-flow: row wrap;}
  .footer-address ul li{width:28%;margin:0 0 0.75em; display:inline-flex; flex-flow:row wrap; align-items: flex-start; padding-right:1.5%; vertical-align:top; line-height:1.6em;}
  .footer-address .icon-bg{margin-right:0.75em;}
  .footer-address ul .address-row{flex-basis:100%;}
  .footer-address address{font-style:normal;}
  .footer-address a span.icon{color:rgb(250,191,26); float:left; margin-right: 0.25em;}

  #social-icons{margin:2em 0 0; padding:0; width:33%; list-style:none; text-align:right; display:inline-flex;  justify-content: flex-end; align-items: stretch; align-content:flex-start; flex-flow: row wrap;}
  #social-icons li{display:inline-flex;margin:0 0 1em; justify-content: flex-end; align-items: stretch; align-content:flex-start; flex-flow: row wrap;}
  #social-icons li a,#social-icons li button{font-size:1.6em; line-height:1em; color:rgb(169,50,56); background:transparent; border:none; outline:none;padding:0 0.5em;}
  #social-icons li a:hover,#social-icons li button:hover,
  #social-icons li a:focus,#social-icons li button:focus,
  #social-icons li a:active,#social-icons li button:active{color:rgb(144,144,144);text-decoration:none;}


  .footer-btm{background:rgb(169,50,56); border-top: 4px solid rgb(250,191,26); padding:0.5em 0; width:100%; display:inline-block; float:left;}
  .footer-credit{float:left; width:90%;}
  .footer-credit  p {padding: 0.3125em 0 0 0; text-transform: none; font-size: 0.75em; color: rgb(255,255,255); line-height: 1.375em; letter-spacing: 0.04em;float: left;}
  .footer-credit ul{margin:0;padding:0.25em 0;width:100%;display:inline-block;list-style:none;}
  .footer-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);}
  .footer-credit ul li:last-child{border:none;}
  .footer-credit ul li a{font-size:0.8em; line-height:1em;color:rgb(255,255,255);opacity:1; font-weight:400;}
  .footer-credit ul li a:hover,.footer-credit ul li a:focus{opacity:0.8;}
  .cms4schools-credit { max-width: 10%; float: right; }

  /*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)}
  }


  /***INSIDE PAGES***/
  .main{position:relative;display:inline-block;float:left;width:100%;max-width:100%;}
  .main.inside,.main.home{background:rgb(249,249,249);}
  .middle-column{overflow:hidden;position:relative;display:inline-block;z-index:9;float:right;width:90%;padding:2em 3.5% 2em; background:rgb(249,249,249); width:93%; }

  .main_body_size{width:100% !important;margin:0; position:relative;padding:0;float:left;z-index:0;}
  .middle_when_right_side_bar{width:73%;padding:0 3.5% 0 0!important;margin:0;min-height:12em;float:left;overflow:hidden;display:inline-block;}
  .middle_when_no_right_side_bar{width:100%;padding:0;margin:0;min-height:12em;position:relative;display:block;overflow:hidden;}
  .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;}

  .main .titletext.pagetitle_padding{width:80%;padding:0 10% 1.5em; margin-top:1em;text-align: center;font-family: 'Be Vietnam' , sans-serif;font-size:2.2em;text-transform:uppercase;color:rgb(169,50,56);font-weight:900;}

  /***BANNER***/
  #banner{width:100%;display:inline-block;float:left;position:relative;z-index:99;background:rgb(255,255,255); border-top:0.6em solid rgb(169,50,56);-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);}
  #banner.landing-page{background:rgb(255,255,255); border:0;}
  #banner.landing-page .imageDip{width:100%;position:relative;background-size:cover!important;height:40vw; z-index:1;}
  #banner .pageTitle{position:relative; width:85%; margin-left:10%; padding:0 2.5%; background:rgb(255,255,255); display:inline-flex; justify-content:space-between; align-content:flex-start; flex-flow:row wrap;}
  #banner .pageTitle:before{content:''; width:12%; height:100%; position:absolute; top:0;right:100%; background: rgb(250,191,26);}
  #banner.landing-page .pageTitle{position:absolute; left:0; bottom:0em; background:rgba(255,255,255,0.8); z-index:1;}
  #banner.landing-page .pageTitle:before{background:rgba(250,191,26,0.8);}
  #banner .pageTitle h1{color:rgb(169,50,56);font-size:2.8em;line-height:1em;font-weight:700;padding:0;width:100%;display:inline-block;text-align:left; width:auto; padding:0.4em 0 0.5em; max-width:75%;}
  #banner .main-slider{width:100%; position:relative; z-index:0;}
  #banner .main-slider .slide{width:100%;position:relative;background-size:cover!important;height:34vw; z-index:1;}
  #banner .main-slider .slide:after{content:'';position:absolute;left:0;top:0; height:100%; width:100%;
      background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 34%, rgba(0,0,0,0) 84%, rgba(0,0,0,0.7) 100%);
      background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 84%,rgba(0,0,0,0.7) 100%);
      background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 84%,rgba(0,0,0,0.7) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#b3000000',GradientType=0 );}

  .slider-arrows{position:absolute; top:2.5em; right:2.5%; display:inline-flex; flex-flow: row wrap; justify-content:space-between; align-items:center; z-index:3;}
  .slider-arrows button{background:transparent; padding:0.25em; font-size:1.5em; color:rgb(169,50,56); border:none;}
  .slider-arrows button:hover,
  .slider-arrows button:focus,
  .slider-arrows button:active,
  .slider-arrows button.slick-active{color:rgb(250,191,26); text-decoration:none;}

  /***RIGHT SIDEBAR ***/
  #sidebar_content{width:22%;padding:0;margin:0;position:relative;display:inline-block;float:right;z-index:0;}
  #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 h3.tool_heading{width: calc(90% - 2em); border:none; border-right: 2em solid rgb(250,191,26); font-size:1.5em; font-weight:800; padding:0.4em 5% 0.45em; margin:0; margin-left:5%; line-height:1em;background:rgb(255,255,255);overflow:hidden; z-index:1;-webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1); box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1);}
  #sidebar_content h3.tool_heading span{border-left: 0.15em solid rgb(250,191,26); border-bottom: 0.15em solid rgb(250,191,26); padding: 0 0 0.5em 0.5em; display: inline-block;}
  #sidebar_content .right_per_detail .right_content{width:85%;padding:1.15em 7.5%;color:rgb(0,0,0); background:rgb(255,255,255); display:inline-block;position:relative; -webkit-box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.3); box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.3); font-size:90%; -webkit-box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.3); box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.3);}
  #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;}
  #sidebar_content .righttext_per_photo{display:inline-block; width:118%; margin: -2em 0 0 -8.75%; padding:0 0 1.5em; z-index:0;}
  #sidebar_content .righttext_per_photo img{width:100%;}
  #sidebar_content blockquote{ width:90%; padding:1.2em 5%; border-right:0; border-bottom:2.5em solid rgb(250,191,26);}
  #sidebar_content blockquote:after{bottom:-2em; right:0; top:auto; width:100%; height:0.15em;}
  #sidebar_content blockquote p, #sidebar_content blockquote div{font-size:1.1em; width:85%; padding:0 7.5% 1em!important; border-left:0.2em solid rgb(250,191,26);}
  #sidebar_content blockquote p:after, #sidebar_content blockquote div:after{ width:75%; height:0.15em; left:-0.15em;}

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

  /*quick links */
  #sidebar_content .detail_quicklinks{text-transform:capitalize;font-family: 'Be Vietnam', 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: 'Be Vietnam' , sans-serif;font-size:1em;font-weight:700;line-height:1.1em;}
  #sidebar_content .upcoming_events_time{font-size:0.9em;font-family: 'Be Vietnam', 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: 'Be Vietnam', 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 rgb(250,191,26); }
  #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{font-size:1em;margin-bottom:0.5em;display:inline-block;width:100%;text-decoration:none;font-weight:700;}

  /*slideshow */
  #sidebar_content .detail_rightslideshow .right_content{padding-top:15px;height:auto;}
  #sidebar_content .detail_rightslideshow .right_content img{max-width:100%!important; width: 100%;}
  #sidebar_content .detail_rightslideshow .right_content p{padding:0.9em 0 0;}

  /*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: 'Be Vietnam', 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;}

  /* minical  */
  .miniCalShell .miniCalSort,.miniCalShell .minCalSortCat{text-transform:capitalize;}
  .miniCalShell{width:90%; margin:0 auto;}
  .detail_minical h4{font-family: 'Be Vietnam', 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:700;}
  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: 'Be Vietnam', sans-serif;font-weight:700;color:rgb(0,0,0);padding:0;}
  .minical_wrapper .header2bg .header2text{font-size:0.8em;padding:0.8em 0 0.46em 0;color:rgb(0,0,0);font-family: 'Be Vietnam', 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(169,50,56) !important;font-weight:normal !important;font-size:1em;font-family: 'Be Vietnam' , sans-serif;text-align:center;}
  .minical_wrapper .callink:hover{color:rgb(0,0,0) !important;text-decoration:none !important; }
  .minical_wrapper td.headerbg{height:2em;width:2.5em;background:rgb(169,50,56);color:rgb(255,255,255);font-size:1em;font-family: 'Be Vietnam', 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(0,0,0) !important;font-weight:normal !important; opacity:0.8;}
  .minical_wrapper .alternatebg1,
  .minical_wrapper .alternatebg2{background-color:transparent;}

  .redtext{color:rgb(206,32,41);font-weight:bold;}
  .colorsquare{display:none;}

  /***MAIN BODY***/

  .detail_textgraphic .figure img{border:1px solid rgb(0,0,0);-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.1); box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.1);}

  /***Calendar***/
  .detail_calendar .headerbg, .detail_member_directory .headerbg, .miniCalShell .headerbg { background: rgb(169,50,56);border-color:rgb(239,239,239);color:rgb(255,255,255);}
  .detail_calendar table,.miniCalShell table{border-color:transparent;}
  .detail_calendar table table tr,.miniCalShell table tr{border-color:rgb(44,44,44);}
  .detail_calendar .headerbg a, .detail_member_directory .headerbg a,.miniCalShell .headerbg a{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,.miniCalShell .headerbg a:hover{color:rgb(0,0,0);text-decoration:none;}
  .detail_calendar .headerbg a span.icon, .detail_member_directory .headerbg a span.icon,.miniCalShell .headerbg a span.icon{font-size:1em;padding:0 1em;}
  .detail_calendar .headerbg .headertext, .detail_member_directory .headerbg .headertext,.miniCalShell .headerbg .headertext{font-family: 'Be Vietnam', 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,.miniCalShell .header2bg{border-color:transparent;}
  .detail_calendar .header2bg,.miniCalShell .header2bg{background-color:rgb(250,191,26);border-color:rgb(250,191,26);color:rgb(250,191,26);}
  .detail_calendar .header2bg .header2text,.miniCalShell .header2bg .header2text{color:rgb(0,0,0); 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(0,0,0);}
  .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: 'Be Vietnam', 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(250,191,26);}
  .detail_calendar .calYearShell .caltblDate,.detail_calendar .calMonthShell .caltblDate{border:none;}
  .detail_calendar .caltblDate a.callink{width:95%;padding:0.75em 2.5%;}
  .detail_calendar .calDateToolsShell,.detail_calendar .caltblCat{text-transform:capitalize;}
  .detail_calendar .calYearShell .header2bg .header2text{border-bottom:0.25em solid rgb(144,144,144);}
  .detail_calendar .today_highlight {background: rgb(255,255,255);}
  .detail_calendar .calListShell .alternatebg1,.detail_calendar .calListShell .alternatebg2{background:none;}

  /* Alternating row background colors */
  .alternatebg1{background-color:rgba(0,0,0,0.1);}
  .alternatebg2{background-color:rgba(0,0,0,0.05);}

  /*Lunch Menu*/
  .detail_lunchmenu .headerbg{background: rgb(169,50,56);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: 'Be Vietnam' , 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: 'Be Vietnam' , 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: 'Be Vietnam' , 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(169,50,56) !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:'Be Vietnam',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;font-family: 'Be Vietnam', sans-serif;}
  .detail_announcements2 .annShell{width:100%;display:inline-block;margin-bottom:1.5em; border-bottom:2px solid rgb(250,191,26);}
  .detail_announcements2 .annShell .image img{max-width:45%;}

  /*Slideshow*/
  .detail_slideshow img{max-width:100%!important;}
  .detail_slideshow div{max-width:100%!important; width:auto!important;}

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

  /*homework*/
  .detail_homework{width:91.4%;padding:0 4.3%}
  .detail_homework div table table .headerbg{background:rgb(169,50,56);}
  .detail_homework div table table .headerbg td{color:rgb(255,255,255);line-height:3.25em;}
  .detail_homework div table table .headerbg td.headertext{font-family: 'Be Vietnam', sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
  .detail_homework div table table .headerbg td a{color:rgb(255,255,255);font-size:0.83em; font-weight:400;}
  .detail_homework div table table .header2bg{background:rgb(0,0,0);border-color:rgb(0,0,0);color:rgb(255,255,255);font-size:0.83em;text-transform:uppercase; line-height:1.5em;}
  .detail_homework div table table .header2bg td{color:rgb(255,255,255);}

  /*scholarships*/
  .detail_scholarships input[name="keywords"],
  .detail_scholarships select{width:90%!important;}
  .detail_scholarships .headerbg{background:rgb(169,50,56);color:rgb(255,255,255);}
  .detail_scholarships .headertext{color:rgb(255,255,255);}

  /*iForm*/
  .detail_iform input{margin-bottom:0.75em;}
  .detail_iform  table td{padding-left:0.5em!important;}
  .detail_iform  table table td{padding-left:0!important;}
  .detail_iform  table table table td{padding-top:0!important;}
  .detail_iform p {padding-bottom:0.25em!important;}
  .iform-input-label-checkbox,.iform-input-label-radio{line-height:1em; padding-left:0.25em;}

  /***LANDING PAGES***/
  .home-row{width:100%;display:inline-flex; flex-flow:row wrap; justify-content:flex-start; align-content: flex-start;float:left;position:relative;overflow:hidden;}

  .button{position:relative; font-size: 1em;line-height: 1em; padding:0.25em; font-family: 'Be Vietnam', sans-serif;font-weight: 700; background:none; border:none;
      display: inline-block; color: rgb(169,50,56)!important; text-align: center;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
  .button .icon{display:inline-block; font-size:0.7em; padding-left:0.35em;}
  .button:after{content:'' !important; position:absolute; left:0; bottom:-0.5em; width: 100%; height:3px; background:transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display:inline-block; text-decoration:none; z-index:0; margin: 0;}
  .button:hover,.button:focus,.button:active{text-decoration:none; font-weight: 700;}
  .button:hover:after,.button:focus:after,.button:active:after{display: block; width:100%; background:rgb(250,191,26); margin: 0; height: 3px;}
  .button.reverse{color:rgb(255,255,255)!important;}

  /*Entrance*/
  #entrance{display:inline-block;}
  .main-slider{width:67%; display:inline-block;position:relative;float:right; z-index:8;}
  .main-slider .slider-link{display:inline-block; width:100%;position:relative;}
  .main-slider .slider-image{width:100%; height: 46vw; display:inline-block; background-position:center center!important; background-size:cover!important; z-index:0; float:left;}
  .main-slider .slider-image:before{background: -moz-linear-gradient(left,  rgba(249,249,249,1) 0%, rgba(249,249,249,1) 22%, rgba(249,249,249,0) 36%, rgba(249,249,249,0) 100%); background: -webkit-linear-gradient(left,  rgba(249,249,249,1) 0%,rgba(249,249,249,1) 22%,rgba(249,249,249,0) 36%,rgba(249,249,249,0) 100%); background: linear-gradient(to right,  rgba(249,249,249,1) 0%,rgba(249,249,249,1) 22%,rgba(249,249,249,0) 36%,rgba(249,249,249,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}
  .main-slider.w-links .slider-image:before{content:'';position:absolute;left:0;top:0; height:100%; width:100%;
    background: -moz-linear-gradient(left,  rgba(249,249,249,1) 0%, rgba(249,249,249,0) 25%, rgba(249,249,249,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(249,249,249,1) 0%,rgba(249,249,249,0) 25%,rgba(249,249,249,0) 100%);
    background: linear-gradient(to right,  rgba(249,249,249,1) 0%,rgba(249,249,249,0) 25%,rgba(249,249,249,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}
  .main-slider .slide-text{position:absolute; right:3.5%;bottom:4.5em;width:50%;padding:0.65em 2.5%;opacity:1!important;background:rgb(255,255,255); z-index:2;}
  .main-slider .slide-text h2{font-weight:800; font-size:2em; font-style:italic;position:relative;}
  .main-slider .slide-text a{position:absolute; bottom:1em; right:-1em;}
  .main-slider .slide-text a.slide-pop{bottom:2.5em;}
  .main-slider .slide-text .icon-bg{background:rgb(144,144,144);color:rgb(0,0,0);}
  .main-slider .slide-text a:hover,
  .main-slider .slide-text a:focus,
  .main-slider .slide-text a:active{text-decoration:none;}
  .main-slider .slide-text a:hover .icon-bg,
  .main-slider .slide-text a:focus .icon-bg,
  .main-slider .slide-text a:active .icon-bg{background:rgb(169,50,56); color:rgb(255,255,255);}
  .white-popup {max-width: 70%;margin: 4em auto;}

  .slider-dots{position:absolute; bottom:1em; right:2%; padding:0 1.5em;  z-index:9;}
  .slider-dots ul{margin:0; padding:0; list-style:none; display:block; position:relative;}
  .slider-dots ul li{display: inline-block; margin:0 0.25em;}
  .slider-dots button{background:rgb(255,255,255); width:16px; height:16px; color:rgb(0,0,0); -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px; border:0;}
  .slider-dots button:hover,
  .slider-dots button:focus,
  .slider-dots button:active,
  .slider-dots .slick-active button{background:rgb(250,191,26); color:rgb(0,0,0);}
  .slider-dots button.slider-arrow{text-indent:0; background:none; color:rgb(0,0,0); position:absolute; top:60%; left:0; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
  .slider-dots button.slider-arrow.slick-next{left:auto; right:0;}
  .slider-dots button.slider-arrow:hover,
  .slider-dots button.slider-arrow:focus,
  .slider-dots button.slider-arrow:active{color:rgb(144,144,144);}

  #entrance-links{width:90%; float:left; position:relative;; margin:5em 0; padding:0; list-style:none;
    display:inline-flex; flex-flow:row wrap; justify-content:flex-end; align-content:flex-start;}
  #entrance-links.w-slider{width:30%; position:absolute; left:0; bottom:2.5em; margin:0;}
  #entrance-links li{flex-basis:100%; display:inline-flex; flex-flow:row wrap; justify-content:flex-start; align-content:stretch; align-items:stretch; background:rgb(255,255,255); -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1); box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1); margin-bottom:1em; min-height:6.5em;}
  #entrance-links li:hover,
  #entrance-links li:focus,
  #entrance-links li:active,
  #entrance-links li:focus-within{-moz-transform: scale(1.1) translateX(20px);
  -webkit-transform: scale(1.1) translateX(20px);
  -o-transform: scale(1.1) translateX(20px);
  -ms-transform: scale(1.1) translateX(20px);
  transform: scale(1.1) translateX(20px);}
  #entrance-links li a{width:calc(95% - 5em); padding-left:5%; border-right:5em solid rgb(250,191,26); display:inline-flex; flex-flow:row wrap; justify-content:space-between; align-content:center; align-items:center; text-align:left;position:relative;}
  #entrance-links li .icon-bg{background: rgb(144,144,144); width:3.5em; height: 3.5em; margin-right:-2em;}
  #entrance-links li .icon-bg .icon{font-size:1.65em;}
  #entrance-links li a:hover,
  #entrance-links li a:focus,
  #entrance-links li a:active{text-decoration:none; }
  #entrance-links li a span.title{position:relative; display:inline-block; max-width:70%; padding:0.1em 5% 0.5em; border-left:0.15em solid rgb(250,191,26); border-bottom:0.15em solid rgb(250,191,26); font-size:1.4em; font-weight:800; line-height:1em; text-transform:uppercase;}

  #featured{padding:3.5em 0;}
  #featured ul{display:inline-flex; justify-content:center; align-items:center; align-content:center; width:100%; margin:0; padding:0; list-style:none; flex-flow:row wrap;}
  #featured li{width:15.6vw; height:15.6vw; margin:0 2vw; border:0.3em solid rgb(169,50,56); -webkit-border-radius:50%; border-radius:50%; background:rgb(169,50,56); color:rgb(255,255,255); display:inline-flex; justify-content:center; align-items:center; align-content:center; position:relative; flex-flow:row wrap; -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.3); box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.3);}
  #featured li:focus-within, #featured li:hover,
  #featured li:focus, #featured li:active{border-color:rgb(156,156,156);background:rgb(144,144,144); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
  #featured li a{position:absolute; top:0; left:0; width:100%; height:100%; display:inline-flex; justify-content:center; align-content:center; align-items:center; color:rgb(255,255,255); flex-flow:row wrap;}
  #featured li a:hover,
  #featured li a:focus,
  #featured li a:active{text-decoration:none; color:rgb(169,50,56);}
  #featured li .icon{color:rgb(250,191,26); display:block; flex-basis:100%; text-align:center; font-size:4em;margin-bottom:0.2em;}
  #featured li .title{font-size:1.35em;line-height:1em; display:block; text-align:center; flex-basis:80%; text-transform:uppercase; font-weight:800;}
  #featured .stat-set li .title{font-size:3em; color:rgb(250,191,26);flex-basis:80%;}
  #featured .stat-set li .subtitle{font-size:1.35em;line-height:1em; display:block; text-align:center; flex-basis:80%; margin-top:0.7em; font-weight:600;}
  #featured li:focus-within
  #featured li:hover,
  #featured li a:hover,
  #featured li a:focus,
  #featured li a:active{color:rgb(169,50,56);}

  .column-row{display:inline-flex; flex-flow:row wrap; justify-content:space-evenly;align-items:stretch;align-content:stretch;width:100%;}
  .column-row h2{padding:0;border:0;font-size:2.4em;line-height:1em; margin:0 0 0.75em; text-transform:uppercase;}
  .column-row h2 .icon{font-size:0.7em; margin-right:0.5em;}
  .column-row .button{margin-top:2em;}
  .column-1{flex-basis:100%; display:inline-block; width:100%;}
  .column-2{flex-basis:50%; display:inline-block; width:50%;}
  .column-3{flex-basis:33.33%; display:inline-block; width:33.33%}
  #column2{background:rgb(169,50,56); color:rgb(255,255,255);}
  #column2 h2{color:rgb(255,255,255);}
  .column-wrapper{padding:2.5em 6.25%; width:87.5%;display:inline-block;}

  /*Flex Video*/
  .flex-img{width: calc(100% - 1.35em);margin:1.35em 0; background-size:cover!important; background-position:center!important; background-repeat: no-repeat!important; height:14.5vw; display:inline-flex; justify-content:center; align-content:center; align-items:center; position:relative;}
  .column-2 .flex-img{height:29vw;}
  .column-1 .flex-img{height:43.5vw;}
  .flex-img:before,
  .flex-img:after{content:''; background:rgb(250,191,26); position:absolute; right:-1em ; top:-1em;}
  .flex-img:before{height:0.3em; width:20%;}
  .flex-img:after{height:50%; width:0.3em;}
  .flex-img a:hover,
  .flex-img a:focus,
  .flex-img a:active{ text-decoration:none; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

  /*Events*/
  #events-links{margin:2em 0 0; padding:0; text-align:left; list-style:none; width:100%; display:block;}
  #events-links li{margin:0 0.5em; display:block;}
  #events-links li .button{margin-top:0!important;}
  .events-list{margin:0;padding:0;list-style:none;width:100%; position:relative; width:100%;
    display:inline-flex; flex-flow:row wrap; justify-content:space-between; align-content:stretch; align-items:stretch;}
  .events-list ul{margin:0; padding:0; list-style:none; width:100%;}
  .events-list li{width:100%;padding:0;margin:0 0 1em;display:inline-block;vertical-align:top; }
  .events-list li .dateWrapper{padding:0; margin:0; width:100%;display:inline-block;position:relative;}
  .events-list li h3{width:4em; height:4em; font-size:1em; padding:0; border-radius:50%; text-align:center; display:inline-flex; justify-content:center; align-items:center; border: 2px solid rgb(255,255,255); background:rgb(250,191,26); color:rgb(0,0,0);}
  .events-list li h3 .event-date-bg{display:inline-block; position:relative; width:90%; padding:0 5%; font-weight:600;}
  .events-list li h3 .event-day{display:block; width:100%; text-transform:uppercase; font-weight:800;}
  .events-list li .event{width: calc(95% - 4em);display:inline-block;position:relative;float:right;}
  .events-list li .event h4{font-style:800;font-size:1.3em;line-height:1em;padding:0 0 0.25em; text-transform:uppercase;}
  .events-list li .event h4 a{color:rgb(255,255,255);}
  .events-list li .event h4 a:hover,.events-list li .event h4 a:focus,.events-list li .event h4 a:active{color:rgb(249,249,249); text-decoration:none;}
  span.eventColor {width: 0.8em;height: 0.8em;display: inline-block;float: left;  margin-right: 1em;}
  .events-list li .event h5{padding:0;font-size:0.9em; font-weight:600; line-height:1em; font-style:normal; padding:0.15em 5%; width:90%; border-left:0.15em solid rgb(144,144,144); color:rgb(255,255,255);}

  /*Social*/
  #column1 .detail_social_media_feed .cmsFacebookFeed .cmsFbItem{border-bottom:0;padding-bottom:0; width:calc(100% - 1em); padding-right:1em; padding-top:1em; border-right: 0.3em solid rgb(250,191,26); position:relative;}
  #column1 .detail_social_media_feed .cmsFacebookFeed .cmsFbItem:before{content:'';position:absolute;top:0; right:0; width:30%; height:0.3em; background:rgb(250,191,26);}
  /*Stories*/
  #stories{padding:3em 0; z-index:4; position:relative;}
  #stories:before{content:''; position:absolute; top:40%; left:0; width:100%; height:2px; background: rgb(250,191,26); display:inline-block;}
  #stories h2{width:100%; float:left;  color:rgb(0,0,0); font-size:2.2em; font-style:italic; margin:0 0 2.5em;  }
  .stories-nav{width:26%; float:left;padding-top:1.5em; position:relative; }
  .stories-slider{width:70%;display:inline-block;position:relative;float:right; margin:0; padding:0; list-style:none;}
  .stories-slider .slick-list{padding:0 15%;}
  .stories-slider li{padding:0; margin:0 1em 0;display:inline-block; background:rgb(255,255,255);}
  .stories-slider li:nth-child(2n){margin-top:4em;}
  .stories-slider li:hover,
  .stories-slider li:focus,
  .stories-slider li:active{-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.18); box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.18);
      -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  .stories-slider li .stories-text{width:95%; padding:1em 2.5%; display:inline-block; text-align:center; border: 1px solid rgba(0,0,0,0.15);}
  .stories-slider li .stories-text h3{font-size:1.3em; padding:0.5em 0; font-weight:900; font-style:italic; color:rgb(0,0,0);}
  .stories-slider li .stories-text p{font-size:0.9em; padding:0 0 1em;}
  .stories-slider li .stories-text .button{font-size:0.9em; width:90%;}
  .stories-slider li .stories-img{display:inline-block; width:100%; height:14.5em; background:rgb(169,50,56) url(www.sturbay.k12.wi.us/custom/images/homepage/asset_stories_bg.png) left top no-repeat; background-size:cover; float:left}
  .stories-slider li .stories-img.w-photo{background-size:cover!important; background-position:center!important;}
  #stories-arrows{position:relative; width:100%; display:inline-flex; justify-content: space-between; flex-flow: row wrap; align-content:flex-start; margin-top:1.5em;}
  .stories-nav .button{position:absolute; bottom:3.5em; left:50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); z-index:4;}

  #landing-announce{margin:0;padding:0;list-style:none;display:inline-block;}
  #landing-announce li{margin:0 0 2.5em; display:block; width: 100%; display: inline-flex;flex-flow: row wrap;justify-content: flex-start; align-content: stretch; align-items: stretch; background: rgb(255,255,255); -webkit-box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 10%); box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 10%);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  #landing-announce li a {
    width: calc(95% - 2.5em);padding-left: 5%; border-right: 2.5em solid rgb(250,191,26); display: inline-flex;flex-flow: row wrap;justify-content: space-between;align-content: center;align-items: center;text-align: left;position: relative;}
  #landing-announce li h3{position: relative;display: inline-block;max-width: 70%;padding: 0.1em 5% 0.5em;border-left: 0.15em solid rgb(250,191,26);border-bottom: 0.15em solid rgb(250,191,26);font-size: 1.4em;font-weight: 800;line-height: 1em; text-transform: uppercase; margin: 0.6em 0;}
  #landing-announce li a:hover,
  #landing-announce li a:focus,
  #landing-announce li a:active{text-decoration:none; }
  #landing-announce li:hover,
  #landing-announce li:focus,
  #landing-announce li:active,
  #landing-announce li:focus-within{-moz-transform: scale(1.1) translateX(20px); -webkit-transform: scale(1.1) translateX(20px); transform: scale(1.1) translateX(20px);}

  #landing-stories{margin:0;padding:0;list-style:none; display:inline-block; max-width:100%;}
  #landing-stories li{display:inline-block;}
  #landing-stories .stories-img.w-photo{ display:inline-block;width:100%;height:14.5vw; background-size:cover!important; background-position: center!important; background-repeat: no-repeat!important; margin-bottom:1.5em;}
  .column-2 #landing-stories .stories-img.w-photo{height:29vw;}
  .column-1 #landing-stories .stories-img.w-photo{height:43.5vw;}
  #landing-stories h3{ font-size:1.5em; margin-bottom:0.5em;}
  #landing-stories li .button{margin-top:0; width:auto; text-align:left;}
  .landing-stories-wrapper{display:inline-block; width:100%; }
  #landing-stories-arrows{position:relative;display:block; margin-bottom:0.25em; text-align:right;}
  #landing-stories-arrows button{background:none;border:0;margin-top:-1em;}
  #landing-stories-arrows button:hover .icon-bg,
  #landing-stories-arrows button:focus .icon-bg,
  #landing-stories-arrows button:active .icon-bg{color:rgb(255,255,255); background:rgb(250,191,26);}



  /*
    * 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{border-radius:0!important;color:rgb(255,255,255)!important;background:rgb(169,50,56)!important;width:15px!important;height:15px!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(169,50,56)!important;background:rgb(250,191,26)!important;}
  ul.bxslider{margin:0!important; padding:0!important;}
  ul.bxslider ul li{width:75%;}

    /*Media Queries*/
    @media only screen and (min-width:2600px){
      html{font-size:137.25%;}
    }
    @media only screen and (max-width:2600px){
      html{font-size:125%;}
    }
    @media only screen and (max-width:2400px){
      html{font-size:118.75%;}
    }
    @media only screen and (max-width:1800px){
      html{font-size:112.5%;}
    }
    @media only screen and (max-width:1600px){
      html{font-size:100%;}
      #pageTitle h1, .main_body_size .titletext{font-size:1.75em;}
    }
    @media only screen and (max-width:1400px){
      .footer-address{width:50%;}
      .footer-top h2{font-size:2em;}
      .footer-address ul li{width:48%;}
      #social-icons{width:48%;}

      #org-name{font-size:1.3em;}
      #tagline{max-width:30%;width:30%;}
    }
    @media only screen and (max-width:1300px){
      div.figure{width:auto!important;}

     #entrance-links.w-slider{bottom:1em;}
     #entrance-links li{min-height:4.5em;}
     #entrance-links li a span.title{font-size:1.2em;}

     #featured li a{font-size:90%;}

     .column-row{font-size:90%;}
     .column-row h2{font-size:2em;}
    }
    @media only screen and (max-width:1200px){
      #tagline{font-size:1em;}

      .detail_iform fieldset table tr{display:inline-block;width:100%;}
      .detail_iform fieldset table td[width="10"]{display:block;width:100%; line-height:0;}
      .iform-input-text-box{width:100%;}
      .iform-input-text-area{width:100%;}
      .iform-select-wrapper{width:100%; display:block;}
      .iform-input-select{width:100%;}
      .iform-drop table{width:100%;}
      .iform-select-instructions{width:100%;display:block;}
    }
    @media only screen and (max-width:1024px){
      .middle-column{width:93%;}
      .middle_when_right_side_bar{padding:0 2.5%!important; width:55%;}
      .middle_when_no_right_side_bar{width:100%; padding:0!important}
      #sidebar_content{width:35%;}

      #banner .pageTitle h1{font-size:2.2em;}

      .detail_slideshow div{width:100%!important}

      .footer-address{width:100%;}
      #social-icons{width:100%;justify-content:flex-start;}

      .main-slider .slide-text h2{font-size:1.8em;}

      #featured li a{font-size:70%;}

      .column-row{font-size:80%;}
     .column-row h2{font-size:1.7em;}
    }


    @media only screen and (max-width:980px){
      html{font-size:100%;}

      .detail_calendar .calDateToolsShell td{display:block;width:100%;margin-bottom:0.25em;text-align:left;}
      .detail_calendar .calInnerShell{font-size:90%;}

      #tagline{background:none;}

      .main-slider{width:100%;}
      .main-slider .slider-image{height:68vw;}
      #entrance-links.w-slider{width:100%;position:relative; bottom:auto; left:auto; margin:3em 0;}
      .slider-dots{top:63vw; bottom:auto;}

      #banner .pageTitle h1{width:100%; flex-basis:100%; max-width:100%;}
      .internal-nav-select{flex-basis:100%; width:auto;}

      .column-3,.column-2{width:100%; flex-basis:100%;}
      .column-row{font-size:100%;}
     `.column-row h2{font-size:2em;}

     .flex-img,
     .column-2 .flex-img,
     #landing-stories .stories-img.w-photo{height:43.5vw;}
    }


    @media only screen and (max-width:800px){
      html{font-size:106.25%;}

      .wEmergency.header.landing-page{padding-top:0;}

      .middle_when_right_side_bar, .middle_when_no_right_side_bar{width:100%; }
      #sidebar_content{width:90%;margin:3rem 5% 0;}

      #banner.landing-page .pageTitle{position:relative; left:auto; bottom:auto; background:rgb(255,255,255);}
      #banner.landing-page .pageTitle:before{background:rgb(250,191,26);}

      .header.landing-page{background: rgb(255,255,255);position:relative;top:auto;left:auto;right:auto;display:block;}
      #header-btm{position:relative; left:auto; top:auto; padding:0.2em 2.5%; background:rgb(169,50,56);}
      #tagline{color:rgb(255,255,255); width:100%; max-width:100%;text-align:center; margin:0.25em 0 0.5em;}
      #org-name{font-size:1em;}

      .footer-address{text-align:center;}
      .footer-address h3{width:100%;}
      .footer-address ul li{padding-right:0; width:100%; justify-content:center;}
      .footer-credit{width:100%;}
      .footer-credit ul li{width:100%; border:0; margin:0.25em 0; padding:0.25em 0;}
      #social-icons{justify-content:center;}
      .cms4schools-credit{max-width:35%;}

      .slider-dots{top:2.5em;}
      .main-slider .slide-text{bottom:2em; width:75%;}
      .main-slider .slide-text h2{font-size:1.5em;}

      #featured li{width:31.2vw; height:31.2vw;margin-bottom:1.5em;}
      #featured li a{font-size:100%;}
    }
    @media only screen and (max-width:720px){

      .detail_lunchmenu table.borderstyle{font-size:75%;}
       .caltblSearch.calDateToolsShell{display:inline-block; text-align:left; width:100%;}
      .caltblSearch td,.calDateToolsShell td{display:block; width:100%; text-align:left;}
      .caltblSearch input{width:80%;display:block;}

    }
    @media only screen and (max-width:680px){
      html{font-size:100%;}

      .fixed{position:relative;}
      .header.landing-page.fixed{position:relative;}

      #logo{width:100%; max-width:100%; text-align:center; margin:0.25em auto;}
      #logo.w-org-name img{padding-right:0; border:0;}
      #logo img{float:none;}
      #org-name{position:relative; text-align:center; left:auto; top:auto; -webkit-transform:none; -ms-transform:none; transform:none; padding:0.5em 0; width:80%;}

      .main-slider .slide-text h2{width:100%; font-size:1em; max-width:100%;}

       #featured li a{font-size:80%;}

       .white-popup {max-width: 90%;}
    }
    @media only screen and (max-width:580px){
      .detail_lunchmenu table.borderstyle{font-size:65%;}
      .detail_calendar .calInnerShell{font-size:80%;}
      .detail_lunchmenu {font-size:80%;margin:0 2.5%;width:95%;}

      .detail_calendar .calDateToolsShell, .detail_calendar .caltblCat{font-size:80%;}

    }
    @media only screen and (max-width:480px){
      .detail_lunchmenu{font-size:70%}
      .detail_calendar .calInnerShell{font-size:50%;}

      .slider-dots{top:1em;}
      .main-slider .slide-text h2{width:100%; font-size:0.8em; max-width:100%;}
      #featured li a{font-size:70%;}
      .calSearchDiv{font-size:80%;}
    }
    @media only screen and (max-width:420px){
      .detail_lunchmenu {font-size:55%;}
      .detail_lunchmenu table.borderstyle{font-size:100%;}
      .detail_calendar .calInnerShell{padding:0 2.5%;width:95%; font-size:45%;}
    }
    @media only screen and (max-width:380px){
      .detail_calendar .calInnerShell{padding:0;width:100%;}
      .detail_lunchmenu {font-size:50%;}

      .main-slider .slide-text h2{font-size:0.7em;}

      #featured li{width:62.4vw; height:62.4vw;margin-bottom:1.5em;}
      #featured li a{font-size:100%;}
    }
    @media only screen and (max-width:320px){
      .detail_lunchmenu {font-size:45%;}
    }
    @media only screen and (max-width:280px){
      table.calMonthShell{font-size:75%}
      .detail_lunchmenu {font-size:40%;}
    }