/* --- FONTS --- 

 font-family: 'bebas_neueregular';
 font-family: 'latobold';
 font-family: 'latoregular';
 font-family: 'latolight';
 font-family: 'latoblack';

------------ */

.telerik_main_menu .rmRootGroup a.rmExpanded span
{ color: #fff; }

/*--- COLOR GUIDE - FIND AND REPLACE THESE COLORS

Dom     : @color1

Sec     : @color2

---*/
/* --------------------- COLORS ---------------------- */
/*--Link Color--*/
a, a:hover {
  color: #1824C9; }

.subpage .ptl_page a {
  color: #1824C9; }

/*-- school name text color --*/
#school-name h1 {
  color: #1824C9; }

/*-- Section heading BG and text color --*/
.sec-header h2, .sec-header h3 {
  background: #1824C9;
  color: #ffffff; }

/*--  Menubar BG color --*/
#menubar {
  background: #FBDB04; }

/*-- Banner left BG and border bottom color --*/
#banner {
  background-color: #0f1780;
  border-bottom: 15px solid #1824C9; }

/*-- Home News and Upcoming events button --*/
#tbl_news_summary a.read-more, .ptl_upcomingevents .ptl_upcomingevents_footer .more_events:link, .ptl_upcomingevents .ptl_upcomingevents_footer .more_events:visited, .ptl_upcomingevents .ptl_upcomingevents_footer .more_events:active {
  background: #333333; }

/*-- Home News and Upcoming events button HOVER --*/
#tbl_news_summary a.read-more:hover, .ptl_upcomingevents .ptl_upcomingevents_footer .more_events:hover {
  background: #1824C9; }

/*-- Sidenav LV2 border left color --*/
.sitenavl1 a.navLink {
  border-left: 3px solid #FBDB04; }

/*-- Footer BG and text color --*/
#footer {
  background: #0f1780;
  color: #ffffff; }

/*---- TELERIK COLORS ----*/
/*--TOP LEVEL STYLES--*/
.RadMenu .rmGroup .rmText {
  color: #ffffff; }

/*--Normal State--*/
.telerik_main_menu .rmRootGroup a {
  color: #ffffff; }

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

/*--Over and Focused State ***/
.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: #1824C9; }

/*--END OF TOP LEVEL STYLES--*/
/*--DROPDOWN MENU STYLES--*/
/*--Normal State--*/
.telerik_main_menu .rmGroup a {
  color: #ffffff;
  background: #0f1780; }

.telerik_main_menu .rmGroup a span {
  color: #ffffff;
  background: #0f1780; }

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

.telerik_main_menu .rmGroup a:hover span, .telerik_main_menu .rmGroup a.rmFocused span {
  background: #FBDB04;
  color: #000000; }

/*--END OF DROPDOWN MENU STYLES--*/
.rmItem:hover {
  background-color: #1824C9; }

.rmVertical .rmItem:hover a span, .rmVertical .rmItem:hover a {
  background-color: #FBDB04; color: #000; }

/*--DROPDOWN LV2 MENU STYLES--*/
/*--Normal State--*/
.telerik_main_menu .rmGroup .rmGroup a {
  color: #171717;
  background: #ffffff; }

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

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

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

/*--SECOND LEVEL BORDER LEFT--*/
.rmLevel2 {
  border-left: 4px solid #FBDB04; }

/*--END OF DROPDOWN MENU STYLES--*/
/*---- END TELERIK COLORS ----*/
/*--UPCOMING EVENTS--*/
.abtnPrev a, .abtnPrev a:hover, .abtnNext a, .abtnNext a:hover {
  background: #333333;
  color: #ffffff; }

/*--END UPCOMING EVENTS--*/
/* ------------------------------------------------------------- */
/* --------------------- IMAGES ---------------------- */
/*--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 ---------------------- */
/* --------------------- QUICK LINKS ---------------------- */
/* ------------------------------------------------------------- */
body .w-33 {
  float: right; }

body .w-66 {
  float: right; }

.row.bg-d {
  background: #f5f5f5; }

body .row.bg-d .inside-padding {
  padding: 20px 10px 10px 10px; }

body #header > .inside-padding {
  padding: 0px 10px 0px 10px;
  position: relative; }

.sec-header h2, .sec-header h3 {
  padding: 10px;
  font-size: 24px;
  margin: 20px 0; }

#header {
  position: relative;
  overflow: hidden; }

#header-left {
  width: 55%;
  float: left;
  position: relative;
  background: #ffffff;
  padding: 35px 0px 35px 0px; }

#header-left:after {
  background: #ffffff;
  width: 100%;
  height: 100px;
  content: '';
  display: block;
  position: absolute;
  bottom: -100px;
  right: 0px; }

#header-right {
  width: 40%;
  float: right;
  position: relative; }

.header-split-l {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 200px 40px 0 0;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  right: -40px;
  top: 0px; }

#header:before {
  background: #f5f5f5;
  content: '';
  position: absolute;
  left: 50%;
  width: 55%;
  height: 100%;
  display: block; }

#header-address {
  padding: 30px;
  text-align: right;
  line-height: 20px;
  font-family: 'latobold'; }

#header-address div:nth-child(1) {
  line-height: 17px;
  margin-bottom: 10px; }

#header-left a:hover {
  text-decoration: none; }

#logo {
  float: left;
  width: 17%; }

#logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto; }

#school-name {
  float: left;
  width: 83%; }

#school-name h1 {
  margin: 0px;
  font-family: 'latoblack';
  text-transform: uppercase;
  font-size: 33px;
  padding: 10px;
  font-weight: normal; }

#motto {
  font-family: 'latolight';
  font-size: 50%;
  color: #1D1D1D; }

.inner-bar {
  max-width: 1000px;
  margin: 0px auto;
  padding: 0px 10px 0px 10px; }

#banner {
  position: relative;
  margin-bottom: 0px; }

#banner > .inside-padding {
  padding: 15px 10px 15px 10px; }

#footer .inside-padding {
  padding: 25px 10px 25px 20px; }

#footer-left {
  width: 50%;
  float: left; }

#footer-right {
  width: 50%;
  float: left; }

#footer h3 {
  color: #ffffff;
  font-family: 'latoblack';
  text-transform: uppercase;
  font-size: 22px;
  margin: 0px 0px 10px; }

#footer-address {
  color: #FFF; }

.credits {
  background: #333333;
  text-align: center;
  color: #ffffff;
  padding: 5px; }

.label_skin_corporation {
  font-size: 13px;
  font-family: 'latolight'; }

.label_skin_corporation a {
  color: #ffffff;
  text-decoration: none;
  font-family: 'latolight'; }

.label_skin_corporation a:hover {
  color: #ffffff;
  text-decoration: underline; }

#RSSLink {
  display: none; }

.news .inner-news {
  height: auto; }

ul#social {
  list-style: none;
  margin: 0px;
  padding: 0px;
  float: right; }

#footer li.icn {
  display: inline-block;
  padding: 0px 3px 0px 3px; }

#footer li.icn a {
  width: 40px;
  height: 40px;
  display: inline-block; }

#footer li.icn.facebook a {
  background-position: 0px 0px; }

#footer li.icn.twitter a {
  background-position: -40px 0px; }

#footer li.icn.youtube a {
  background-position: -80px 0px; }

#footer li.icn.email a {
  background-position: -120px 0px; }

#footer li.icn a {
  background: url(/common/resources/DesignPortfolio/SiteThemes/CommonLib/social-media/social-sprite.png); }

.subpage #page {
  max-width: 1000px;
  margin: 0px auto;
  padding: 10px; }

#sub-content-left {
  width: 23%;
  float: left; }

#sub-content-right {
  width: 77%;
  float: left; }

a.navLink {
  display: block;
  padding: 6px; }

.sitenavl0.currentpage a.navLink {
  background: #D2D2D2; }

.sitenavl1 a.navLink {
  padding: 3px 6px 3px 6px;
  margin: 6px 0px 6px 0px; }

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

/*** 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-family: 'latoregular';
  font-weight: normal;
  font-size: 12pt; }

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

.RadMenu .rmHorizontal .rmText {
  padding: 0px 8px 0px 8px !important;
  letter-spacing: 0.06em; }

.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;
  font-family: 'latoregular'; }

.telerik_main_menu .rmRootGroup a span {
  text-decoration: none;
  font-size: 14px;
  font-family: 'latoregular';
  font-family: 'latoblack';
  text-transform: uppercase; }

/*** 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 a {
  text-decoration: none;
  font-size: 10pt;
  font-weight: normal; }

.telerik_main_menu .rmGroup a span {
  text-decoration: none;
  font-size: 10pt;
  font-weight: normal;
  line-height: normal !important;
  font-family: 'latoregular', Arial, Helvetica, sans-serif;
  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 ***/
#mobile-bar {
  line-height: 40px;
  color: #000000;
  text-indent: 15px; }

@media screen and (max-width: 640px) {
  #header-left {
    padding-bottom: 0px; }

  #header-address {
    padding-top: 0px;
    text-align: center; }
 }

@media screen and (max-width: 540px) {
  .w-75 .news {
    width: 100%; }

  .news:nth-child(2) {
    margin: 0px; }
 }

#social li.icn a:hover {
  opacity: 0.8; }

/*===== FONTS =====*/
@font-face {
  font-family: 'bebas_neueregular';
  src: url('/common/template-fonts/BebasNeue-webfont.eot');
  src: url('/common/template-fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('/common/template-fonts/BebasNeue-webfont.woff') format('woff'), url('/common/template-fonts/BebasNeue-webfont.ttf') format('truetype'), url('/common/template-fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latobold';
  src: url('/common/template-fonts/lato-bol-webfont.eot');
  src: url('/common/template-fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'), url('/common/template-fonts/lato-bol-webfont.woff') format('woff'), url('/common/template-fonts/lato-bol-webfont.ttf') format('truetype'), url('/common/template-fonts/lato-bol-webfont.svg#latobold') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latoregular';
  src: url('/common/template-fonts/lato-reg-webfont.eot');
  src: url('/common/template-fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'), url('/common/template-fonts/lato-reg-webfont.woff') format('woff'), url('/common/template-fonts/lato-reg-webfont.ttf') format('truetype'), url('/common/template-fonts/lato-reg-webfont.svg#latoregular') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latolight';
  src: url('/common/template-fonts/lato-lig-webfont.eot');
  src: url('/common/template-fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'), url('/common/template-fonts/lato-lig-webfont.woff') format('woff'), url('/common/template-fonts/lato-lig-webfont.ttf') format('truetype'), url('/common/template-fonts/lato-lig-webfont.svg#latolight') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latoblack';
  src: url('/common/template-fonts/lato-bla-webfont.eot');
  src: url('/common/template-fonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'), url('/common/template-fonts/lato-bla-webfont.woff') format('woff'), url('/common/template-fonts/lato-bla-webfont.ttf') format('truetype'), url('/common/template-fonts/lato-bla-webfont.svg#latoblack') format('svg');
  font-weight: normal;
  font-style: normal; }

/*-------------------------------------------------------------------------*/

.clever{
float:right;
}

.clever img{
    width: 40px!important;
    height: 40px!important;
    display: inline-block;
    border-radius: 50%;
    padding: 0px 3px;
}