@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);
@import url(http://fonts.googleapis.com/css?family=Cinzel:400);
html {
overflow-x: hidden;
}

body {
background: #FFFFFF;
color: #313131;
text-align: left !important;
font-size: 100%;
font-family: 'Open Sans', sans-serif;
margin: 0px;
padding: 0px;
}

#skip a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#skip a:focus { 
	left:auto;
	font-size: 20px;
	position:static; 
	width: auto; 
	height: auto;
        color: black !important;
}

body #pub-wrapper {
background: #3a0649;
border-bottom: 1px solid #3a0649;
}

#pub-container {
max-width: 960px;
width: 100% !important;
padding: 5px;
}

#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 {
color: #5d1672;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:focus {
background: 4c0b5f;
color: white;
text-decoration: none;
}

#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: #FFBF00 !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: #FFBF00 !important;
font-family: 'open sans', sans-serif !important;
font-weight: 400;
text-decoration: none !important;
}


/* ==============================
COLORS
============================== */


/*** Blue in template ***/

.dominant-color {
background: #4C0B5F;
}

.RadMenu .rmText {
text-shadow: 1px 1px #4C0B5F;
}

.telerik_main_menu .rmRootGroup a:hover, .telerik_main_menu .rmRootGroup a.rmFocused span, .telerik_main_menu .rmRootGroup a.rmFocused {
color: #4C0B5F;
}

.telerik_main_menu .rmRootGroup a:hover span, .telerik_main_menu .rmRootGroup a.rmExpanded span {
color: #4C0B5F;
}

.telerik_main_menu .rmGroup a:hover, .telerik_main_menu .rmGroup a.rmFocused {
color: #4C0B5F;
}

.telerik_main_menu .rmGroup a:hover span, .telerik_main_menu .rmGroup a.rmFocused span {
color: #4C0B5F;
}

.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: #4C0B5F;
}

.telerik_main_menu .rmLevel2 li, .telerik_main_menu .rmLevel2 a span, .telerik_main_menu .rmLevel2 a:hover {
color: #4C0B5F;
}

.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: #4C0B5F !important;
}

.title span {
color: #4C0B5F;
}

.homepage .one .welcome-message {
color: #4C0B5F;
}

.homepage .four .float-right ul h4 {
color: #4C0B5F;
}

.ptl_upcomingevents_date .ptl_upcomingevents_day {
color: #4C0B5F;
}

.ptl_upcomingevents_footer .more_events:link, .ptl_upcomingevents_footer .more_events:visited, .ptl_upcomingevents_footer .more_events:active {
background: #f2e1f7;
color: #4C0B5F;
}

.ptl_upcomingevents_footer .more_events:hover {
background: #4C0B5F;
color: #FFBF00;
}

td.mini_calendar_header {
color: #4C0B5F;
/* */
}

A.mini_calendar_header:link, A.mini_calendar_header:visited {
color: #4C0B5F;
/* */
}

.tbl_cell_today_calendar {
background: #4C0B5F;
/* */
}

.featured-item-wrapper .title a {
color: #4C0B5F;
}

.read-more a.link {
color: #4C0B5F;
/* */
}

.read-more a.link:focus {
color: 4c0b5f;
}

.read-more a.link:hover {
background-color: #4C0B5F !important;
/* */
}

#breadcrumbs a:hover {
color: #4C0B5F;
}

.subpage #news-summary .content a.title {
color: #4C0B5F;
}

.subpage #news-summary .content a.read-more {
color: #4C0B5F;
}

.subpage #news-summary .content a.read-more:hover {
background: #4C0B5F;
}

.sitenavl0 a {
color: #4C0B5F;
}

.sitenavl0 a:hover {
color: #4C0B5F;
}

.currentpage a {
color: #4C0B5F;
}

.sitenavl1 a:before {
background: #4C0B5F;
}

.sitenavl1 a {
color: #4C0B5F;
}


/*** Red in template ***/

.secondary-color {
background: #ffbf00;
}

#header {
border-bottom: 6px solid #FFBF00;
background: ##3d0a4c;
background: ##3d0a4c;
/*
background: -moz-linear-gradient(top, ##3d0a4c 0%, #5e1773 50%, #4c0b5f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c0b5f), color-stop(50%,#5e1773), color-stop(100%,#4c0b5f));
background: -webkit-linear-gradient(top, #4c0b5f 0%,#5e1773 50%,#4c0b5f 100%);
background: -o-linear-gradient(top, #4c0b5f 0%,#5e1773 50%,#4c0b5f 100%);
background: -ms-linear-gradient(top, #4c0b5f 0%,#5e1773 50%,#4c0b5f 100%);
background: linear-gradient(to bottom, #4c0b5f 0%,#5e1773 50%,#4c0b5f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c0b5f', endColorstr='#4c0b5f',GradientType=0 );
*/
}

#menubar:before {
border-color: transparent #FFBF00 transparent;
}

#menubar:after {
border-color: #FFBF00 transparent transparent;
}

/*R: 255 G: 191 B: 0*/

.homepage .one .motto .container {
background: rgba(255, 191, 0, .6);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFBF00,endColorstr=#B2FFBF00)";
/* IE8 */
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#B2FFBF00, endColorstr=#B2FFBF00);
/* IE6 & 7 */
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup {
border-bottom: 6px solid #FFBF00;
border-left: 1px solid #FFBF00;
border-right: 1px solid #FFBF00;
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup li ul.rmLevel2 {
border-top: 1px solid #FFBF00;
border-bottom: 6px solid #FFBF00;
border-right: 1px solid #FFBF00;
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup li ul.rmLevel2 li.rmItem {
border-left: 1px solid #FFBF00;
}

.title span:before, .title span:after {
border-top: 4px solid #FFBF00;
}

.row h3, .row h4, .row h5 .row h6 {
color: #FFBF00;
}

.ptl_upcomingevents_date .ptl_upcomingevents_month {
color: #ffbf00;
}

A.mini_calendar_day:link, A.mini_calendar_day:visited {
color: #ffbf00;
}

#breadcrumbs a {
background: #4c0b5f;
}

.sitenavl1 a:hover {
color: #FFBF00;
}

#footer {
border-top: 6px solid #FFBF00;
}

#footer .credits {
margin: 8px 0px;
font-size: 12px;
color: #ccc;
width: 750px;
}

/*#footer .row .float-left .credits li {
line-height: 8px;
}*/


/* ==============================
HEADER STYLES
============================== */

.row {
margin-bottom: 0px !important;
}

#header {
height: 170px;
}

#header .container {
padding: 15px 0px;
}

#header .logo {
background-image: url(../../Servers/Server_3020143/Templates/logo.png);
background-repeat: no-repeat;
background-position: top left;
height: 138px;
width: 60%;
}

#header .logo h1 {
margin-top: 37px;
}

#header .logo h1 a {
color: white;
font-family: 'Cinzel', serif;
text-transform: uppercase;
font-size: 135%;
font-weight: 400;
margin-left: 100px;
line-height: 33pt;
}

#header .logo h1 a:hover {
text-decoration: none;
color: #f2e1f7;
}

#header .logo h1 a:focus {
background: 4c0b5f;
}

#header .logo h2 {
color: #FFBF00;
font-size: 123%;
font-weight: 300;
margin-left: 100px;
line-height: 20pt;
}

#header .container .float-right {
text-align: right;
width: 30%;
}

#header .container .float-right .first {
margin-top: 5px;
}

#header .container .float-right a {
color: #FFBF00;
font-size: 105%;
;
font-weight: 300;
width: auto;
}

#header .container .float-right a:focus {
background: 4c0b5f;
color: white;
}

#header .container .float-right span.secondary-color {
height: 12px;
width: 12px;
border-radius: 50%;
margin: 6px 5px 0px;
display: block;
behavior: url(https://cdnsm5-ss5.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-ss5.sharpschool.com/common/resources/designportfolio/sitethemes/commonlib/scripts/PIE.htc);
}

#header .container .float-right .last {
color: #FFFFFF;
font-size: 85%;
font-weight: 300;
line-height: 16pt;
width: 100%;
}

#header .container .float-right .last span {
float: right;
margin-left: 5px;
}

#header .container .float-right span.phone {
background: url(../../../Common/resources/DesignPortfolio/SiteThemes/ace/blue/phone-icon.png);
height: 19px;
width: 15px;
display: block;
margin-bottom: 3px;
}

#header span.header-phone.address {
margin-bottom: 0px;
font-size: 88%;
}

#header span.header-phone a {
color: #fff;
}

#header .container .float-right span.fax {
background: url(../../Servers/Server_3020143/Templates/fax-icon.png);
height: 16px;
width: 17px;
display: block;
margin-bottom: 13px;
}

#header .container .float-right a.fouroneone {
background: url(../../Servers/Server_3020143/Templates/411.png);
height: 28px;
width: 78px;
display: block;
float: right;
}


/* ==============================
MENU STYLES
============================== */

#menubar {
height: 35px;
border-bottom: 1px solid #FFBF00;
position: relative;
}

#menubar:before {
border-style: solid;
border-width: 0 26px 35px 0;
content: "";
display: block;
height: 0;
left: -25px;
position: absolute;
width: 0;
}

#menubar:after {
border-style: solid;
border-width: 36px 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 .rmHorizontal .rmText:focus {
background: 4c0b5f;
color: white;
}

.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: #4C0B5F;
text-shadow: none;
}

.telerik_main_menu .rmRootGroup a span {
text-decoration: none;
color: #4C0B5F;
text-shadow: none;
}

.telerik_main_menu .rmRootGroup a:focus span, .telerik_main_menu .rmRootGroup a.rmExpanded span {
background: white;
text-decoration: 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: #4C0B5F;
}

.telerik_main_menu .rmRootGroup a:hover span, .telerik_main_menu .rmRootGroup a.rmExpanded span {
text-decoration: underline;
color: #4C0B5F;
}


/* == DROPDOWN NORMAL STATE == */

.telerik_main_menu .rmGroup a {
background: #FFFEFC;
color: #4C0B5F;
text-decoration: none;
font-size: 90%;
font-weight: normal;
text-shadow: none;
}

.telerik_main_menu .rmGroup a span {
background: #FFFEFC;
color: #4C0B5F;
text-decoration: none;
font-size: 112.5%;
font-weight: light;
text-shadow: none;
}

.telerik_main_menu .rmGroup .rmItem .rmExpandRight {
background: url("../../../Common/resources/DesignPortfolio/SiteThemes/wave/v2/icon-arrow.png") 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: #4C0B5F;
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;
text-decoration: none;
background-image: url(../../../Common/resources/DesignPortfolio/SiteThemes/wave/v2/icon-arrow.png);
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: #4C0B5F; */
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: 600px;
}

.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-ss5.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: #FFBF00;
}

.homepage .row {
padding-bottom: 25px;
padding-top: 15px;
}

.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: 0px 0px 10px;
}

.homepage .one .motto .container {
height: auto;
padding: 5px;
width: 54%;
display: block;
margin: 0px auto;
color: #000000;
font-family: 'source sans pro', sans-serif;
font-weight: 700;
font-size: 123%;
text-shadow: 1px 1px #c3c3c3;
}

.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-ss5.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 a:focus {
background: 4c0b5f;
}

.quicklinks ul li:hover {
background: #FFBF00;
color: #FFBF00;
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_footer .more_events:link, .ptl_upcomingevents_footer .more_events:visited, .ptl_upcomingevents_footer .more_events:active {
background: #f2e1f7;
padding: 5px;
text-decoration: none;
font-size: 90%;
font-weight: 400;
padding: 3px 13px;
}

.ptl_upcomingevents_footer .more_events:hover {
background: #4C0B5F;
color: #FFBF00;
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: #f2e1f7 !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 b {
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: #f2e1f7 !important;
font-size: 90%;
padding: 3px 13px;
}

.read-more a.link:hover {
color: #FFBF00 !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: #f2e1f7;
text-decoration: none !important;
}

#breadcrumbs a:after {
content: "";
width: 0px;
height: 0px;
border-style: solid;
border-width: 13px 0 12px 13px;
border-color: transparent transparent transparent #4C0B5F;
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: #f2e1f7;
font-size: 90%;
padding: 3px 13px;
}

.subpage #news-summary .content a.read-more:hover {
color: #FFBF00;
}

.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: #f2e1f7;
text-decoration: none;
}

.currentpage a {
background: #f2e1f7;
}

.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-ss5.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: #4C0B5F;
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 #FFBF00;
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 #FFBF00;
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: #FFBF00;
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 #FFBF00;
text-shadow: 1px 1px #073937;
}

.reso-m-btn {
color: #ffffff;
background: url(../../../Common/resources/DesignPortfolio/SiteThemes/ace/blue/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: 11px 0px;
}
#header .logo h1 a {
font-size: 135%;
}
#header .logo h2 {
font-size: 123%;
}
#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: 53px;
background-position: 0px 5px;
height: 95px;
}
#header .logo h1 a {
font-size: 100%;
margin-left: 66px;
}
#header .logo h2 {
font-size: 88%;
line-height: 12pt;
margin-left: 66px;
}
#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: 87%;
}
.three .title span:before, .three .title span:after {
width: 23%;
}
.quicklinks ul li {
margin: 10px 10px;
}
.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;
}
#footer .first:after, #footer .first:before {
display: none;
}
#header .logo h1 {
margin-top: 0px;
}
@media screen and (max-width: 660px) {

.homepage .one {
height: 375px;
}

.quicklinks ul {
margin: 0 auto;
width: 100%;
}
.homepage .row {
padding-top: 0px;
}
}
@media screen and (max-width: 640px) {

#header {
height: auto;
}
#header .container .float-right a {
font-size: 82%;
margin-bottom: 5px;
}
.quicklinks {
width: 100%;
margin: 0px auto;
}
.quicklinks ul li {
margin: 0px 0px;
}
#footer .container {
margin: 0px;
}
#footer .first {
height: auto;
padding: 7px 20px;
top: 0px;
position: initial;
font-size: 90%
}
#footer .last {
width: 95%;
margin: 0px auto;
padding: 10px 0px;
top: 0px;
position: initial;
}
#footer .row .float-left {
width: 50%;
padding: 0px 10px 0px 10px;
}
@media screen and (max-width: 550px) {

.homepage .one {
height: 375px;
}

#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 .welcome-message {
font-size: 200%;
}
.homepage .one .motto .container {
font-size: 94%;
}
.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: 0px;
    height: 320px;
}
.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;
}
#footer .last {
    width: 100%;
}
#footer .row .float-left {
    width: auto;
    float: none;
}
#footer-socialmedia {
    float: none;
    margin: 10px auto;
}
#breadcrumbs a {
    background: none transparent;
    color: #093349;
    text-decoration: underline;
    display: inline-block
}
#breadcrumbs a:hover {
    background: none transparent;
    color: #093349;
    text-decoration: none;
}
#breadcrumbs a:after {
    display: none;
}

@media screen and (max-width: 350px) {

.homepage .one {
height: 375px;
}

}

/* === skip navigation === */

div[id*="_divContent"] {
    overflow: auto;
}