@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Lobster+Two:400,700italic);

body {
 background: #FFFFFF;
 color: #313131;
 text-align: left !important;
 font-size: 100%;
 font-family: 'Open Sans', sans-serif;
 margin: 0px;
 padding: 0px;
}

body #pub-wrapper {
 background: #002132;
 border-bottom: 1px solid #003D5D;
}

#pub-container {
 max-width: 960px;
 width: 100% !important;
 padding: 5px;
}

.PublishedLinkMenu li a:link, .PublishedLinkMenu li a:active, .PublishedLinkMenu li a:visited {
 margin-right: 5px !important;
}

#wrapper {
 width: 100%;
 height: 100%;
}

#backr {
 height: 465px;
 display: block;
 overflow: hidden;
 position: absolute;
 left: 0px;
 width: 100%;
} 

.container {
 max-width: 960px;
 margin: 0px auto;
}

.float-left {
 float: left;
}

.float-right {
 float: right;
}

.clear {
 clear: both;
}

.break-word {
 word-wrap: break-word;
}

.padding {
 padding: 20px;
}

p {
 line-height: 150%;
}

h1, h2, h3, h4, h5, h6 {
 margin: 0px;
 font-family: inherit;
}

td, p, li {
 font-size: 100%;
 font-family: inherit;
}

a, a:hover {
 font-size: 100%;
 font-family: inherit;
}

a:link, a:visited, a:active {
 text-decoration: none;
}

a:hover{
 text-decoration: underline;
}

/*#search {
 width: 150px !important;
 font-size: inherit !important;
 top: 0px !important;
}

.divSearchBox {
 margin: 0px !important;
 padding: 0px !important;
}

.divSearchBox input {
 height: 19px !important;
 border: 1px solid #808080;
 padding: 0px !important;
 margin: 0px !important;
}

.divSearchBox .SearchButton {
 padding: 0px !important;
}

#pub-school-dropdown {
 padding: 0px 10px 0px 0px !important;
}

#pub-translate-dropdown {
 padding: 0px 0px 0px 8px !important;
}

#userlink,
#userlink a {
 color: #FFFFFF !important;
 text-transform: uppercase;
 font-family: 'open sans', sans-serif !important;
 font-weight: 400;
 top: 5px !important;
 text-decoration: none !important;
}

#userlink a:hover {
 color: #37D7DD !important;
 font-family: 'open sans', sans-serif !important;
 font-weight: 400;
 text-decoration: none !important;
}

#pub-links {
 width: auto !important;
 position: relative;
 top: 3px;
 padding-top: 0px !important;
}

html .PublishedLinkMenu ul.pl_more_topnav li ul.pl_more li a {
 color: #000000 !important;
}

html .PublishedLinkMenu ul.pl_more_topnav li ul.pl_more li a:hover {
 color: #FFFFFF !important
}

.PublishedLinkMenu li a:link, .PublishedLinkMenu li a:active, .PublishedLinkMenu li a:visited {
 color: #FFFFFF !important;
 text-transform: uppercase;
 font-family: 'open sans', sans-serif !important;
 font-weight: 400;
 text-decoration: none !important;
}

.PublishedLinkMenu li a:hover {
 color: #37D7DD !important;
 font-family: 'open sans', sans-serif !important;
 font-weight: 400;
 text-decoration: none !important;
}
*/

/* ==============================
             COLORS
============================== */

/*** Blue in template ***/
.dominant-color {
 background: #00293e;
}

.RadMenu .rmText {
 text-shadow: 1px 1px #00293e;
}

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

.telerik_main_menu .rmRootGroup a:hover span,
.telerik_main_menu .rmRootGroup a.rmExpanded span {
 color: #00293e;
}

.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused {
 color: #00293e;
}

.telerik_main_menu .rmGroup a:hover span,
.telerik_main_menu .rmGroup a.rmFocused span {
 color: #00293e;
}

.telerik_main_menu .rmLevel1 li:hover span.rmExpandRight,
.telerik_main_menu .rmLevel1 a.rmExpanded .rmExpandRight,
.telerik_main_menu .rmLevel1 a.rmFocused .rmExpandRight,
.telerik_main_menu .rmLevel1 a:hover .rmExpandRight {
 color: #00293e;
}

.telerik_main_menu .rmLevel2 li,
.telerik_main_menu .rmLevel2 a span,
.telerik_main_menu .rmLevel2 a:hover {
 color: #00293e;
}

.telerik_main_menu .rmLevel2 a:hover,
.telerik_main_menu .rmLevel2 a.rmExpanded,
.telerik_main_menu .rmLevel2 a.rmFocused,
.telerik_main_menu .rmLevel2 a.rmSelected {
 color: #00293e !important;
}

.title span {
 color: #00293e;
}

.homepage .one .welcome-message {
 color: #00293e;
}

.homepage .four .float-right ul h4 {
 color: #00293e;
}

.ptl_upcomingevents_date .ptl_upcomingevents_day {
 color: #00293e;
}

.ptl_upcomingevents_footer .more_events:link, 
.ptl_upcomingevents_footer .more_events:visited, 
.ptl_upcomingevents_footer .more_events:active {
 background: #DCEAEA;
 color: #00293e;
}

.ptl_upcomingevents_footer .more_events:hover {
 background: #00293e;
 color: #37D7DD;
}

td.mini_calendar_header {
 color: #00293e; 
}

A.mini_calendar_header:link, A.mini_calendar_header:visited {
 color: #00293e;
}

.tbl_cell_today_calendar {
 background: #00293e;
}

.featured-item-wrapper .title a {
 color: #00293e;
}

.read-more a.link {
 color: #00293e; /* */
}

.read-more a.link:hover {
 background-color: #00293e !important; /* */
}

#breadcrumbs a:hover {
 color: #00293e;
}

.subpage #news-summary .content a.title {
 color: #00293e;
}

.subpage #news-summary .content a.read-more {
 color: #00293e;
}

.subpage #news-summary .content a.read-more:hover {
 background: #00293e;
}

.sitenavl0 a {
 color: #00293e;
}

.sitenavl0 a:hover {
 color: #00293e;
}

.currentpage a {
 color: #00293e;
}

.sitenavl1 a:before {
 background: #00293e;
}

.sitenavl1 a {
 color: #00293e;
}



/*** Red in template ***/
.secondary-color {
 background: #886c10;
}

#header {
 border-bottom: 6px solid #886c10;
}

#menubar:before {
 border-color: transparent #886c10 transparent;
}

#menubar:after {
 border-color: #886c10 transparent transparent;
}

.homepage .one .motto .container {
 background-color:rgba(255,198,0,0.7); 
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup {
 border-bottom: 6px solid #886c10;
 border-left: 1px solid #886c10;
 border-right: 1px solid #886c10;
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup li ul.rmLevel2 {
 border-top: 1px solid #886c10;
 border-bottom: 6px solid #886c10;
 border-right: 1px solid #886c10;
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup li ul.rmLevel2 li.rmItem {
 border-left: 1px solid #886c10;
}

.title span:before, .title span:after {
 border-top: 4px solid #886c10;
}

.row h3, .row h4, .row h5 .row h6 {
 color: #886c10;
}

.ptl_upcomingevents_date .ptl_upcomingevents_month {
 color: #886c10;
}

A.mini_calendar_day:link, A.mini_calendar_day:visited {
 color: #886c10;
}

#breadcrumbs a {
 background: #886c10;
}

.sitenavl1 a:hover {
 color: #886c10;
}

#footer {
 border-top: 6px solid #886c10;
}


/* ==============================
                           HEADER STYLES
============================== */
.row {
 margin-bottom: 0px !important;
}

#header {
 height: 170px;
}

#header .container {
 padding: 35px 0px;
}

#header .logo {
 background: url(../../Servers/Server_64856/Templates/SPSWhiteLogo150.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: contain;
 height: 110px;
 width: 60%;
}

#header .logo h1 a {
 color: #FFFFFF;
 font-family: 'Source Sans Pro', sans-serif;
 text-transform: uppercase;
 font-size: 175%;
 font-weight: 400;
 margin-left: 160px;
 line-height: 44pt;
}

#header .logo h1 a:hover {
 text-decoration: none;
 color: #dceaea;
}

#header .logo h2 {
 color: #37d7dd;
 font-size: 180%;
 font-weight: 300;
 margin-left: 160px;
 line-height: 20pt;
}

#header .container .float-right {
 text-align: right;
 width: 30%;
}

#header .container .float-right .first {
 margin-top: 25px;
}

#header .container .float-right a {
 color:#37d7dd;
 font-size: 105%;;
 font-weight: 300;
 width: auto;
}

#header .container .float-right span.secondary-color {
 height: 12px;
 width: 12px;
 border-radius: 50%;
 margin: 6px 5px 0px;
 display: block;
 behavior: url(https://cdnsm5-ss6.sharpschool.com/common/resources/designportfolio/sitethemes/commonlib/scripts/PIE.htc);
}

#header .container .float-right span.secondary-color span.dominant-color {
 height: 6px;
 width: 6px;
 border-radius: 50%;
 margin: 3px auto;
 display: block;
 behavior: url(https://cdnsm5-ss6.sharpschool.com/common/resources/designportfolio/sitethemes/commonlib/scripts/PIE.htc);
}

#header .container .float-right .last {
 color: #FFFFFF;
 font-size: 120%;
 font-weight: 300;
 line-height: 16pt;
 width: 100%;
}


#header .container .float-right .last span {
 float: right;
}

#header .container .float-right span.phone {
 background: url(../../Servers/Server_64856/Templates/phone-icon.png);
 height: 19px;
 width: 15px;
 display: block;
}

#header span.header-phone a {
 color: #fff;
}

/* ==============================
                           MENU STYLES
============================== */

#menubar {
 height: 35px;
 border-bottom: 1px solid #ffd542;
 position: relative;
}

#menubar:before {
  border-style: solid;
  border-width: 0 25px 35px 0;
  content: "";
  display: block;
  height: 0;
  left: -25px;
  position: absolute;
  width: 0;
}

#menubar:after {
  border-style: solid;
  border-width: 35px 25px 0 0;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: -25px;
  width: 0;
}

/* ==============================
                      TELERIK MENU STYLES
============================== */

/* == TOP LEVEL == */

.telerik_main_menu a,
.telerik_main_menu a:hover {
 text-decoration: none;
 font-size: 115%;
 font-weight: bold;
}

.telerik_main_menu .rmText {
 padding-top: 3px !important;
 padding-bottom: 8px !important;
}

.RadMenu .rmItem {
 height: auto;
}

.RadMenu .rmText {
 font-family: 'source sans pro', sans-serif;
 color: #FFFFFF;
 font-weight: lighter;
}

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

.RadMenu .rmHorizontal .rmText {
 padding-right: 13px !important;
 padding-left: 13px !important;
}

.RadMenu .rmGroup .rmText {
 margin-left: 0px !important;
}

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

/* == TOP LEVEL NORMAL STATE == */
.telerik_main_menu .rmRootGroup a {
 text-decoration: none;
 color: #FFFFFF;
 text-shadow: none;
 text-shadow: 1px 1px #073937;
}

.telerik_main_menu .rmRootGroup a span {
 text-decoration: none;
 color: #000000;
 text-shadow: none;
}

/* == TOP LEVEL OVER AND FOCUSED STATE == */
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused span,
.telerik_main_menu .rmRootGroup a.rmFocused {
 text-decoration: underline;
 color: #FFFFFF;
 text-shadow: 1px 1px #073937;
}

.telerik_main_menu .rmRootGroup a:hover span,
.telerik_main_menu .rmRootGroup a.rmExpanded span {
 text-decoration: underline;
 color: #FFFFFF;
 text-shadow: 1px 1px #073937;
}

/* == DROPDOWN NORMAL STATE == */
.telerik_main_menu .rmGroup a {
 background: #FFFEFC;
 color: #035D58;
 text-decoration: none;
 font-size: 90%;
 font-weight: normal;
 text-shadow: none;
}

.telerik_main_menu .rmGroup a span {
 background: #FFFEFC;
 color: #035D58;
 text-decoration: none;
 font-size: 112.5%;
 font-weight: light;
 text-shadow: none;
}

.telerik_main_menu .rmGroup .rmItem .rmExpandRight {
 background: url("../../Servers/Server_64856/Templates/icon-arrow.html") no-repeat;
 background-position: 235px 10px;
}

/* == DROPDOWN OVER AND FOCUSED STATE == */
.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused {
 background: #e4e4e4;
 text-decoration: none;
 border-bottom: none !important;
 text-shadow: none;
}

.telerik_main_menu .rmGroup a:hover span,
.telerik_main_menu .rmGroup a.rmFocused span {
 background: #d7d7d7;
 color: #00293e;
 text-decoration: none;
 border-bottom: none !important;
 text-shadow: none;
}

.wrapword .rmGroup .rmLink {
 width: 250px !important;
}

/* == LEVEL ONE SUBMENU NORMAL OVER - EXPANDED == */
.telerik_main_menu .rmLevel1 li:hover span.rmExpandRight,
.telerik_main_menu .rmLevel1 a.rmExpanded .rmExpandRight,
.telerik_main_menu .rmLevel1 a.rmFocused .rmExpandRight,
.telerik_main_menu .rmLevel1 a:hover .rmExpandRight {
 background-color : #f6f6f6;
 background-color : #d7d7d7;
 text-decoration: none;
 background-image: url(../../Servers/Server_64856/Templates/icon-arrow.html);
 background-position: 235px 10px;
 background-repeat: no-repeat;
 text-shadow: none;
}

/* == DROPDOWN BORDER == */
.RadMenu .rmRootGroup .rmItem ul.rmGroup {
 padding-bottom: 0;
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup li ul.rmLevel2 {
 padding-bottom: 0px;
 position: relative;
 top: -1px !important;
 border-left: none;
 background: #e3e3e3;
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup li ul.rmLevel2 li.rmItem {

}

.RadMenu .rmRootGroup .rmItem ul.rmGroup li ul.rmLevel2 li.rmFirst {
 border-left: 1px solid #f6f6f6;
}

 /* == LEVEL TWO SUBMENU NORMAL STATE == */
.telerik_main_menu .rmLevel2 li,
.telerik_main_menu .rmLevel2 a span,
.telerik_main_menu .rmLevel2 a:hover
{
 background: #f6f6f6;
/* color: #00293e; */
 text-decoration: none;
}

/* == LEVEL TWO SUBMENU OVER STATE == */ 
.telerik_main_menu .rmLevel2 a:hover,
.telerik_main_menu .rmLevel2 a.rmExpanded,
.telerik_main_menu .rmLevel2 a.rmFocused,
.telerik_main_menu .rmLevel2 a.rmSelected
{
 background: #e3e3e3 !important;

}

/* ==============================
                      HOME PAGE STYLES
============================== */

#page {
 position: relative;
 min-height: 500px;
}


.title {
 text-align: center;
 position: relative;
 padding: 15px 0px !important;
}

.title .dot-left,
.title .dot-right {
 position: absolute;
 top: 32px;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 display: block;
 behavior: url(https://cdnsm5-ss6.sharpschool.com/common/resources/designportfolio/sitethemes/commonlib/scripts/PIE.htc);
}

.title .dot-right {
 right: 0px;
}

.title span {
 display: inline-block;
 font-family: 'Source Sans Pro', sans-serif;
 font-size: 200%;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: -1px;
 background: #FFFFFF;
 padding: 0px 10px;
}

.three .title span {
 background: #F6F6F6;
}

.title span:before, .title span:after {
 display: block;
 content: "";
 width: 45%;
 position: absolute;
 left: 0px;
 top: 34px;
 z-index: -1;
}

.three .title span:before, .three .title span:after {
 z-index: 1;
 width: 35%;
}

.title span:after {
 right: 0px;  
 left: auto; 
}

.row h3, .row h4, .row h5 .row h6 {
 color: #886c10;
}

.homepage .row {
 padding-bottom: 25px;
}

.homepage .one {
 height: 320px;
 text-align: center;
 padding-top: 90px;
}

.homepage .one .welcome-message {
 font-family: 'Lobster Two', cursive;
 font-size: 240%;
 text-shadow: 2px 2px 2px #FFFFFF;
 font-style: italic;
 font-weight: 700;
}

.homepage .one .motto {
 margin: 5px 0px 15px;
}

.homepage .one .motto .container {
 height: auto;
 padding: 5px;
 width: 80%;
 display: block;
 margin: 0px auto;
 color: #FFFFFF;
 font-family: 'source sans pro', sans-serif;
 font-weight: 700;
 font-size: 300%;
 text-shadow: 1px 1px #000000;
/* background-color:rgba(190,30,45,0.7); */
}

.quicklinks ul {
 list-style-type: none;
 padding: 6px 0px;
 margin: 0px;
}

.quicklinks ul li {
 display: inline-block;
 margin: 0px 10px;
 border-radius: 50%;
 position: relative;
 z-index: 5;
 behavior: url(https://cdnsm5-ss6.sharpschool.com/common/resources/designportfolio/sitethemes/commonlib/scripts/PIE.htc);

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

css3-container {
 position: relative;
 z-index: 4;
}

.quicklinks ul li a {
 width: 80px;
 height: 80px;
 display: block;

}

.quicklinks ul li:hover { 
 background: #37D7DD;
 color: #37D7DD;
 opacity: 0.75;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

 transform: scale(1.15);
 -ms-transform: scale(1.15); /* IE 9 */
 -moz-transform: scale(1.15); /* Firefox */
 -webkit-transform: scale(1.15); /* Safari and Chrome */
 -o-transform: scale(1.15); /* Opera */
}

.homepage .two {
 height: auto;
}

.homepage .three {
 background: #f6f6f6;
 border-top: 1px solid #f0f0f0;
 border-bottom: 1px solid #f0f0f0;
}

.homepage .three .col {
 width: 31.5%;
}

.homepage .three .middle {
 margin: 0px 18px;
}

.homepage .four .float-left {
 width: 65%
}

.homepage .four .float-right {
 width: 32%;
}

.homepage .four .float-right ul {
 padding: 0px;
 margin: 10px 0px;
 list-style-type: none;
 color: #757575;
 font-size: 90%;
}

.homepage .four .float-right ul h4 {
 font-size: 110%;
}

.homepage .five {
 padding-bottom: 0px;
}

.page-content {
 width: 930px;
 margin: 20px auto 40px;
 background: #FFFFFF;
 padding: 15px;
}

/* == 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: #FFFFFF !important;
}

.ptl_upcomingevents_date .ptl_upcomingevents_month {
 background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
 display: block;
 font-size: 120%;
 letter-spacing: 1px;
 text-transform: uppercase;
 font-weight: 700;
 padding: 0px;
}

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

.ptl_upcomingevents_date .ptl_upcomingevents_day {
 display: block;
 font-size: 200%;
 font-weight: 300;
 line-height: 16pt;
 padding: 0px;
}

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

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

.ptl_upcomingevents_details .event_time{
color: #000;
}

.ptl_upcomingevents_footer .more_events:link, 
.ptl_upcomingevents_footer .more_events:visited, 
.ptl_upcomingevents_footer .more_events:active {
 background: #DCEAEA;
 padding: 5px;
 text-decoration: none;
 font-size: 90%;
 font-weight: 400;
 padding: 3px 13px;
}

.ptl_upcomingevents_footer .more_events:hover {
 background: #00293e;
 color: #37D7DD;
 text-decoration: none;
}

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

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

/* == CALENDAR == */

.mini_calendar_tbl {
 background: #dceaea !important;
 margin: 0px auto;
}

.tbl_mini_calendar {
 padding: 20px 35px;
 text-align: center;
 background: none transparent !important;
}

td.mini_calendar_header {
 background: none transparent !important;
 font-family: 'source sans pro', sans-serif;
 text-transform: uppercase;
 font-size: 135%;
 font-weight: 700;
 text-shadow: 1px 1px #FFFFFF;
}

td.mini_calendar_header strong {
 font-size: 112%;
 font-weight: 300;
}

A.mini_calendar_header:link, A.mini_calendar_header:visited {
 font-family: 'open sans', sans-serif;
 text-decoration: none !important;
 font-size: 90%;
 font-weight: 400;
 text-transform: uppercase;
}

.tbl_cell_today_calendar {
 color: #FFFFFF !important;
}

.mini_calendar_today {
 color: #FFFFFF !important;
}

a.mini_calendar_today {
  color: #FFFFFF !important;
}

.mini_calendar_day {
 font-family: 'open sans', sans-serif;
}

A.mini_calendar_day:link, A.mini_calendar_day:visited {
 font-family: 'open sans', sans-serif;
}

/* == ROTATING NEWS == */

.bx-viewport {
 height: auto !important;
}

.featured-item-wrapper .title {
 padding: 0px !important;
 font-family: 'Open Sans',sans-serif;
 text-align: left !important;
}

.featured-item-wrapper .title a {
}

.featured-summary {
 color: inherit !important;
 font-size: 90% !important;
}

.read-more a.link {
 background: #dce9ea !important;
 font-size: 90%;
 padding: 3px 13px;
}

.read-more a.link:hover {
 color: #37d7dd !important;
 text-decoration: none;
 font-size: 90%;
}


/* ==============================
                      SUBPAGE STYLES
============================== */

.subpage #sidebar {
 width: 25%;
}

#breadcrumbs {
 margin-bottom: 20px;
 background: #F6F6F6;
 padding: 3px 3px 3px 0px;
 font-size: 90%;
}

#breadcrumbs a {
 color: #FFFFFF;
 font-weight: 700;
 padding: 3px 10px 3px 10px;
 position: relative;
 font-size: 100%;
}

#breadcrumbs a:hover {
 background: #dce9ea;
 text-decoration: none !important;
}

#breadcrumbs a:after {
 content: "";
 width: 0px;
 height: 0px;
 border-style: solid;
 border-width: 13px 0 13px 13px;
 border-color: transparent transparent transparent #00293e;
 position: absolute;
 right: -13px;
 top: 0px;
}

.margin-left {
 margin-left: 20px;
}

.subpage #main-content {
 width: 75%;
}

.subpage #page {
 padding: 0px 0px 50px;
}


.subpage #news-summary .content a.title {
}

.subpage #news-summary .content a.title:hover {
 text-decoration: underline;
}


.subpage #news-summary .content a.read-more {
 background: #DCE9EA;
 font-size: 90%;
 padding: 3px 13px;
}

.subpage #news-summary .content a.read-more:hover {
 color: #37D7DD;
}

.subpage #news-summary .row {
 margin-bottom: 20px !important;
}

.subpage #news-summary .row .image {
 height: 150px;
}

.subpage #news_content_title {
 display: none;
}

.subpage #news_content_date {
 color: #707070;
 font-size: 75%;
 font-family: inherit;
 margin-left: 0px;
}

.subpage #news_content_body {
 font-family: inherit;
}

/*== START OF SUB NAV STYLES ==*/

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

.sitenavl0 {
 padding-left: 0px;
}

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

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

.currentpage a {
 background: #dce9ea;
}

.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%;
 behavior: url(https://cdnsm5-ss6.sharpschool.com/common/resources/designportfolio/sitethemes/commonlib/scripts/PIE.htc);
}

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

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

#RSSLink {
 margin-bottom: 20px;
}

/* ==============================
                      FOOTER STYLES
============================== */

#footer {
 height: 95px;
 position: relative;
}

#footer .first {
 height: 28px;
 padding-top: 7px;
 position: relative;
 top:-40px;
 text-align: center;
 color: #000000;
 font-weight: 300;
}

#footer .last {
 position: relative;
 top: -10px;
}

#footer .first:before {
 content: "";
 display: block;
 width: 0px;
 height: 0px; 
 border-style: solid;
 border-width: 0 0 35px 25px;
 border-color: transparent transparent #886c10;
 position: absolute;
 left: -25px;
 top: 0px;
}

#footer .first:after {
 content: "";
 display: block;
 width: 0px;
 height: 0px; 
 border-style: solid;
 border-width: 35px 0 0 25px;
 border-color: transparent transparent transparent #886c10;
 position: absolute;
 right: -25px;
 top: 0px;
}

#footer .row .float-left {
 
}

#footer .row .float-left ul {
 padding: 0px;
 margin: 0px;
}

#footer .row .float-left li {
 list-style-type: none;
 color: #FFFFFF; 
 font-size: 150%;
 text-transform: uppercase;
 font-family: 'Source Sans Pro',sans-serif;
 line-height: 16pt;
}

#footer .row .float-left li span.label_skin_corporation {
 list-style-type: none;
 color: #37d7dd; 
 font-size: 50%;
 text-transform: none;
 font-family: 'open sans', sans-serif;
}

.label_skin_corporation a {
 color: inherit;
 font-size: inherit;
}

#footer-socialmedia{
 margin: 0px auto;
 width: 200px;
}

.footer-media-links {
 float: left;	
}

.footer-media-links a:hover {
 opacity: 0.75;
}

#footer span.footer-phone a {
 color: #fff;
} 

/* ==============================
                      MOBILE MENU CSS
============================== */

#mobile-bar {
 height: 32px;
 display: none;
 position: relative; 
 top: 0px;
 width: 100%;
 z-index: 2;
 text-align: left !important;
 padding-top: 3px;
 border-bottom: 1px solid #F46A77;
 text-shadow: 1px 1px #073937;
}

.reso-m-btn {
 color: #ffffff;
 background: url(../../Servers/Server_64856/Templates/reso-m-btn.png);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 width: 25px;
 height: 25px;
 display: block;
 cursor: hand;
 margin: 0px 10px 0px 20px;
 float: left;
}

.mm-list > li > a, .mm-list > li > span{
 text-align: left;
 font-size: 100%;
 font-family: inherit;
}

a#mobile-bar:link,
a#mobile-bar:hover {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 112%;
 font-family: inherit;
}

/* ==============================
                      MEDIA QUERIES
============================== */

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

 .container {
  margin: 0px 20px;
 }

}

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

 #menubar {
  display: none;
 }

 .homepage .one {
  height: 320px;
  padding-top: 125px;
 }

 .homepage .one .motto .first {
  
 }

 .three .title span:before, .three .title span:after {
  width: 30%;
 }

 .homepage .three .col {
  width: 31.5%;
 }

}

@media screen and (max-width: 850px) {
 .homepage .one .welcome-message {
  font-size: 220%;
 }
 
 .homepage .one .motto .container {
  width: 95%;
 }

 .tbl_mini_calendar {
  padding: 20px 20px;
 }
 
 #footer {
  height: auto;
 }

 #footer .row .float-left {
  width: 65%;
 }

 #footer .row .float-left li span.label_skin_corporation {
  line-height: 7pt;
 }
}

@media screen and (max-width: 800px) {
 #header {
  height: 160px;
 }

 #header .container {
  padding: 28px 0px;
 }

 #header .logo h1 a {
  font-size: 160%;
 }

 #header .logo h2 {
  font-size: 150%;
 }

 #header .container .float-right {
  width: 35%;
 }
 
 .featured-photo {
  height: 140px;
 }

}

@media screen and (max-width: 768px) {
 .featured-photo {
  height: 125px;
 }
 
 .tbl_mini_calendar {
  padding: 10px 0px;
 }

 .featured-photo {
  height: 150px;
 }

 .featured-photo img {
 }

 .subpage #sidebar {
  width: 35%;
 }

 .subpage #main-content {
  width: 65%;
 }
}


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

 #backr {
  height: 390px;
 }

 #header {
  height: 145px;
 }

 #header .logo {
  background-size: 75px;
  background-position: 0px 0px;
  height: 95px;
 } 

 #header .logo h1 a {
  font-size: 135%;
  margin-left: 85px;
 }

 #header .logo h2 {
  font-size: 130%;
  line-height: 12pt;
  margin-left: 85px;
 }

 #header .container .float-right {
  width: 40%;
 }

 .homepage .one {
  padding-top: 55px;
  height: 310px;
 }

 .homepage .one .welcome-message {
  font-size: 175%;
 }

 .homepage .one .motto .container {
  font-size: 230%;
 }

 .three .title span:before, .three .title span:after {
  width: 23%;
 }
 
 .quicklinks ul li {
  margin: 10px 20px;
 }

 .homepage .three .first {
  float: none !important;
  width: 100%;
  margin-bottom: 20px;
 }

 .homepage .three .middle {
  margin: 0px 20px 0px 0px;
  width: 47%;
 }

 .homepage .three .last {
  margin: 0px;
  width: 47%;
 }

 .tbl_mini_calendar {
  padding: 10px 20px;
 }
 
}

@media screen and (max-width: 640px) {
 #header {
  height: auto;
 }

 #header .container .float-right a {
  font-size: 100%;
 }

 .quicklinks {
  width: 70%;
  margin: 0px auto;
 }

 .quicklinks ul li {
  margin: 10px 5px;
 }
 
 #footer .container {
  margin: 0px;
 }

 #footer .first:after, #footer .first:before {
  display: none;
 }

 #footer .first {
  height: auto;
  padding: 7px 20px;
  top: 0px;
  position: initial;
  font-size: 90%
 }

 #footer .last {
  width: 95%;
  margin: 0px auto;
  padding: 10px 20px;
  top: 0px;
  position: initial;
 }

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

@media screen and (max-width: 550px) {
 #header .container {
  padding: 15px 0px;
 }
 
 #header .container .float-right .first {
  margin-top: 0px;
 } 

 #header .container .float-right {
  display: none;
 }

 #header .logo {
  background-image: none !important;
  height: auto;
 }

 #header .logo h1 a {
  font-size: 120%;
  margin-left: 0px;
 }
 
 #header .logo h2 {
  font-size: 100%;
  position: relative;
  top: -8px;
  margin-left: 0px;
 }
 
 #header .logo {
  float: none;
  width: 100%;
 }

 #header .container .float-right {
  width: 100%;
 }

 .homepage .one {
  padding-top: 10px;
  height: 355px;
 }

 .homepage .one .welcome-message {
  font-size: 200%;
 }

 .homepage .one .motto .container {
  font-size: 190%;
 }

 .quicklinks {
  width: 90%;
 }

 .subpage #sidebar {
  display: none;
 }

 .subpage #main-content {
  width: 100%;
  float: none;
 }

 .margin-left {
  margin-left: 0px;
 }


}

@media screen and (max-width: 480px) {
 .homepage .one {
  padding-top: 25px;
  height: 290px;
 }

 .homepage .one .welcome-message {
  display: none;
 }
 
 .quicklinks {
  width: 100%;
 }

 #backr {
  height: 340px;
 }

 .featured-photo {
  height: 100px;
 }

 .featured-photo img {
  width: 100%;
 }

 .featured-summary {
  display: none;
 }

 .three .title span:before, .three .title span:after {
  display: none;
 }

 .homepage .three .middle,
 .homepage .three .last {
  width: 100%;
 }

 .homepage .four .float-left,
 .homepage .four .float-right  {
  width: 100%;
  float: none;
 }

 
 #breadcrumbs a {
  background: none transparent !important;
  color: #00293e;
  text-decoration: underline;
  padding: 0px;
 }

 #breadcrumbs a:hover {
  background: none transparent;
  color: #00293e;
  text-decoration: none;
 }

 #breadcrumbs a:after {
  display: none;
 }
 
 #footer .last {
  width: 100%;
  padding: 0px;
 }

 #footer .row .float-left {
  width: 90%;
  float: none;
  margin: 10px auto;
 }

 #footer-socialmedia {
  float: none;
  margin: 10px auto;
 }
}

#searchPanel a{
    padding-top: 8px;
}

#searchPanel a i{
    line-height: 18px;
}

#pubLinks .fa {
    top: 0px !important;
    line-height: inherit;
}


 #footer .row .float-left ul li:nth-child(2) a{
    color: #37d7dd;
    font-size: 14px;
    text-decoration: underline;
}

.telerik_main_menu .rmRootGroup > li.rmItem > a > span {
    color: #ffffff;
    text-shadow: 1px 1px #073937;
}

#footer .first{
color: #ffffff;
}

.homepage .one .motto .container {
    background-color: rgba(170,136,20,0.7);
}