@import url("../../../PublicGlobalTheme/StyleLibrary/BCEBranding/css/global.css");
@import url("../../../PublicGlobalTheme/StyleLibrary/BCEBranding/css/responsive.css") (max-width: 980px);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

@import url("../../master/css/bcePromotions.css");

a:link, a, .ms-WPBody a:link, .link-item, .link-item a, .link-item a:link, a p.ms-rteElement-P {
    color: #0072BC;
    text-decoration: none;
}
body, p, .ms-rteElement-P {
    color:#333;
}
body, p, .description, .link-item, .link-item a, .link-item a:link, .ms-WPTitle, P.ms-rteElement-P, .SchoolFeatureFront .title-link a {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
}
h1.ms-rteElement-H1, h2.ms-rteElement-H2, h3.ms-rteElement-H3, h4.ms-rteElement-H4 {
    font-family: Arial, Helvetica, sans-serif;
}
body, p, .link-item, .link-item a, .link-item a:link, .description, P.ms-rteElement-P, .SchoolNewsItemFront {
    font-size:14px;
}
img {
    -ms-interpolation-mode: bicubic;
}
a img {
    border:none;
}
h3.ms-standardheader, H1.ms-rteElement-H1, #headingarea h1, .dfwp-column .dfwp-item .item .link-item a, #outsidebodycontainer .s4-ca .s4-notdlg, .ms-WPTitle a {
    color: #333;	
}
.ms-WPBody {
    font-family: arial,helvetica,sans-serif;
}

/*********************************************** DEFAULT SHAREPOINT EDIT STYLES  ***********************************************/
.ms-formfieldlabelcontainer {
    margin:4px 4px 0px 4px;
}
div.ms-formfieldlabelcontainer span.ms-formfieldlabel {
    font-family: Arial, Helvetica, sans-serif;
    font-size:8pt;
    font-weight:normal;
    text-align:left;
    color:#777777;
    padding:1px 4px 1px 4px;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    background-color:#efebef;
    height:18px;
    letter-spacing:normal;
}
.ms-formfieldvaluecontainer {
    border:1px solid #cccccc;
    margin-left:4px;
    margin-right:4px;
    margin-bottom:4px;
    padding:5px;
}

.ms-PartSpacingVertical {
    margin-top: 6px;
}

/*********************************************** BODY ***********************************************/
body {
    margin:0;
    padding:0;
}
body {
    background-color: transparent;
}
#outsidebodycontainer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#outsidebodycontainer {
    background-color: transparent;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
#s4-bodyContainer {
    background-color: transparent;
    margin: 0 auto;
}
body #s4-bodyContainer {
    min-width: inherit;
    width:100%!important;
}

/*********************************************** SEARCH ***********************************************/
#searchbox .ms-sbtable-ex {
    margin-top: 0px !important;
}
#searchbox {
    background-color: #fff;
    border: 1px solid #eee;
    position: absolute;
    right: 50px;
    top: -80px;
    width: inherit;
    overflow:hidden;
    padding: 10px;
}
#searchbox .s4-wpTopTable {
}
.ms-sbtable-ex {
    margin-top:1px!important;
}
.s4-search input.ms-sbplain {
    background-color: transparent;
    background-position: 5px 5px;
    color: #CCCCCC;
    font-size: 11px;
    margin-right: 0;
    padding: 0px 0px 0px 4px;
    width: 200px !important;
    border-radius: 0px !important;
    border: none !important;
}
.s4-search .ms-sbgo a {
    background-image: url("../images/search-btn.png");
    background-repeat: no-repeat;
    display:block;
    height: 23px;
    margin-left: 0;
    margin-top: 0;
    width: 23px;
}
.s4-search .ms-sbgo a:hover {
    background-image: url("../images/search-btn.png");
    background-repeat: no-repeat;
    background-position: 0px -23px;
}
.ms-sbscopes, .srch-gosearchimg{
    display:none;
}
.searchHoverIcon {   
    padding: 0px 0px 0px 23px;
    background-image: url('../images/search-btn.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
/****************************************** JQUERY SEARCH ELEMENTS **************************************/
.searchContainer {
    background-color: #333;
    padding: 20px 5px 20px 5px;
    display: block;
}
#mobileSearch {
    background-color: #fff;
    display: table;
    margin: 0 auto;
}
.searchBtn {
    background: url("../images/mobileSearchIcon.png") no-repeat 50% 50%;
    width: 48px;
    height: 48px;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 12;
}
a.searchBtn:hover {
    filter: alpha(opacity=50);
    opacity: .5;
}

#content{
    width: 980px!important;
}
#content, .article.article-body, #outsidebodycontainer .s4-ca .s4-notdlg {
    margin: 0px auto 0px auto;
    padding:0px 10px !important;
}
.s4-ca {
    background-color: transparent !important;
    margin: 0px !important;
    padding: 0px;
    min-height: 0px;
}
.clearit {
    clear: both;
}
#titlearea-one {
    display: none;
}
#frontpagecontent {
    background-color: #fff;
}
#content {
    background-color: #fff;
}
#frontpagecontent, #content, .article.article-body, #outsidebodycontainer .s4-ca .s4-notdlg  {
}
#area-one, #area-two, #area-three, #area-four, #area-five, #area-six, #area-seven {
}
#area-one {
}
#area-two {
}
#area-three {
}
#area-four {
}
#area-five {
}
#area-six {
}
#area-seven {
}
#breadcrumb {
    border-bottom: 1px solid #eee;
    display:none;
}
#breadcrumb a, #breadcrumb a, #breadcrumb span {
    color: #ccc;
}
#breadcrumb span {
    padding: 0px 2px 0px 2px;
}
#breadcrumb a:hover, #breadcrumb a:hover {
    color: #000;
}
#outsidebodycontainer #s4-bodyContainer .s4-ca .s4-notdlg {
    padding: 0 20px 0 20px;
    background-color:#fff;
}
#content, .article.article-body {
    padding:20px 20px !important;
}
#headingarea {
    margin:0px 0px 0px 0px;
    border-bottom: 1px solid #eee;
}
#headingarea h1 {
    margin: 0px 0px 0px -2px;	
}
#innerpage-area-one {
    background-color: #333;
    float: none;
    margin: 0 -1134px;
    min-height: 300px;
    padding: 0 980px;
}
#innerpage-area-two {
    margin: 0px 0px 0px 0px;
}
#innercolumnone {
    float: left;
    width: 33.33333333333333%;
    padding: 0px 10px 0px 10px;
}
#innercolumntwo {
    float: right;
    width: 66.6666%;
    padding: 0px 10px 0px 20px;
    border-left: 1px solid #EEEEEE;
}
#innercolumntwo #ctl00_PlaceHolderMain_RichHtmlField1__ControlWrapper_RichHtmlField.ms-rtestate-field {
    padding-top: 5px;
    float: left;
    width: 100%;
}
.menu.vertical.menu-vertical {
    border-bottom: 0px solid #eee;
    margin: 0 0 20px;
}
.menu.vertical.menu-vertical a {
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
}
.menu.vertical.menu-vertical a.static.menu-item {
    border-bottom: 1px solid #eee;
    padding: 5px 8px 5px 12px;
    color:#333;
    background-position:left center;
    background-repeat: no-repeat;
    background-image: url("../images/arrow-right-black.png");
}
.menu.vertical.menu-vertical a.static.selected.menu-item {
    font-weight:bold;
    background-color:#f4f4f4;
}
.menu.vertical.menu-vertical a.static.menu-item:hover {
    color:#000;
    background-color:#f4f4f4;
}

/*********************************************** FOOTER ***********************************************/
#footer {
    height: inherit;  
    margin: 0px 0px;
    padding: 0px 0px;
    position: relative; 
}
#footer a {
    color: #5BCCF5;
}
#footeraddress {
    line-height: 1;
    min-height: 130px;
    margin: 0 auto;
    padding: 20px 250px 0 20px;
}

#footer p strong {
    font-size: 14px;
}
#footer p, #footer .ms-WPBody a {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding-left: 0;
}
#editfeaturearea {
    background-color: infobackground;
    clear: both;
    margin: 0 auto 0 auto;
    padding:0px;
    width: 90%;
}
.ms-WPBorder, .ms-WPBorderBorderOnly {
    border:none;
}

/*************************************************************************************/
.ms-WPHeader {
    background-color: transparent;
}
.ms-WPHeader td, .ms-fakewptitle {
    border-bottom: none;
    border-collapse: collapse;
}
.ms-wpContentDivSpace {
    margin-left: 0px;
    margin-right: 0px;
}
.ms-WPHeader .ms-wpTdSpace {
    border-bottom: none;
    width: 0;
}
#outsidebodycontainer .s4-ca .s4-notdlg {
}
h3.ms-standardheader {
}
H1.ms-rteElement-H1, #headingarea h1 {
    -ms-name:"Custom heading";
    font-size: 32px;
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align:left !important;
}
h3.ms-standardheader nobr {
    white-space: normal;
}
h3.ms-standardheader {
    padding: 0px 0px 10px 0px;
    display: block;
    line-height: 1;
}
h2.ms-rteElement-H2, .ms-WPBody h2 {
    font-size: 24px;
    font-weight: bold;
}
h3.ms-rteElement-H3, .ms-WPBody h3 {
    font-size: 22px;
    font-weight: bold;
}
h4.ms-rteElement-H4, .ms-WPBody h4 {
    font-size: 18px;
    font-weight: bold;
    font-style:normal;   
}

/****************************************** FEATURED PAGE FRONT DISPLAY STYLES **************************************/
#linkitem.SchoolNewsItemFront {	
}
#linkitem.SchoolFeatureFront {
    border-bottom: 1px solid #eee;
}
.SchoolFeatureFront {
}
.SchoolNewsItemFront .link-item, .SchoolFeatureFront {
    width: 100%;
    float:left;
    padding:5px 20px 5px 0px;
}
.SchoolNewsItemFront .title-link, .SchoolFeatureFront .title-link {
    display: block;
}
.SchoolNewsItemFront .title-link a, .SchoolFeatureFront .title-link a {
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    color: #1a8fd4;
}
.SchoolNewsItemFront .link-item .title-link a {
    font-weight: bold;
}
.SchoolNewsItemFront .image-area-left, .SchoolFeatureFront .image-area-left {
    background-color: transparent;
    height: auto;
    overflow: hidden;
    padding: 0;
    margin: 0px 10px 0px 0px;
    width: 30%;
    float: left;
}
.SchoolNewsItemFront .image-area-left a, .SchoolFeatureFront .image-area-left a {
    display: block;
    line-height: 0;
}
.SchoolNewsItemFront .image, .SchoolFeatureFront .image {
}
.SchoolNewsItemFront .description, .SchoolFeatureFront .link-item {
    padding: 5px 0px 5px 0px;
}
.SchoolNewsItemFront .link-item {
    float:left;
    padding: 10px 0;
}
.SchoolFeatureFront .link-item {
    float:right;
    padding: 10px 0;
}
.SchoolNewsItemFront .link-item .description p span a, .SchoolFeatureFront .link-item .description p span a {
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: underline;
}
#linkitem.SchoolNewsItemFront a:hover {
    opacity: .7;
    filter: Alpha(Opacity=70);
}

/****************************************** GENERAL CQWP STYLES **************************************/
.dfwp-item {
}
.item {
    clear: both;
    padding: 0px 0px 0px 0px;
}
.image-area-left {
    float: left;
    margin: 0;
    padding-right: 3%;
    width: 25%;
}
.image {
    height:auto;
    width:100%;	
}
.link-item {
    display:table;
}
.description {
}
.dfwp-column .dfwp-item .item .link-item a, .dfwp-column .dfwp-item .link-item .title-link a, .SchoolFeatureFront .title-link a {
    font-size: 18px;
    line-height: 1;
}
.dfwp-column .dfwp-item .SchoolNewsItemFront .link-item .description p {
    margin:0;
}
.bullet {
    background-image: none;
}


/*********************************************** picLibSlideshowWp *********************************************/

/*the div that contains the webpart - title and description at the side*/
#WebPartctl00_ctl19_g_7fb49729_5245_4e4a_adf3_9dcbfedd4339 {
    position: relative;
}
/*table cell height*/
#WebPartctl00_ctl19_g_7fb49729_5245_4e4a_adf3_9dcbfedd4339.ms-WPBody td {
    height: 0px !important;
}
/*remove the cell heights in the table*/
#MSOPictureLibrarySlideshowWebPart_ctl00_ctl19_g_7fb49729_5245_4e4a_adf3_9dcbfedd4339_cell {
    height: 0px !important;
}
/*this is the image*/
#MSOPictureLibrarySlideshowWebPart_ctl00_ctl19_g_7fb49729_5245_4e4a_adf3_9dcbfedd4339_link img {
    width: 980px !important;
    height: 300px !important;
    position: absolute;
    top: 0px;
    left: 0px;
}
/*the title area*/
#MSOPictureLibrarySlideshowWebPart_ctl00_ctl19_g_7fb49729_5245_4e4a_adf3_9dcbfedd4339_title {
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
}
/*the title area type style*/
#MSOPictureLibrarySlideshowWebPart_ctl00_ctl19_g_7fb49729_5245_4e4a_adf3_9dcbfedd4339_title.ms-slideshow-title {
    background-color: #3c5550 !important;
    font: 30px/30px 'OpenSansLight', Arial, sans-serif !important;
    color: #f4f4f4 !important;
    padding: 20px !important;
}
/*think this is for the description type*/
#MSOPictureLibrarySlideshowWebPart_ctl00_ctl19_g_7fb49729_5245_4e4a_adf3_9dcbfedd4339_desc.ms-slideshow-description {
    color: #FFFFFF !important;
    font-size: 18px !important;
    left: 0px;
    padding: 20px;
    position: absolute;
    top: 174px;
}
#MSOPictureLibrarySlideshowWebPart_ctl00_ctl19_g_7fb49729_5245_4e4a_adf3_9dcbfedd4339_text {
}

/*********************************************** TABLE STYLES  *********************************************/
/* BCE-Table-Style-3 */
table.ms-rteTable-bcetablethree {
    -ms-name:"BCE-Table-Style-3";
    border: 1px solid #ccc;
} 
.ms-rteTable-bcetablethree td, th.ms-rteTableFirstCol-bcetablethree, th.ms-rteTableFooterFirstCol-bcetablethree {
    padding:5px;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
}
.ms-rteTableHeaderRow-bcetablethree th {
    padding:5px;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    text-align: left;
}
.ms-rteTableOddRow-bcetablethree:hover, .ms-rteTableEvenRow-bcetablethree:hover {
}
.ms-rteTableFooterRow-bcetablethree td, th.ms-rteTableFooterFirstCol-bcetablethree {
    padding:5px;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
}
.ms-rteTableEvenRow-bcetablethree {
}

/* Quick Links Table - no background col in header */
table.ms-rteTable-bcetablefour {
    -ms-name:"BCE-Table-Style-4";
    margin-top:0px;
} 
.ms-rteTable-bcetablefour td, th.ms-rteTableFirstCol-bcetablefour, th.ms-rteTableFooterFirstCol-bcetablefour {
    background-image: url("../images/arrow.png");
    background-position: left 10px;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #CCCCCC;
    padding: 5px 5px 5px 14px;
}
.ms-rteTableHeaderRow-bcetablefour th {

    background-image: url("../images/arrow.png");
    background-position: left 10px;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #CCCCCC;
    padding: 5px 5px 5px 14px;
    text-align: left;
}
.ms-rteTableOddRow-bcetablefour:hover, .ms-rteTableEvenRow-bcetablefour:hover {
}
.ms-rteTableFooterRow-bcetablefour td, th.ms-rteTableFooterFirstCol-bcetablefour {
    padding:5px;
    padding-left:14px;
}
.ms-rteTableEvenRow-bcetablefour {
}

/* BCE-Table-Style-5 - has background col in header */
table.ms-rteTable-bcetablefive {
    -ms-name:"BCE-Table-Style-5";
    border: 1px solid #ccc;
} 
.ms-rteTable-bcetablefive td, th.ms-rteTableFirstCol-bcetablefive, th.ms-rteTableFooterFirstCol-bcetablefive {
    padding:5px;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
}
.ms-rteTableHeaderRow-bcetablefive th {
    padding:5px;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    text-align: left;
    background-color:#f4f4f4;
}
.ms-rteTableOddRow-bcetablefive:hover, .ms-rteTableEvenRow-bcetablefive:hover {
}
.ms-rteTableFooterRow-bcetablefive td, th.ms-rteTableFooterFirstCol-bcetablefive {
    padding:5px;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
}
.ms-rteTableEvenRow-bcetablefive {
}

/*********************************************** MINI CALENDAR  *********************************************/
#WebPartWPQ4 { /* unique for each part */
}
#frontpagecontent .ms-acal-rootdiv {
    font-size:11px;
}
#frontpagecontent .ms-acal-header TD {
    VERTICAL-ALIGN: top;
}
#frontpagecontent .ms-acal-rootdiv TD {
    VERTICAL-ALIGN: top;
}
#frontpagecontent .ms-acal-rootdiv TH {
    VERTICAL-ALIGN: top;
}
#frontpagecontent .ms-acal-rootdiv {
    FLOAT: left; MARGIN-LEFT: 0px; OVERFLOW: hidden;
}
#frontpagecontent .ms-acal-vitem {
    VISIBILITY: hidden; BACKGROUND-COLOR: #f2f2f2;
}
#frontpagecontent .ms-acal-month-weeksel {
    VISIBILITY: hidden; WIDTH: 16px;
}
#frontpagecontent .ms-acal-summary-dayrow TH {
    BORDER-RIGHT: #b6c5c6 0px solid; BORDER-TOP: #b6c5c6 0px solid; VISIBILITY: hidden; BORDER-LEFT: #b6c5c6 0px solid; CURSOR: pointer; BORDER-BOTTOM: #b6c5c6 0px solid; BACKGROUND-COLOR: #ced8d9;
}
#frontpagecontent .ms-acal-month-top {
    PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 40px; COLOR: #919649; PADDING-TOP: 2px; BORDER-BOTTOM: #b6c5c6 1px solid; TEXT-ALIGN: center;
}
#frontpagecontent .ms-acal-summary-dayrow TH {
    BORDER-RIGHT: #b6c5c6 0px solid; BORDER-TOP: #b6c5c6 0px solid; VISIBILITY: hidden; BORDER-LEFT: #b6c5c6 0px solid; CURSOR: pointer; BORDER-BOTTOM: #b6c5c6 0px solid; HEIGHT: 0em; BACKGROUND-COLOR: #ced8d9;
}
#frontpagecontent .ms-acal-summary-itemrow TD DIV {
    MARGIN: 0px 1px; WIDTH: 30px; HEIGHT: 25px;
}
#frontpagecontent .ms-acal-vlink IMG {
    VISIBILITY: hidden; MARGIN-RIGHT: 3px;
}
#frontpagecontent .ms-acal-vlink A:hover {
    VISIBILITY: hidden;
}

/*********************************************** Table of contents style  *********************************************/
.headertitle, .headertitle a, .headertitle a:link {
    font-weight: bold !important;
}
.headermarker a {
    font-weight:normal !important;
    line-height: 1 !important;
}
.level-bullet {
    background-image: url("../images/arrow-right-black.png");
    background-position: -2px 5px;
    background-repeat: no-repeat;
    padding-left: 13px;
}

/*********************************************** CORE OWL CAROUSEL *********************************************/
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    max-width: 970px!important;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.owl-carousel.owl-theme {
    /*width: 960px !important;*/
}
.owl-wrapper .left {
    float: left;
    padding: 3px 0 5px 0;
    margin: 0px 0px 0px 0px;
    text-align: center;
    width: 25%;
    background-color: #1a8fd4;
}
.owl-wrapper .day, .owl-wrapper .month {
    float: left;
    width: 100%;
}
.owl-wrapper .day {
    font-weight:bold;
    font-size: 21px;
    color:#fff;
}
.owl-wrapper .month {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}
.owl-wrapper .theyear {
    color: #fff;
    font-weight: bold;
}
.owl-wrapper .right {
    float: left;
    padding: 7px 0px 0px 5px;
    width: 75%;
    font-size: 12px;
}
.owl-wrapper .right .title {
}
.owl-wrapper .right .title a {
    padding: 0 0 6px 0;
    cursor: pointer;
}
.owl-wrapper .right .title a:hover {
    text-decoration:none;
    color:#333 !important;
}
.owl-wrapper .starttime, .owl-wrapper .endtime {
    float: left;
    width: 100%;
}
.owl-wrapper .starttime span, .owl-wrapper .endtime span {
    font-weight:bold;
    width: 70px;
    float:left;
    display:none;
}
.owl-item .item {
    width: 100%;
}
.owl-item .item:after {
    clear: both;
    content: ".";
    /*display: block;*/ /*Not sure if this is required - Aaron */
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.owl-wrapper .image-area-left {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.owl-wrapper .link-item {
    float: left;
}
.owl-wrapper .link-item a {
    display: block;
    font-size: 16px;
    color: #333;
    padding: 5px 0 5px 0;
    margin: 0;
    line-height: 1;
    text-transform: normal;
    font-weight: bold;
}
.owl-wrapper .link-item .description {
    float: left;
    display: block;
    width: 100%;
    background-color: #f4f4f4;
}
.owl-theme .owl-controls{
    margin: 0px -20px;
    text-align: center;
}

.owl-prev, .owl-next {
    text-indent:-100px;
    background-image: url('../images/arrows.png') !important;
    margin: 0px !important;
    padding: 0px !important;
    position: absolute;
    top: 30%;
    width: 30px;
    height: 100px;
    filter: Alpha(Opacity=50) !important;/*IE7 fix*/
    opacity: .5 !important;
}
.owl-prev:hover, .owl-next:hover {
    filter: Alpha(Opacity=99) !important;/*IE7 fix*/
    opacity: .99 !important;
}
.owl-prev {
    background-position: -1px 0px !important;
    left: 0;
}
.owl-next {
    background-position: -32px 0px !important;
    right: 0;
}
.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    background: #869791;
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1.0;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=75);/*IE7 fix*/
    opacity: .75;
    text-decoration: none;
}
.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 20px;
    height: 20px;
    margin: 5px 7px;
    filter: Alpha(Opacity=30);/*IE7 fix*/
    opacity: 0.3;
    background-image:url("../images/bullets.png");
    background-position: -1px -0px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
    min-height: 150px;
    background: urlurl("../images/AjaxLoader.gif") no-repeat center center
}

/*********************************************** NIVO SLIDER *********************************************/
#nivowrapperouter {
    margin: 0px -9999px;
    padding: 0px 9999px;
    background-color: #eee;
}
.nivoSlider {
	position:relative;
    max-width: 1180px;
	width:100%;
	height:auto;
    overflow: hidden;
    max-height: 400px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:transparent;
	color:#fff;
	width:33.333%;
	z-index:8;
	padding: 0px 0px;
	overflow: hidden;
	display: none;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
.nivo-caption h1 {
    font-family: OpenSansLight;
    font-weight: normal;
    padding: 10px 10px 10px 20px;
    margin: 0px;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    width:30px;
    height:100px;
    background:url("../images/arrows.png") no-repeat;
    text-indent:-9999px;
    border:0;
    position:absolute;
    top:35%;
    z-index:9;
    cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}

a.nivo-nextNav {
    background-position:-30px 0px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: .5;
}
a.nivo-nextNav:hover {
    background-position:-30px 0px;
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}
a.nivo-prevNav {
    background-position: 0px 0px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: .5;
}
a.nivo-prevNav:hover {
    background-position: 0px 0px;
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 8px 0;
}
.nivo-controlNav a {
    display:inline-block;
    width:32px;
    height:22px;
    background:url("../images/bullets.png") no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    position:relative;
    z-index:9;
    cursor:pointer;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: .5;
}
.nivo-controlNav a:hover {
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
.emptyCaption {
    display: none;
}

/***************************************GO TO TOP OF PAGE STYLE**************************************/
#topPageLink a {
}
#topPageButton {
    background: #fff;
    margin: 0px 0px;
    padding: 0px 0px;
}
#topPageButton a {
    padding: 20px;
    display: block;
    background-image: url("../images/up-arrow.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 58px;
    width: 58px;
    margin: 0px auto 0px auto;
    filter: Alpha(Opacity=20);
    opacity: .2;
}
#topPageButton a:hover {
    filter: Alpha(Opacity=100);
    opacity: 1; 
}

/*********************************************** BEGIN CUSTOM STYLES /***********************************************/

/****************************************** CUSTOM DIVS **************************************/
/*
DIV.ms-rteElement-bceTest {
-ms-name:"bceTest";
}
.ms-rteElement-bceTest {
color:660000;
background-color:#ddd;
display:block;
padding:10px;
border: 1px solid #FD9F08;
float:left;
width:200px;
}
*/

/****************************************** CUSTOM IMAGES **************************************/
.ms-rteImage-four {
    -ms-name:"100% column width";
}
img.ms-rteImage-four {
    width:100% !important;
    height:auto !important;
}
/****************************************** JQUERY HOVER QUICK LINKS FUNCTION **************************************/
.linkSelected {
    background-color: #ccc;
    filter: alpha(opacity=70);
    opacity: .7; 
}

/****************************************** CURRUMBIN CUSTOM HEADINGS **************************************/
.ms-rteStyle-customHeadingOne {
    -ms-name:"Custom Heading One";
    color: #053e5b;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 30px !important;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    text-align: left;
}
.ms-rteStyle-customIntroText {
    -ms-name:"Custom Intro Text";
    color: #fff;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 30px !important;
    font-weight: bold;
    line-height: 1.7;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
.ms-rteStyle-customHeadingTwo {
    -ms-name:"Custom Heading Two";
    color: #194E9B;
    font-family: OpenSansLight,Arial,Helvetica,sans-serif !important;
    font-size: 24px !important;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1.5;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}
.ms-rteStyle-customHeadingViewAll {
    -ms-name:"Custom Heading View All";
    color: #fff;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 14px !important;
    font-weight: normal;
    line-height: 1.5;
    margin: 0px 0px -5px 0px;
    padding: 10px 10px 10px 10px;
    text-align: right;
    background-color: #D93636;
    float: right;
}
.ms-rteStyle-customHeadingViewAll a {
    color: #fff !important;
}
.ms-rteStyle-customHeadingViewAll a:hover {
    text-decoration: underline;
}

#searchbox {
    display: none;
}
#innercolumntwo ul li a {
    text-decoration: underline;   
}
#innercolumntwo ul li a:hover {
    text-decoration: none;   
}
#s4-bodyContainer {
    width: 940px;
}

/*********************************************** CURRUMBIN HEADER AREA ***********************************************/
#headerwrapper {
    background-color: #1A8FD4;
    background-image: url("../images/backgroundHeader.png");
    background-repeat: repeat-x;
    background-position: center top;

}
#searchBtnWrapper{
    position: relative;
    top: -146px;
    width: 980px;
    margin: 0 auto;
}
#header-logo {
    height: 150px;
    position: relative;
    margin: 0px 0px 0px 0px;
    background-image: url("../images/schoolHeader.png");
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-color: transparent;
}
#innercolumntwo .ms-rteElement-H2{
    color:#333!important;
}
#innercolumnone .ms-core-sideNavBox-removeLeftMargin #ctl00_PlaceHolderMain_QuickLaunchNavigationManager .ms-core-listMenu-verticalBox ul.static li.static a.static{
    border-bottom: 1px solid #eee;
    padding: 10px 8px 7px 12px;
    color:#333;
    background-position:left center;
    background-repeat: no-repeat;
    background-image: url("../images/arrow-right-black.png");
    font-size: 14px;
}
#innercolumnone .ms-core-sideNavBox-removeLeftMargin #ctl00_PlaceHolderMain_QuickLaunchNavigationManager .ms-core-listMenu-verticalBox ul.static li.selected .menu-item{
    font-weight:bold;
    background-color:#f4f4f4;
}
#innercolumntwo .ms-rteElement-H4{
    color: #333!important;
}
#school-logo a img {
    width:60px;
    height:60px;
}

#innercolumnone, #innercolumntwo {
    margin: 10px 0px 0px 0px;
}
#content, .article.article-body {
    padding: 20px 0px 20px 0px !important;
}

/*********************************************** MENU STYLES ***********************************************/
#navigationWrapper {
    background-color: #053E5B;
}
#DeltaTopNavigation .ms-core-listMenu-horizontalBox{
    width: 981px;
}
#DeltaTopNavigation .ms-core-listMenu-horizontalBox ul.root.ms-core-listMenu-root.static li.static a.static{
    background-color: #053E5B!important;
    border: none!important;
    font-size: 13px!important;
    font-weight: 600!important;
}
#DeltaTopNavigation .ms-core-listMenu-horizontalBox ul.root.ms-core-listMenu-root.static li.static a.static:hover{
    background-color: #000!important;
    color: #fff;
    text-decoration: none;
}

/****************************** menu ******************************/
.menu-horizontal {
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: inherit;
    padding: 0;
    width: 940px;
}
/****************************** top menu item style ******************************/
.s4-tn li.static > .menu-item {
    border-right: 1px solid transparent;
    display: inline-block;
    height: inherit;
    padding: 10px 9px 10px 9px;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: normal;
    color: #fff;
}
/****************************** menu link colour ******************************/
.menu-horizontal a {
    color: #B22222;
    padding: 0px 20px;
}
.s4-tn ul.dynamic {
    border: 1px solid #2a2a2a;
    border-bottom: none;
}
/****************************** dropdown menu item style hover ******************************/

/****************************** flyout menu holder ******************************/
.menu ul.dynamic {
    background-color: #333;
    margin: 0px 0px 0px 0px;
}
/****************************** dropdown menu item style ******************************/
.s4-tn li.dynamic > .menu-item {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 10px;
    white-space: nowrap;
    color: #ffffff;
    border-bottom: 1px solid #2a2a2a;
}
/****************************** top menu item background image ******************************/
.menu-horizontal a.dynamic-children span.additional-background,
.menu-horizontal span.dynamic-children span.additional-background {
    background-image: none;
    padding: 0;
}
/****************************** dropdown menu dynamic children ******************************/
.menu-horizontal ul.dynamic a.dynamic-children span.additional-background,
.menu-horizontal ul.dynamic span.dynamic-children span.additional-background {
    background-repeat: no-repeat;
    padding-right: 10px !important;
    background-image: url("../images/arrow-right-white.png") !important;
}
.menu-horizontal .menu-item-text {
    white-space: nowrap;
}
.menu-vertical .menu-item-text {
    overflow: hidden;
    word-wrap: break-word;
}
.menu-horizontal li.static,
.menu-horizontal a.static,
.menu-horizontal span.static {
    float: left;
}

/***********************************************CURRUMBIN FOOTER***********************************************/
#footer {
    background-image: url("../images/schoolFooter.png");
    background-position: 50% 0;
    background-repeat: no-repeat;
    margin: 0;
    min-height: 200px;
    padding: 0;
    width: 980px;
    margin: 0 auto;
}
#footeraddress {
    line-height: 1;
    margin: 0;
    padding: 6px 0 0 137px;
}

#footer a {
    color: #1a8fd4;
}
#footeraddress h1, #footeraddress h2, #footeraddress h3, #footeraddress h4, #footer p, #footer a {
    color:#053e5b!important;
    font-family: Arial, Helvetica, sans-serif!important;
    font-weight: normal!important;
    margin: 8px 0px 8px 0px!important;
    text-align: left!important;
}
#footerWrapper {
    display: block;
    border-top: 4px solid #053e5b;
}

/***************************************CURRUMBIN PAGE DIVS**************************************/
#frontpagecontent #area-one,
#frontpagecontent #area-two,
#frontpagecontent #area-three,
#frontpagecontent #area-four,
#frontpagecontent #area-five,
#frontpagecontent #area-six,
#frontpagecontent #area-seven {
    padding: 0px 10px 0px 10px;
    min-height: 10px;
}
#frontpagecontent #area-one {
    width: 980px;
    padding: 10px 0px 0px 0px;
    margin: 0 auto;
}
#frontpagecontent #area-two {
    width: 980px;
    background-color: #053E5B;
    padding: 20px 0px 20px 0px;
    margin: 0 auto;
}
#frontpagecontent #area-three {
    width: 980px;
    padding: 20px 0px 21px 0px;
    margin: 0 auto;
}
#frontpagecontent #area-four {
    width: 980px;
    background-color: #053E5B;
    padding: 4px 0px 12px 0px;
    margin: 0 auto;
}
#frontpagecontent #areaFiveWrapper {
    width: 980px;
    margin: 0 auto;
}
#frontpagecontent #area-five {
    width: 63.6666%;
    padding: 20px 0px 0px 0px;
    margin-right: 20px;
    float: left;
}
#frontpagecontent #area-six {
    width: 33.3333%;
    padding: 20px 0px 0px 0px;
    float: left;
}
#frontpagecontent #area-seven {
    width: 100%;
}

#areaWrapper {
    display: block;
    width: 100%;

    background-color: #053E5B;
}

/***************************************TILES STYLE**************************************/

.tilesContainer, a.tilesLink, .tilesImage, .tilesImage img, .tilesTitle, .tilesDescription, .tilesIframe {
    float: left;
    width: 100%;
}
.tilesContainer {
    width: 33.3333%;
    padding: 6px 7px 6px 6px;
}
a.tilesLink {
}
a:hover.tilesLink {
    opacity: .7;
    filter: Alpha(Opacity=70);
}
.tilesImage {
}
.tilesImage img {
    width: 100%;
    height: auto;
}
.tilesTitle {
    background-color: #1A8FD4;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    font-size: 16px;
    padding: 16px 5px 17px;
    text-align: center;
}
.tilesDescription {
    background-color: #eee;
    font-family: OpenSansLight;
    font-size: 14px;
    padding: 5px 0;
}
.elipisis {
}
.undefined {
    display: none;
}
.noTitle {
    display: none;
}
.showTitle {
    display: none;
}
.clearAll {
    clear: both;
}
#tile1 {}
#tile2 {}
#tile3 {}
#tile4 {}
#tile5 {}

/***************************************CALENDAR STYLE**************************************/
#calendarWrapperOuter {
}
#calendarWrapper {
}
h1#calendarHeading {
    font-family: OpenSansLight;
    font-weight: normal;
    font-size: 30px;
    text-align: center;
}
#calendarArea {
    max-width: 940px;
    margin: 0 auto;
}
a.calendarLink {
    display: block;
    text-align: center;
    color: aliceblue !important;
}
.calendarDay, .calendarMonth, .calendarYear {
    text-align: center;
    background-color: #1A8FD4;
    font-weight: bold;
}
.calendarContainer {
    float: left;
    width: 100%;
    background-color: transparent;
    color: #fff;
}
.calendarDayMonthYear {
    width: 30%;
    float: left;
}
.calendarTitle {
    font-size: 16px;
    font-weight: normal;
}
.calendarDescription {
}
.calendarDay {
    background-color: #1A8FD4;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 0;
    font-family: arial;
}
.calendarContainer.odd .calendarDay {
    background-color: #7a7a7a;
}
.calendarMonth {
    background-color: #1a8fd4;
    color: #fff;
    padding: 0;
}
.calendarContainer.odd.calendarMonth {
    background-color: #333;
}
.calendarYear {
    background-color: #1a8fd4;
    color: #fff;
    padding: 0 0 7px;
}
.calendarContainer.odd .calendarYear {
    background-color: #333;
}
.calendarLocation {
}
.calendarInfo {
    float: left;
    padding: 5px 4px 12px 12px;
    width: 70%;
}
.calendarStartTime {
    display: none;
}
.undefined {
    display: none;
}
.noEvents {
    opacity: 1 !important;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 0px 0px 0px 0px;
}
.calendarContainer.odd .calendarDay, .calendarContainer.odd .calendarMonth, .calendarContainer.odd .calendarYear {
    background-color: #BEBEBE;
}

#area-three ul.dfwp-column .tilesContainer:nth-child(2) .tilesLinkTitle{
    display: none;
}

#footer{
    background-color: transparent!important;
}

#footer .twc-FooterContent .col_2 .footerImage{
    float: right;
    margin-top: 22px;
    opacity: 0.5;
}
#footer .twc-FooterContent .col_2 .footerTxt{
    padding-left: 160px;
    float: left;
}
#footer .twc-FooterContent .col_2 .footerImage{
    background-image: url("http://www.bne.catholic.edu.au/PublishingImages/bceSchoolsSitesLogoBlack.png");
}

#area-four .ms-webpart-zone{
    display: block;
}
.dfwp-item.dateboxcarousel_item{
    list-style-type: none;
}

@media only screen and (max-width: 979px) {
    #goTopBtnWrapper{
        width: 100%;
    }
    #frontpagecontent #areaFiveWrapper{
        width:100%!important;
    }
    #footer {
        background-image: none!important;
    }
    #footer .twc-FooterContent .col_2 .footerTxt{
        text-align: center!important;
        float: none;
    }
    #content{
        width:100%!important;
    }
    #s4-bodyContainer{
        background-image: none!important;
	}
	#frontpagecontent{
		width:100%!important;
		padding-left: 0px!important;
		padding-right: 0px!important;
		display: block!important;
	}
	#contentRow #contentBox{
		width:100%!important;
	}
	#s4-workspace{
		width:100%!important;
		overflow-x: hidden!important;
    }
    #area-one{
        padding-top: 0px!important;
    }
    #area-one, #area-two, #area-three, #area-four, #area-five, #area-six, #topPageButton{
        width:100%!important;
        height: auto!important;
        margin:0px!important;
    }

    #area-three .tilesContainer{
        width:100%!important;
    }
    #area-three ul.dfwp-column{
        padding-left: 0px;
    }
    #area-five ul.dfwp-column{
        padding-left: 10px;
        padding-right: 10px;
    }
    #innercolumntwo{
		width:100%!important;
		border-left: none!important;
        padding-left: 10px!important;
        padding-right: 10px!important;
        max-width: none!important;
	}
	#innercolumntwo > div{
        width: 100%;
        display: block;
    }
    #innercolumntwo .ms-webpart-zone, #innercolumntwo .ms-webpart-cell-vertical, #innercolumntwo .ms-webpart-chrome-vertical{
        display: block!important;
    }
    .ms-srch-item{
        padding-right: 0px!important;
    }
    #footer{
        width:100%!important;
    }
    .footerTxt{
        width:100%!important;
        text-align: center;
        min-height: auto!important;
    }
    .footerImage{
        margin:-30px auto;
    }
    #area-four .dfwp-item {
        width: 100%;
    }
    #footer .twc-FooterContent .col_2{
        width:100%;
    }
    #footer .twc-FooterContent .col_2 .footerTxt {
        padding-left: 0px!important;
    }
    #footer .twc-FooterContent .col_2 .footerTxt p{
        text-align: center!important;;
    }
    #footer .twc-FooterContent .col_2 .footerImage{
        float: none;
        margin: 0 auto;
    }


}