@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,400italic);
/*
font-family: 'Open Sans', sans-serif;
 font-family: "Times New Roman", Georgia, Serif;
 */

iframe.chat-box {
position:fixed;
bottom:10px;
right:10px;
  width:850px;
  height:800px;
z-index:1;
}

 .subpage .mainContent a {
  color: #0000cd;
  text-decoration: underline;
}
.subpage .mainContent a:hover, .subpage .mainContent a:focus {
  text-decoration: none;
}

#featuredLinks .w-25 {
  float: none;
  width: 210px;
  display: inline-block;
  margin: 0 2%;
}

#btn_month_12712452 { color: #000; }

.sec-header {
  font-size: 24px;
  font-weight: 600;
}

.object-fit{
  object-fit: cover;
  object-position: center center;
  background-size: cover;
  background-position: center center;
}

#news-summary .content a.title { color: #000000; }
#news-summary .content .date { color: #2d2d2d; }

#mMenuCMS a { font-size: 20px; }

@media screen and (max-width: 960px){
  div[id$="_divContent"] div[class^="w-"] {
    width: 100%;
    float: none;
  }
}

/* --------------------- COLORS ---------------------- */

/*- Bottom Homepage / Subpage Background Color -*/
.bg-d.row, li.newsPost, .upcomingEvents, #theme.subpage #page {
  background: #f4f0e9;
  position: relative;
}

/*- News 'Read More' Background and Text Color -*/
.newsCaption a {
 background: #3d533e;
 color: #ffffff;
}
.newsCaption a:hover {
 color: #ffffff;
}

/*- Slider Controls Background Color -*/
#page ul.flex-direction-nav {
 background: #718872;
}

/*- Slider Controls Arrow Color -*/
.newsRight .flex-direction-nav a, #upcoming-event-wrapper .flex-direction-nav a {
 color: #ffffff;
}

/*- Secondary News Title Text Color -*/
.newsCaption .title {
 color: #ffffff;
}

/*- Main News Item Title Text Color -*/
.newsLeft .newsCaption .title {
 color: #516b52;
}

/*- Breadcrumb Text Color -*/
#breadcrumbs, #breadcrumbs a {
  color: #044767;
}


/*---- TELERIK COLORS ----*/

/*--TOP LEVEL STYLES--*/

/*--Normal State--*/
.inner-bar a,
.telerik_main_menu .rmRootGroup a {
 color: #666666;
}

.telerik_main_menu .rmRootGroup a span {
 color: #0b2449;
}

/*--Over and Focused State ***/
.inner-bar a:hover,
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused {
 color: #ffffff;
}

.telerik_main_menu .rmRootGroup a:hover span,
.telerik_main_menu .rmRootGroup a.rmFocused span {
 color: #ffffff;
}

/*--TOP LEVEL HOVER BG COLOR AND IMAGES (two images)--*/
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused {
 background-color: #2d3738;
}

/*--END OF TOP LEVEL STYLES--*/


/*--DROPDOWN MENU STYLES--*/

/*--Normal State--*/
.telerik_main_menu .rmGroup a {
 color: #ffffff;
 background: #516b52;
}

.telerik_main_menu .rmGroup a span {
 color: #ffffff;
 background: #516b52;
}

/*--Over and Focused State--*/
.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused {
 background: #3d533e;
 color: #ffffff;
}

.telerik_main_menu .rmGroup a:hover span,
.telerik_main_menu .rmGroup a.rmFocused span {
 background: #3d533e;
 color: #ffffff;
}

/*--END OF DROPDOWN MENU STYLES--*/

.rmItem:hover {
 background-color: #2d3738;
 color: #ffffff;
}

.telerik_main_menu .rmRootGroup > li:hover > a span {
 color: #ffffff;
}

.rmVertical .rmItem:hover a span, .rmVertical .rmItem:hover a {
 background-color: #3d533e;
}

/*--DROPDOWN LV2 MENU STYLES--*/

/*--Normal State--*/
.telerik_main_menu .rmGroup .rmGroup a {
 color: #ffffff;
 background: #222A2B;
}

.telerik_main_menu .rmGroup .rmGroup a span {
 color: #ffffff;
 background: #222A2B;
}

/*--Over and Focused State--*/
.telerik_main_menu .rmGroup .rmGroup a:hover,
.telerik_main_menu .rmGroup .rmGroup a.rmFocused {
 background: #2d3738;
 color: #ffffff;
}

.telerik_main_menu .rmGroup .rmGroup a:hover span,
.telerik_main_menu .rmGroup .rmGroup a.rmFocused span {
 background: #2d3738;
 color: #ffffff;
}

/*--SECOND LEVEL BORDER LEFT--*/

.rmLevel2 {
 border-left: 4px solid #3d533e;
}

/*--END OF DROPDOWN MENU STYLES--*/

/*---- END TELERIK COLORS ----*/

/*------------------------------- END COLORS -------------------------------*/

/* --------------------- IMAGES ---------------------- */

/*- Subpage Hero Image -*/
.subHero {

}

/*--Navigation Arrow BG--*/
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 background: url(/Common/resources/DesignPortfolio/SiteThemes/Metric/Blue/arrows-sprite.png);
}

/*--Navigation Arrow--*/

/*--Light--*/
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 background-position: -18px -44px !important;
}

/*or*/

/*--Dark--*/
/*
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 background-position: -18px -8px !important;
}
*/

/*------------------------------- END IMAGES -------------------------------*/



#pubWrapper {
 color: #ffffff;
}

a:not(.link) {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.portletEditMode a, .designMode a {
  transition: none;
}

html, body {
 height: 100%;
}

.w-20 {
 width: 20%;
 display: inline-block;
 vertical-align: top;
}

html body {
 font-family: 'Open Sans', sans-serif;
 font-size: 16px;
 line-height: normal;
 color: #2e3738;
 -webkit-font-smoothing: antialiased;
}

#theme .row.bg-d .inside-padding { padding: 10px; }
.row.bg-d > .inside-padding { padding: 20px; }

#menubar .inside-padding {
 padding: 0px 10px 0px 10px;
 display: inline-block;
}

#menubar .row {
 margin: 0px;
}

ul.socialMedia {
  list-style: none;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  position: fixed;
  left: 0;
  top: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

ul.socialMedia li {
  display: inline;
}

ul.socialMedia li a {
  display: block;
  position: relative;
  width: 40px;
  line-height: 40px;
  text-align: center;
  background: #333333;
  color: #ffffff;
  margin: 8px 10px;
  font-size: 20px;
  border-radius: 100px;
}

ul.socialMedia li a:after {
  content: '';
  display: block;
  width: calc(100% + 14px);
  height: calc(100% + 14px);
  background: transparent;
  border: 2px solid #fff;
  border-radius: 100px;
  position: absolute;
  left: -9px;
  top: -9px;

  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -webkit-transform: scale(.8);
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  transition: transform 0.2s, opacity 0.2s;
  transform: scale(.8);
  opacity: 0;
}

ul.socialMedia li.facebook a:after { border-color: #507cbe; }
ul.socialMedia li.twitter a:after { border-color: #63cdf1; }
ul.socialMedia li.youtube a:after { border-color: #f16261; }
ul.socialMedia li.linkedIn a:after { border-color: #2a5f9f; }

ul.socialMedia li a:hover:after, ul.socialMedia li a:focus:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

ul.socialMedia li.facebook a { background-color: #507cbe; }
ul.socialMedia li.twitter a { background-color: #63cdf1; }
ul.socialMedia li.youtube a { background-color: #f16261; }
ul.socialMedia li.instagram a { background-color: #a57d60; }
ul.socialMedia li.email a { background-color: #fcc95d; }
ul.socialMedia li.linkedIn a { background-color: #2a5f9f; }

/*---- HEADER ----*/

#header {
  background: rgba(244, 240, 233, 0.9);
  margin: 30px 0;
  position: relative;
}

#header > .inside-padding, #footer > .inside-padding {
  padding: 0 !important;
  position: relative;
}

.logo { 
  display: inline-block;
  width: 25%;
}

.logo a {
  background: #f4f0e9;
  display: inline-block;
  padding: 10px 40px;
  box-shadow: 0 0 4px rgba(0,0,0,0.6);
  position: absolute;
  top: -30px;
}

.logo a img {
  width: 160px;
}

#menubar {
  display: inline-block;
  width: 75%;
  text-align: right;
position:relative;
z-index:9999
}


/*---- HOMEPAGE LAYOUT ----*/

#heroImage {
  height: 500px;
}


/*---- QUICK LINKS ----*/

#featuredLinks:after {
  content:'';
  display: block;
  position: relative;
  height: 74px;
  background: url('/UserFiles/Servers/Server_10384345/Templates/ql-event-curve.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/*---- QUICK LINKS ----*/





/*---- EVENTS ----*/

#events {
  background: url('/UserFiles/Servers/Server_10384345/Templates/fb3d802b.png');
  margin-top: -70px;
  padding-top: 70px;
  padding-bottom: 40px;
  margin-bottom: 0;
}

.subpage #events { background: transparent; }

#events ul {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

#events ul:before {
  content: '';
  background: #8cc641;
  height: 100%;
  width: 2px;
  display: block;
  position: absolute;
  margin: 0 20px;
}

#events ul li {
  display: none;
  list-style: none;
  position: relative; }

  #events ul li:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #8bc740;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 12px;
  }

  #events ul li:nth-child(-n+4) {
    display: block;
  }

  #events ul li a.eventPlaceHolder {
    display: block;
    position: relative;
    margin: 3% 2% 2% 60px;
    background: #ffffff;
    box-shadow: 0 0 2px 0 rgba(141, 198, 65, 0.6);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
  }

  #events ul li a.eventPlaceHolder:hover, #events ul li a.eventPlaceHolder:focus {
    box-shadow: 1px 0 2px 2px rgba(141, 198, 65, 0.8); }

    #events ul li a.eventPlaceHolder:before, #events ul li a.eventPlaceHolder:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 0;
      height: 0;
      z-index: -1;
      border-top: 14px solid transparent;
      border-bottom: 14px solid transparent;
      border-right: 14px solid #8bc740;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
    }

    #events ul li a.eventPlaceHolder:hover:before, #events ul li a.eventPlaceHolder:focus:before {
      left: -14px;
    }

    .eventsRow {
      /* margin: 1.5%; */
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      width: 18%;
      min-width: 60px;
    }


    .eventsDate {
      display: block;
      background: #8cc641;
      color: #044767;
      padding: 10px 0px;
      text-align: center;
      text-transform: uppercase;
      max-width: 70px;
    }

    .textArea h2.textLabel {
      color: #542471;
      font-size: 22px;
      font-weight: 400;
      letter-spacing: 1px;
      display: inline-block;
      margin: 0; }

      .Datemonth {font-size: 18px;font-weight: 700;}

      .Dateday {font-size: 28px;font-weight: 400;}

      .eventsLabel {
        display: inline-block;
        vertical-align: middle;
        max-width: 68%;
        margin-left: 2%; }

        .Labeltitle {
          color: #2d2d2d;
          font-size: 16px;
          font-weight: 700;
        }

        .Labeldate {
          color: #2d2d2d;
          font-weight: 300;
          font-size: 14px;
          padding: 5px 0px;
        }

        .LabelText { padding: 5px 0px; }

        /*---- end EVENTS ----*/



        /*---- NEWS ----*/

        #news {
          background: #044767;
          padding: 60px 0;
        }

        .subpage #news_content_body {
          padding: 15px 0px !important;
        }

        /*---- end NEWS ----*/

        #footerBG {
          display: block;
          position: absolute;
          width: 100%;
          height: 30%;
          background: #044666;
        }

        /*---- FOOTER ----*/

        /*- Footer Background and Text Color -*/
        #footer {
          position: relative;
          background: rgb(244, 240, 233);
          margin: 20px 0;
          font-size: 12px
        }

        #footer-info {
          text-align: right;
          display: inline-block;
          width: 75%;
        }

        #footer-info > .inside-padding {
          padding: 12px 30px;
        }

        #footer .logo a {
          bottom: -20px;
          top: auto;
        }

        /*- Footer Phone/Fax Text Color (Should Match Footer) -*/
        #footer .phone a {
          color: #A9A9AB;
        }

        #footer .phone a { color: #A9A9AB; };


        .credits a:hover {
         text-decoration: none;
       }

       .label_skin_corporation { 
        font-size: 12px;
        margin-top: 10px;
        display: block;
      }

      /*---- SUBPAGE LAYOUT ----*/
      #theme.subpage #page > .inside-padding {
        padding: 0px;
      }

/*#theme.subpage #page:before {
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    background: url(/UserFiles/Servers/Server_10384345/Templates/sub-top-curves.png) no-repeat bottom;
    background-size: 100% 100%;
    position: absolute;
    top: -100px;
    }*/

    #theme.subpage #page:after {
      content: '';
      display: block;
      width: 100%;
      height: 100px;
      background: url(/UserFiles/Servers/Server_10384345/Templates/sub-bottom-curves.png) no-repeat top;
      background-size: 100% auto;
      position: absolute;
      bottom: -100px;}

      

     .sideBar {
      width: 23%;
      float: left;
    }

    .mainContent {
      width: 100%;
      margin-right: 1%;
      min-height: 500px;
      /*position: relative;*/
    }

    #inside-nav {
    /*background: rgba(255,255,255,0.2);
    padding: 10px;*/
    position: relative;
  }

  a.navLink {
    color: #000000;
    display: block;
    padding: 10px;
  }

  .currentpage a.navLink {
    background: #ffffff;
    padding: 10px;
    color: #333333;
  }

  a.navLink:hover {
   text-decoration: none;
   opacity: 0.6;
 }

 .currentpage a.navLink:hover {
   color: #333333;
 }

 .subHero {
  background-size: cover;
  background-position: center center;
  color: #ffffff;
  position: relative;
}

.subHero > .inside-padding {
  width: 100%;
  height: 230px;
  padding: 0;
}

#theme.subpage .headerContent {
  display: table-cell;
  vertical-align: middle;
}

.subHero .schoolName {
 font-size: 40px;
 font-weight: bold;
 text-transform: uppercase;
 text-shadow: 0px 0px 16.74px rgba(0, 0, 0, 0.7); 
}

.subHero .motto {
 font-size: 50%;
 font-family: 'Open Sans', sans-serif;
 font-weight: 300;
 text-shadow: 0px 0px 16.74px rgba(0, 0, 0, 0.7)
}

h2.pageTitle {
  font-size: 26px;
  margin: 5px 10px 10px 10px;
  padding: 0px 0px 15px;
  color: #044767;
}

#breadcrumbs {
  margin: 15px 10px 10px 10px;
}

.subHero:after {
  content: '';
  display: none;
  width: 100%;
  height: 10px;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
  position: absolute;
  bottom: 0px;
  opacity: 0.4;
  left: 0px;
}

/*.mainContent:before {
    content: '';
    display: block;
    width: 100%;
    height: 11px;
    position: absolute;
    top: -10px;
    left: 0px;
    background: #ffffff;
    }*/


    /*---- QUICK LINKS ----*/
    #quickLinks.row {
      background: #f4f0e9;
      margin: 0;
      text-align: center;
    }

    #featuredLinks.row {
      background: #f4f0e9;
      margin: 0;
    }

    #quickLinks.row > .inside-padding {
      max-width: 940px;
    }

    #featuredLinks.row > .inside-padding {
      max-width: 1000px;
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
    }

    #quickLinks .w-20 {
      margin-top: -100px;
    }

    .RadMenu a.rmLink {
     line-height: 70px;
   }

   /*** START OF TOP LEVEL MENU STYLES ***/

   .telerik_main_menu a,
   .telerik_main_menu a:hover {
     text-decoration: none;
     font-size: 13px;
     font-weight: normal;
   }

   .telerik_main_menu .rmText {
     padding-top: 5px !important;
     padding-bottom: 15px !important;
   }

   .telerik_main_menu .rmGroup .rmText {
     padding-bottom: 5px !important;
   }

   .RadMenu .rmItem {
     height: auto;
     margin-right: 0px;
   }

   .RadMenu .rmText {
     font-weight: normal;
     font-size: 12pt;
   }

   .RadMenu .rmLink {
     float: left;
     outline: 0 none;
     padding-left: 0px !important;
   }

   .RadMenu .rmHorizontal .rmText {
     padding: 0px 10px 0px 10px !important;
   }

   .RadMenu .rmGroup .rmText {
     margin-left: 0px !important;
     padding: 8px 10px 8px 10px !important;
     margin-bottom: 4px;
   }

   .rmrootGroup .rmHorizontal li.rmItem {
     margin-left: 10px;
   }

   /*** Normal State ***/
   .telerik_main_menu .rmRootGroup a {
     text-decoration: none;
     font-size: 18px;
   }

   .telerik_main_menu .rmRootGroup a span {
     text-decoration: none;
     font-size: 16px;
     font-weight: bold;
   }

   /*** Over and Focused State ***/
   .telerik_main_menu .rmRootGroup a:hover,
   .telerik_main_menu .rmRootGroup a.rmFocused {
     text-decoration: none;
     background-position: left top, right top;
     background-repeat: no-repeat;
   }

   .telerik_main_menu .rmRootGroup a:hover span,
   .telerik_main_menu .rmRootGroup a.rmFocused span {
     text-decoration: none;
   }

   /*** END OF TOP LEVEL MENU STYLES ***/

   /*** START OF DROPDOWN MENU STYLES ***/

   /*** Normal State ***/

   .telerik_main_menu .rmGroup {
   }

   .telerik_main_menu .rmGroup a {
     text-decoration: none;
     font-size: 10pt;
     font-weight: normal;
   }

   .telerik_main_menu .rmGroup a span {
     text-decoration: none;
     font-size: 15px;
     font-weight: 400;
     line-height: normal !important;
     text-transform: none;
   }

   .telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
     content: '';
     position: absolute;
     top: 5px;
     right: 5px;
     width: 18px;
     height: 26px;
   }

   /*** Over and Focused State ***/
   .telerik_main_menu .rmGroup a:hover,
   .telerik_main_menu .rmGroup a.rmFocused {
     text-decoration: none;
     border-bottom: none !important;
   }

   .telerik_main_menu .rmGroup a:hover span,
   .telerik_main_menu .rmGroup a.rmFocused span {
     text-decoration: none;
   }

   /*** Dropdown border ***/
   .RadMenu .rmRootGroup .rmItem ul.rmGroup {
     width: 200px;
     padding: 0px;
   }

   /*** END OF DROPDOWN MENU STYLES ***/



   a#mobile-bar {
    font-size: 17px;
    font-weight: 400;
    color: #666666;
    line-height: 45px;
  }

  a#mobile-bar span.fa.fa-bars {
    margin-right: 10px;
  }


  @media screen and (max-width: 900px) {

    .logo {
      display:;
      width: 100%;
      text-align: center;
    }

    .logo a {
      position: static;
      background: transparent;
      box-shadow: 0 0 0 rgba(0,0,0,0);
    }

    #menubar, #footer-info { 
      width: 100%;
      text-align: center; 
    }

    ul.socialMedia { position: static; flex-direction: row; }

    .ContextBar, a.ContextBar, a.ContextBar:hover { line-height: 30px; }


    .responsiveTemplate #header, .responsiveTemplate #content-wrapper { position: static; }

    #menubar { z-index: 9999; }

    #menubar .inside-padding { display: block; }

    #menubar .megamenu { display: none; }
  }

  @media screen and (max-width: 840px) {

   #events .w-50 {
     width: 100%;
   }

   .bg-d .w-66, .bg-d .w-33 { width: 100%; float: none; }

 }

 @media screen and (max-width: 730px) {

  #heroImage { height: 200px; }

#featuredLinks .w-25 { margin: auto; /*width: 50%;*/ }

#featuredLinks:after { background-size: 100% auto; }

#events { padding-top: 30px; }

.subpage #page .sideBar, .subpage #page .mainContent {
  width: auto;
  float: none;
}

/*#theme.subpage #page:before*/
#sidebar {
  background: url(/UserFiles/Servers/Server_10384345/Templates/sub-top-curves.png) no-repeat bottom right;
  background-size: auto 100%;
}

.mainContent { margin: 20px 0; }

.mainContent:before { display: none; }

.w-20 { width: 50%; }

a.navLink,  a.navLink:hover { color: #333333; }

#quickLinks .w-20 { margin-top: 0; }

}

@media screen and (max-width: 560px) {

 .bg-d > .inside-padding { padding: 10px 0px 10px 0px; }

 #upcoming-event-wrapper .flex-viewport ul { height: 410px !important; }

 #homeNewsWrapper { display: block; }

 .newsLeft, .newsRight { width: 100%; display: block; }

 #articleSlider { margin: 0px; }
 
 .newsLeft { height: 200px; display: table; width: 100%; margin-bottom: 20px; }

 .newsLeft .newsCaption { display: table-cell; vertical-align: bottom; }

}





#sidebar { 
    /*position: relative;
    text-align: right;
    position: relative;
    top: -76px;
    margin-bottom: -70px;*/


    content: '';
    display: block;
    width: 100%;
    height: 100px;
    background: url('/UserFiles/Servers/Server_10384345/Templates/sub-top-curves.png') no-repeat bottom;
    background-size: 100% 100%;
    top: -100px;
    margin-bottom: -100px;
    text-align:  right;
    position:  relative;
  }

  #sidebar:before {
   /*content: "";*/
   display: block;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 0 20px 12px;
   border-color: transparent transparent #000000 transparent; 
   position: absolute;
   top: 0;
   left: -12px;
 }

 #sidebar > .inside-padding { padding: 24px; }

 #sidebar .ptl_col_1, #sidebar .ptl_portlet_vertical {
  overflow: visible;
}

@media only screen and (max-width: 767px) { 
  #sidebar { /*padding: 5px 0; width: 100%; float: none; top: -70px;*/
    background: url(/UserFiles/Servers/Server_10384345/Templates/sub-top-curves.png) no-repeat bottom right;
    background-size: auto 100%;
  }
  #sidebar:before { border-width: 0 0 10px 5px; left: -5px; }
}

#skip a {
  position:absolute;
  left:-10000px;
  top:auto;
  overflow:hidden;
}
#skip a:focus {
  padding: 0.5em 0.5em 0.4em;
  font-size: 14px;
  margin: 0.6em 0;
  border-radius: 5px;
  font-weight: 600;
  color: #654106;
  background: #ffe1b1;
  position: fixed;
  z-index: 9000;
  left: 10px;
  top: 10px;
}
.adminbarVisible #skip a:focus {
  top: 50px;
}

/*--VISUAL FOCUS FOR ACCESSIBILITY--*/
*:focus {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(21,90,143,1);
  -moz-box-shadow: 0px 0px 12px 0px rgba(21,90,143,1);
  box-shadow: 0px 0px 12px 0px rgba(21,90,143,1);
}

.label_skin_corporation a { text-decoration: underline; }

/* Search Styling */
#searchPanel {
  position: absolute;
  right: -webkit-calc(0.6em + 10px);
  right: calc(0.6em + 10px);
  top: -30px;
}

#searchPanel img {
  display: none;
}

#searchPanel a {
  display: inline-block;
  background: #044667;
  height: 30px;
  width: 30px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}

#searchPanel .divSearchBox {
  padding: 0;
  height: 30px !important;
}

#searchPanel .SearchTerm {
  height: 30px;
  padding: 0;
  border: 0;
  position: relative;
  background: #366a85;
  padding: 0 20px;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#searchPanel * {
  color: #fff;
}

#searchPanel .SearchTerm::-webkit-input-placeholder {
  color: #fff;
}

#searchPanel .SearchTerm::-moz-placeholder {
  color: #fff;
}

#searchPanel .SearchTerm:-ms-input-placeholder {
  color: #fff;
}

#searchPanel .SearchTerm::-ms-input-placeholder {
  color: #fff;
}

#searchPanel .SearchTerm::placeholder {
  color: #fff;
}
@media screen and (max-width: 900px) {
  #header {
    margin: 0 0 30px 0;
    padding-top: 30px;
  }

  #searchPanel {
    right: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
  }

  .logo a {
    padding: 20px 40px 10px;
  }

  #searchPanel .SearchTerm {
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
  }
}
/* End of Search Styling */

@media only screen and (max-width: 990px) { 
iframe.chat-box {
width: 100%;
    height: 500px;
}
}