/* --- FONTS --- 

 font-family: 'asapregular';
 font-family: 'asapbold';
 font-family: 'latobold';
 font-family: 'latoregular';
 font-family: 'latolight';
 font-family: 'latoblack';

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

Dom     : @color1
Sec     : @color2

---*/
#ctl00_ContentPlaceHolder1_ctl04_divEdit, #ctl00_ContentPlaceHolder1_ctl04_divSettings, #ctl00_ContentPlaceHolder1_ctl04_divEditMode {
  max-width: 960px;
  margin: 0px auto; }

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

.subpage .ptl_page a {
  color: #2293CE; }

/*--Header BG and Border Bottom Color--*/
#header {
  background: #767676;
  border-bottom-color: #2293CE; }

/*--Mobile Menu BG--*/
.mm-ismenu {
  background: #808080; }

/*--H4 Color--*/
h4 {
  color: #007eb4; }

/*--School Name Color--*/
#school-name h1 {
  color: #fff; }

/*--School Name Extension Color--*/
#school-name h1 span {
  color: #fff;
  }

/*--Header Links Color--*/
#header-links, #header-links a, #header-links a:hover {
  color: #fff;
  }

/*--Header Links Circle Color--*/
#header-links span {
  border-color: #2293CE; }

/*--Menubar BG Color--*/
#menubar {
  background: #2293CE; }

/*--Menubar Triangle Color Left--*/
#menubar:after {
  border-color: transparent #2293CE transparent transparent; }

/*--Menubar Triangle Color Right--*/
#menubar:before {
  border-color: #2293CE transparent transparent transparent; }

/*--Motto BG color and text color--*/
.motto {
  background: #2293CE;
  /* The Fallback */
  background: rgba(34, 147, 206, 0.8);
  color: #ffffff; }

/*--Nivo Caption BG--*/
#banner .nivo-caption p {
  background: #808080; }

/*--Section Heading vertical bar color--*/
.sec-header span:first-child, .sec-header span:first-child:after, .sec-header span:last-child, .sec-header span:last-child:after {
  background: #2293CE; }

/*--Footer address BG and text color--*/
#top-footer .inside-padding {
  background: #2293CE;
  color: #fff !important; }

/*--Bottom footer BG, text color, and border color--*/
#bottom-footer {
  background: #767676;
  color: #fff;
  border-top-color: #2293CE; }

/*--Footer left triangle color--*/
#top-footer .inside-padding:after {
  border-color: transparent transparent #2293CE transparent; }

/*--Footer right triangle color--*/
#top-footer .inside-padding:before {
  border-color: transparent transparent transparent #2293CE; }

/*--Footer school name color--*/
#footer-left h3 {
  color: #fff; }

/*--Footer school name extension color--*/
#footer-left h3 span {
  color: black; }

/*--News Title--*/
.newscontent .news-title {
  color: #0078ac; }

a.news-item {
  color: #0078ac !important; }

/*---- SIDE NAV ----*/
/*--Top level HOVER--*/
.sitenavl0 a:hover {
  background: white; }

/*--Current page b--*/
.currentpage a {
  background: white; }

/*--Top level text color--*/
.sitenavl0 a {
  color: #808080; }

/*--Top level text HOVER color--*/
.sitenavl0 a:hover {
  color: #808080; }

/*--Current level text color--*/
.currentpage a {
  color: #808080; }

/*--Second level bullet color--*/
.sitenavl1 a:before {
  background: #808080; }

/*--Second level text color--*/
.sitenavl1 a {
  color: #808080; }

/*---- CALENDAR ----*/
/*--Calendar BG's--*/
.mini_calendar_tbl, .tbl_mini_calendar, .tbl_cell_calendar {
  background-color: white; }

/*--Calendar Number Boxes BG--*/
.mini_calendar_day {
  background: #ffffff; }

/*--Calendar 'Days of The Week' Colors--*/
td.mini_calendar_header {
  color: #ffffff; }

/*--Top of the Calendar BG Color--*/
.cal-top {
  background: #ffc103; }

/*--Calendar Today BG and Color--*/
.mini_calendar_day.mini_calendar_today {
  background: #2293CE;
  color: #ffffff; }

/*--Calendar 'Go to Main Calendar' Color--*/
A.mini_calendar_header:link, A.mini_calendar_header:visited {
  color: #ffffff; }

/*--Calendar 'Go to Main Calendar' Color Hover--*/
A.mini_calendar_header:hover {
  color: #ffffff; }

/*--Calendar Event Text Color--*/
A.mini_calendar_day:link, A.mini_calendar_day:visited {
  color: #2293CE; }

/*--Calendar Event Hover BG Color and Text Color--*/
A.mini_calendar_day:hover {
  color: #ffffff;
  background: #2293CE; }

/*--Calendar Today With Event BG and Color--*/
a.mini_calendar_day.mini_calendar_today {
  background: #2293CE;
  color: #ffffff; }

/*---- UPCOMING EVENTS ----*/
.ptl_upcomingevents_date .ptl_upcomingevents_month {
  color: #0078ac;
  background: #f6f6f6 !important; }

.ptl_upcomingevents_details .event_time {
  color: #848487; }

.abtnPrev a, .abtnPrev a:hover, .abtnNext a, .abtnNext a:hover, .ptl_upcomingevents_footer .more_events:link, .ptl_upcomingevents_footer .more_events:visited, .ptl_upcomingevents_footer .more_events:active {
  border-bottom: 3px solid #808080;
  color: #808080;
  text-decoration: none !important;
  font-family: 'latobold';
  padding: 0px 7px 0px 7px !important;
  text-transform: uppercase;
  font-size: 16px !important;
  background: none !important;
  color: #333333 !important; }

.ptl_upcomingevents_footer .more_events_arrows {
  display: inline-block !important; }

/*---- End Upcoming Events ----*/
/*---- BANNER CONTROLS ----*/
/*--BTN Background--*/
.nivo-directionNav a {
  background-color: #808080 !important; }

/*--BTN Background HOVER--*/
.nivo-directionNav a:hover {
  background-color: #2293CE !important; }

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

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

.telerik_main_menu .rmRootGroup a span {
  color: #000; }

/*--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: #1b74a2; }

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

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

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

.telerik_main_menu .rmGroup a:hover span, .telerik_main_menu .rmGroup a.rmFocused span {
  background: #2293CE;
  color: #000; }

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

.rmVertical .rmItem:hover a span, .rmVertical .rmItem:hover a {
  background-color: #2293CE; }

/*--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: #2293CE;
  color: #000; }

.telerik_main_menu .rmGroup .rmGroup a:hover span, .telerik_main_menu .rmGroup .rmGroup a.rmFocused span {
  background: #2293CE;
  color: #000; }

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

/*--END OF DROPDOWN MENU STYLES--*/
/*---- END TELERIK COLORS ----*/
/*------------------END COLORS---------------------*/
/*----------------- TEMPLATE IMAGES -----------------*/
#footer li.icn a {
  background: url('../../../common/resources/DesignPortfolio/SiteThemes/CommonLib/social-media/social-sprite.png'); }

/*--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;
}
*/
/* --------------------- QUICKLINKS ---------------------- */
ul.quicklinks {
  margin: 20px 0px 20px;
  padding: 0px;
  list-style: none;
  text-align: center; }

ul.quicklinks li {
  display: inline-block;
  padding: 0px 0.5% 0px 0.5%;
  text-align: center; }

ul.quicklinks a {
  background: #808080;
  border-radius: 50%;
  display: block;
  width: 87px;
  height: 83px;
  padding-top: 3px;
  margin-bottom: 8px; }

ul.quicklinks li a img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: scale(1);
  -ms-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  opacity: 1; }

ul.quicklinks li a:hover img {
  transform: scale(0.9);
  -ms-transform: scale(0.9);
  -moz-transform: scale(1);
  -webkit-transform: scale(0.9);
  -o-transform: scale(1);
  opacity: 0.5; }

/*-----------------------------------------------*/
body #pub-container {
  width: 1000px;
  z-index: 7998; }

#banner .ptl_portlet_vertical {
  overflow: visible;
  overflow-x: visible; }

.homepage .ptl_page {
  overflow: visible;
  overflow-x: visible; }

body .row {
  margin-bottom: 0px; }

body {
  font-family: 'latoregular';
  font-size: 16px;
  line-height: normal;
  color: #292929; }

#header {
  border-bottom-style: solid;
  border-bottom-width: 7px; }

.inside-padding {
  max-width: 960px !important;
  margin: 0px auto;
  padding: 0px 15px 0px 15px; }

#banner .inside-padding {
  max-width: 9999px !important;
  padding: 0px;
  position: relative; }

a, a:hover {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

.clear {
  clear: both; }

.clear:after {
  content: '';
  display: block;
  clear: both; }

.fl {
  float: left; }

.fr {
  float: right; }

.w-25 {
  width: 25%; }

.w-33 {
  width: 33.33334%; }

.w-50 {
  width: 50%; }

.w-75 {
  width: 75%; }

.col-p.l {
  padding-right: 5px; }

.col-p.r {
  padding-left: 5px; }

.col-p.c {
  padding-right: 5px;
  padding-left: 5px; }

.row {
  padding: 40px 0px 40px; }

.row.map {
  margin-bottom: -35px;
  padding: 0px; }

.bg-l {
  background: #f6f6f6; }

.sec-header h3.bg-l {
  background: #f6f6f6; }

p {
  margin: 0px 0px 15px;
  line-height: 21px;
  letter-spacing: 0.07px; }

strong {
  font-weight: normal;
  font-family: 'latobold'; }

h4 {
  font-family: 'latoblack';
  margin: 0px 0px 20px;
  font-size: 21px; }

#header .inside-padding {
  padding: 40px 15px 40px 15px; }

#header ul {
  margin: 0px;
  padding: 0px;
  list-style: none; }

#header-left {
  float: left;
  width: 65%; }

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

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

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

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

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

#school-name h1 span {
  text-transform: none;
  display: block;
  font-family: 'latolight';
  font-size: 70%; }

#header-right {
  float: right; }

#header-links ul li {
  display: inline; }

#header-links a {
  text-decoration: none;
  font-size: 16px; }

#header-links a:hover {
  text-decoration: underline; }

#header-links span {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-width: 4px;
  border-style: solid;
  border-radius: 50%;
  margin: 0px 8px 0px 8px;
  position: relative;
  top: 3px; }

#phone, #header-links h3, #header-links h3 a {
  color: #000;
  margin: 9px 0px 0px;
  text-align: right;
  font-size: 19px;
  font-weight: 700; }

#menubar {
  max-width: 960px;
  margin: -7px auto 0px;
  position: relative;
  z-index: 3000; }

.inner-bar {
  padding: 0px 10px 0px 10px; }

#menubar:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  position: absolute;
  top: 0px;
  left: -40px; }

#menubar:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  position: absolute;
  top: 0px;
  right: -40px; }

.motto {
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: block;
  width: 100%;
  text-align: center;
  padding: 15px 0px 15px 0px;
  z-index: 3000;
  font-size: 30px;
  font-family: 'asapbold';
  letter-spacing: 2px; }

.sec-header {
  position: relative;
  text-align: center;
  margin: 0px 0px 30px; }

.sec-header span:first-child {
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 0px; }

.sec-header span:first-child:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: -6px; }

.sec-header span:last-child {
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 0px; }

.sec-header span:last-child:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: -6px; }

.sec-header h2, .sec-header h3 {
  font-size: 35px;
  letter-spacing: 3px;
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0px 15px 0px 15px;
  margin: 0px;
  font-family: 'asapbold';
  text-transform: uppercase;
  font-weight: normal;
  background: #ffffff;
  max-width: 70%; }

#top-footer .inside-padding {
  font-size: 19px;
  font-family: 'latobold';
  text-align: center;
  padding: 12px 0px 6px;
  position: relative;
  z-index: 9; }

#bottom-footer {
  border-top-width: 7px;
  border-top-style: solid; }

.w-50 ul li {     
 line-height: 34px;
    font-size: 14px; }

#footer .fa { padding-right: 10px; }

#footer ul {
list-style: none;
    margin: 0px;
    padding: 0px;
    color: #fff; }

#footer h3 {
 color: white;
font-weight: normal;
    margin: 0px 0px 5px;
    font-family: 'latoblack';
    letter-spacing: 0.5px;
    font-size: 18px; }

#footer h4 {
    color: white;
    font-family: 'latoblack';
    font-weight: normal;
    letter-spacing: 1px;
    font-size: 19px;
    margin: 0px 0px 15px; }

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

#top-footer .inside-padding:after {
  content: '';
  position: absolute;
  top: 0px;
  left: -40px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 40px 40px; }

#top-footer .inside-padding:before {
  content: '';
  position: absolute;
  top: 0px;
  right: -40px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 0 0 40px; }

#footer-left {
  float: left; }

#footer-right {
  float: right; }

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

#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-left h3 {
  margin: 0px;
  font-family: 'latoblack';
  text-transform: uppercase;
  font-size: 33px;
  font-weight: normal; }

#footer-left h3 span {
  text-transform: none;
  display: block;
  font-family: 'latolight';
  font-size: 70%; }

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

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

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

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

.newscontent .date {
  color: #646464; }

.newscontent .summary {
  font-size: 16px;
  line-height: 19px; }

#theme.subpage #menubar {
  margin: -7px auto 0px; }

#theme.subpage #page {
  max-width: 960px;
  margin: 0px auto;
  padding: 0px 15px 20px 15px; }

.subpage .sec-header {
  max-width: 960px;
  margin: 15px auto 15px; }

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

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

#inside-nav {
  border-top: 1px solid #DCDCDC;
  margin-bottom: 15px; }

.sitenavl0 {
  padding-left: 0px; }

.sitenavl0 a {
  padding: 5px 10px;
  display: block;
  border-bottom: 1px solid #f6f6f6; }

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

.sitenavl1 {
  padding-left: 23px;
  border-bottom: 1px solid #f6f6f6;
  position: relative; }

.sitenavl1 a:before {
  width: 7px;
  height: 7px;
  content: "";
  position: absolute;
  left: 8px;
  top: 11px;
  border-radius: 50%; }

.sitenavl1 a {
  padding: 5px 10px 5px 0px;
  display: block; }

.sitenavl1 a:hover {
  text-decoration: none;
  background: #F6F6F6; }

a.navLink {
  font-size: 17px; }

a.navLink:hover {
  background: #F6F6F6; }

#breadcrumbs {
  background: #F6F6F6;
  padding: 7px;
  margin-bottom: 15px;
  color: #2293CE; }

#alert-box {
  background: #FFA000;
  padding: 10px;
  margin-bottom: 50px; }

#alert-box h6 {
  margin: 20px 0px 10px 0px;
  font-size: 20px; }

#a-1 img {
  margin: 20px; }

#a-3 a {
  font-family: 'asapbold';
  margin-top: 35px;
  display: block;
  color: #292929 !important; }

.member h5 {
  margin: 0px;
  font-size: 16px; }

.member h6 {
  margin: 0px;
  font-size: 14px;
  font-family: 'latoregular'; }

.member img {
  float: left;
  margin-right: 10px; }

.member {
  margin-bottom: 15px; }

a.c-button {
  color: #808080;
  text-decoration: none;
  font-family: 'latobold';
  padding: 0px 7px 0px 7px;
  text-transform: uppercase;
  border-bottom: 2px solid #808080;
  display: inline-block;
  margin: 0px 4px 0px 4px; }

a.c-button:hover {
  text-decoration: none; }

#quicklinks {
  margin-top: 20px; }

/*==== ONE COL ====*/
.one-col #sub-content-right {
  width: 100%; }

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

/*** 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: 'latolight', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12pt; }

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

.RadMenu .rmHorizontal .rmText {
  padding: 0px 7px 0px 7px !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, .telerik_main_menu .rmRootGroup a span {
  text-decoration: none;
  font-size: 16px;
  font-family: 'latolight', Arial, Helvetica, sans-serif; }

/*** 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 ***/
.mini_calendar_tbl {
  margin: 0px auto;
  width: 100%;
  padding: 15px 0px 10px; }

.mini_calendar_tbl table {
  margin: 0px auto; }

.tbl_cell_calendar {
  width: 13%;
  height: 13%; }

.mini_calendar_day {
  font-family: 'latoregular', Arial, Helvetica, sans-serif;
  font-size: 10pt;
  width: 100%;
  display: inline-block;
  padding: 6px 0px 6px 0px;
  min-height: 15px; }

td.mini_calendar_header {
  font-weight: normal;
  font-size: 14px;
  background: none;
  font-family: 'latoregular', Arial, Helvetica, sans-serif; }

.tbl_mini_calendar input {
  opacity: 0.6;
  filter: alpha(opacity=60);
  /* For IE8 and earlier */ }

.tbl_mini_calendar input:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */ }

td.mini_calendar_header_small {
  background: #1a7da6; }

A.mini_calendar_header:link, A.mini_calendar_header:visited {
  font-weight: normal;
  text-align: center;
  display: block;
  font-family: 'latoregular', Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 12px;
  margin-top: 8px; }

A.mini_calendar_header:hover {
  font-weight: normal;
  text-align: center;
  display: block;
  font-family: 'latoregular', Arial, Helvetica, sans-serif;
  text-decoration: underline;
  font-size: 12px;
  margin-top: 8px; }

A.mini_calendar_day:link, A.mini_calendar_day:visited {
  font-weight: normal;
  font-family: 'latoregular', Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-decoration: none; }

A.mini_calendar_day:hover {
  font-weight: normal;
  font-family: 'latoregular', Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-decoration: none; }

/*-- Calendar Arrows Hover --*/
.cal-btn-l:hover {
  opacity: 0.8; }

.cal-btn-r:hover {
  opacity: 0.8; }

.cal-btn-l {
  position: relative;
  top: 0px;
  left: 5px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 12px 7px 0;
  display: block;
  text-indent: -9999px; }

.cal-btn-r {
  position: relative;
  top: 0px;
  right: 5px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  display: block;
  text-indent: -9999px; }

.cal-btn-r:focus, .cal-btn-l:focus {
  outline-color: transparent;
  outline-style: none; }

/*-- Calendar Arrows --*/
.cal-btn-l {
  border-color: transparent #ffffff transparent transparent; }

.cal-btn-r {
  border-color: transparent transparent transparent #ffffff; }

/* == UPCOMING EVENTS == */
.ptl_upcomingevents_item {
  height: auto; }

.ptl_upcomingevents_events {
  margin-left: 65px !important; }

.ptl_upcomingevents_date {
  float: left;
  font-family: 'source sans pro', sans-serif;
  text-align: center;
  width: 50px;
  height: 50px;
  padding: 2px;
  border: none !important;
  box-shadow: none !important;
  background: #f6f6f6 !important;
  color: #ffffff; }

.ptl_upcomingevents_date .ptl_upcomingevents_month {
  background-color: #f6f6f6 !important;
  display: block;
  font-size: 120% !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0px 0px 3px 0px !important;
  font-family: 'latobold'; }

.ptl_upcomingevents_details .event_title {
  font-size: 12pt;
  font-weight: normal; }

.ptl_upcomingevents_date .ptl_upcomingevents_day {
  display: block;
  font-size: 200% !important;
  font-family: 'latolight';
  font-weight: normal !important;
  line-height: 16pt;
  padding: 0px !important; }

.ptl_upcomingevents_details .event_title:hover {
  font-size: 100%;
  font-weight: normal; }

.ptl_upcomingevents_details .event_time {
  font-family: arial, sans-serif;
  color: #000;
  font-weight: light; }

.ptl_upcomingevents_footer .more_events:link, .ptl_upcomingevents_footer .more_events:visited, .ptl_upcomingevents_footer .more_events:active {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  text-decoration: none;
  font-family: 'latobold';
  padding: 0px 7px 0px 7px;
  text-transform: uppercase;
  font-size: 16px; }

.ptl_upcomingevents_footer .ptl_upcomingevents_buttons {
  margin-left: 7px !important;
  margin-right: 20px !important; }

.ptl_upcomingevents_footer {
  height: 30px;
  margin-top: 10px; }

/*----------BANNER--------*/
#banner {
  transform: translate(0px, -33px); }

#banner .nivoSlider {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

#banner .nivo-directionNav a {
  display: block;
  width: 31px !important;
  height: 31px !important;
  background-repeat: no-repeat !important;
  z-index: 200 !important;
  background-image: none !important; }

#banner a.nivo-prevNav:after {
  content: '';
  position: absolute;
  top: 9px;
  left: 9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 12px 7px 0;
  border-color: transparent #ffffff transparent transparent; }

#banner a.nivo-nextNav:after {
  content: '';
  position: absolute;
  top: 9px;
  left: 11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 11px;
  border-color: transparent transparent transparent #ffffff; }

#banner .bannerContainer.bannerShowControls .nivo-caption {
  padding-bottom: 0.5em !important; }

#banner .nivo-controlNav {
  display: none !important; }

#banner .nivo-caption {
  background: none;
  width: 70%;
  left: 15%;
  bottom: 46%; }

#banner .nivo-caption p {
  font-size: 18px;
  padding: 14px;
  text-align: center; }

.bx-wrapper {
  padding-bottom: 40px; }

.bx-wrapper .bx-controls a {
  color: #808080;
  text-decoration: none;
  font-family: 'latobold';
  padding: 0px 7px 0px 7px;
  text-transform: uppercase;
  border-bottom: 2px solid #808080;
  display: inline-block;
  margin: 0px 4px 0px 4px; }

#mobile-bar {
  display: none;
  line-height: 40px;
  color: #ffffff;
  text-decoration: none; }

/************** MEDIA QUIRES *************/
@media screen and (max-width: 1040px) {
  #top-footer .inside-padding:after, #top-footer .inside-padding:before {
    display: none; }

  #top-footer .inside-padding {
    max-width: 100% !important; }

  #menubar {
    margin: -7px 40px 0px 40px; }

  #theme.subpage #menubar {
    margin: -7px 40px 0px 40px; }
 }

@media screen and (max-width: 1000px) {
  .RadMenu_PageControls, #divMenuOffset {
    display: none; }

  body #pub-wrapper {
    display: none; }
 }

@media screen and (max-width: 900px) {
  #mobile-bar {
    display: block; }

  .telerik_main_menu {
    display: none; }
 }

@media screen and (max-width: 700px) {
  #footer-left, #footer-right {
    float: none;
    width: 100%;
    text-align: center; }

  #footer-left {
    margin-bottom: 15px; }
 }

@media screen and (max-width: 730px) {
  .subpage .sec-header {
    display: none; }

  #sub-content-left, #sub-content-right {
    width: 100%;
    float: none; }

  #theme.subpage #page {
    padding: 0px 0px 20px 0px; }
 }

@media screen and (max-width: 700px) {
  #header-right {
    text-align: center;
    margin-top: 7px; }

  #header-links a {
    font-size: 14px; }

  #header-links span {
    width: 4px;
    height: 4px;
    top: 2px; }

  #phone, #header-links h3 {
    font-size: 15px;
    text-align: center; }

  #header-right {
    float: none; }

  #header-left {
    width: 100%;
    float: none; }

  #school-name h1 {
    padding: 0px; }
 }

@media screen and (max-width: 640px) {
  #alert-box {
    text-align: center; }

  #alert-box .fl, #alert-box .fr {
    float: none; }

  .w-33 {
    width: 50%;
    margin-bottom: 15px; }

  .w-33.fw {
    width: 100%;
    float: none; }

  .w-25 {
    width: 100%;
    float: none; }

  body .w-30 {
    width: 100%;
    float: none; }

  .w-75 {
    width: 100%;
    float: none; }

  .motto {
    padding: 8px 0px 8px 0px;
    font-size: 15px; }

  .nivo-caption {
    display: none !important; }
 }

@media screen and (max-width: 450px) {
  .w-33 {
    width: 100%; }
 }

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

/*------------------------------ FONTS ---------------------------------*/
@font-face {
  font-family: 'asapregular';
  src: url('https://cdnsm5-ss18.sharpschool.com/common/template-fonts/asap-regular-webfont.eot');
  src: url('https://cdnsm5-ss18.sharpschool.com/common/template-fonts/asap-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdnsm5-ss18.sharpschool.com/common/template-fonts/asap-regular-webfont.woff') format('woff'), url('https://cdnsm5-ss18.sharpschool.com/common/template-fonts/asap-regular-webfont.ttf') format('truetype'), url('https://cdnsm5-ss18.sharpschool.com/common/template-fonts/asap-regular-webfont.svg#asapregular') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'asapbold';
  src: url('https://cdnsm5-ss18.sharpschool.com/common/template-fonts/asap-bold-webfont.eot');
  src: url('https://cdnsm5-ss18.sharpschool.com/common/template-fonts/asap-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdnsm5-ss18.sharpschool.com/common/template-fonts/asap-bold-webfont.woff') format('woff'), url('https://cdnsm5-ss18.sharpschool.com/common/template-fonts/asap-bold-webfont.ttf') format('truetype'), url('https://cdnsm5-ss18.sharpschool.com/common/template-fonts/asap-bold-webfont.svg#asapbold') format('svg');
  font-weight: normal;
  font-style: normal; }

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

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

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

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

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