@import url("/EasySiteWeb/EasySite/StyleData/rwt_variant/CSS/lib.nav.css");
@import url("/EasySiteWeb/EasySite/StyleData/rwt_variant/CSS/lib.generics.css");
@import url("/EasySiteWeb/EasySite/StyleData/rwt_variant/CSS/lib.forms.css");
@import url("/EasySiteWeb/EasySite/StyleData/rwt_variant/CSS/lib.grists.css");
@import url("/EasySiteWeb/EasySite/StyleData/rwt_variant/CSS/lib.panels.css");
@import url("/EasySiteWeb/EasySite/StyleData/rwt_variant/CSS/lib.promotion.css");
@import url("/EasySiteWeb/EasySite/StyleData/rwt_variant/CSS/lib.apps.css");
@import url("/EasySiteWeb/EasySite/StyleData/rwt_variant/CSS/add.css");

@media screen, all 
{
    
/*-------------------------------------------------------
 Easysite bar
---------------------------------------------------------*/

#faux #ux-bar .ux-bar-fix
{
    top: 0 !important;
    left: 0 !important;
}

#ux-bar
{
    min-height: 0 !important;
}

body #ux-ribbon .ribbon-fix
{
    top: 40px !important;
    left: 0;
}

.contenteditor p { /*font-size: 14px;*/ letter-spacing: 0.2px; padding-bottom: 5px; }

.contenteditor h1 { /*font-size: 20px;*/ }

.contenteditor h2 { /*font-size: 18px;*/ }

/*-------------------------------------------------------
 whole page container
---------------------------------------------------------*/

/*#faux { overflow-x: hidden; }

#sx-wrapper { }
.sx-wo { }
.sx-wi { background: #fff; margin: auto; }
*/
/*.sx-mo { width: 980px; margin-left: auto; margin-right: 0; }*/

/*-------------------------------------------------------
 masthead
---------------------------------------------------------*/

#sx-masthead
{
    width: 99.8%;
    height: 0;
    padding-bottom: 7%;
    background: #ffffff;
    margin-bottom:-10px;
}


.sx-mo
{
    width: 100%;
    height: 0;
    padding-bottom: 7%;
    
}



/*-------------------------------------------------------
 Search box
---------------------------------------------------------*/
#sx-search {float: left;/* margin: 10px 0 10px 37px; */clear: right;display:inline-block;max-width: 200px;}
#sx-search {/* border: 1px solid #dbdbdb; *//*padding: 0px 0px 0px 2px;*/}
#sx-search fieldset { border: 0; padding: 0; margin: 0; width: 100%; }
#sx-search fieldset legend, #sx-search fieldset .question { display: none; }
#sx-search fieldset .fields { float: left; margin: 1% 0px;}
#sx-search fieldset .buttons { float: left; text-align: right;}
#sx-search fieldset .answer { width: 100%; font-size: 12px; padding: 1px 0 1px 2px; }
#sx-search .textbox {border: 0;width: 146px;/* margin: 1% 0px; */height: 1.5em; padding: 3px 3px; margin: 4px 0px 0px 0px; border: 1px inset rgb(225, 226, 228);}
.button { display: inline-block;}
.button {border: 0;height: 26px;width: 37px;background: #004D99 url("../Images/search_button.png") no-repeat top left;cursor: pointer; margin-top: 7px;}
#sx-search .element { margin: 0; }

/*-------------------------------------------------------
 BREADCRUMB 
---------------------------------------------------------*/
#sx-bct { clear: both; padding: 0 10px 15px 0; font-size: 12px; color: #000; }
#sx-bct a { background: none !important; /*color: #000 !important;*/ }
.sx-bi::before { content: "You are here: "; font-weight: bold; }

/*-------------------------------------------------------
 body
---------------------------------------------------------*/



#sx-body {clear:both; margin: auto; width: 960px; position: relative; margin-top: 15px; }

#sx-body .sx-bdo
{
    padding: 0 0 0 0;
    width: 100%;
    margin: 0 auto;
}

#sx-body .sx-bdo .sx-bdi
{
    width: 100%;
    margin: auto;
    padding: 0 0 20px 0;
}

/* content */
#sx-content { float: right; width: 75%;  }
.sx-co { padding: 0; min-height: 500px;}
.sx-ci {}












div.column-outer.column-beta
{
    
}

panel.style-alpha{margin-right: 0px !important;float: left;background: white;min-height: 20px;position: relative; margin-bottom: 10%;overflow:hidden;width:100%;z-index: -9999;}
.panel.style-alpha div.pel-o {width: 92%;/* margin-right: 4%; *//*margin-left: 4%;*/margin-left: 0 !important;float: right; margin-bottom:25px;}
.pel.layout.panel.style-alpha div.pel-o h2 {padding: 0px 5px 7px 5px; -webkit-margin-after: 0; margin-bottom: 0; font-size: 1.2em; font-weight: 100 !important; margin-top: 5px; color: white !important;}
.pel.layout.panel.style-alpha .panel-header{background: #004d99 ; z-index: -1;}
.pel.layout.panel.style-alpha .panel-body{border-bottom: 1px solid #004d99; background: #e5edf4;}

.panel.style-beta{margin-right: 4.5%; float: left; background: white; min-height: 20px; position: relative;  margin-bottom: 10%; overflow:hidden; width:100%; }
.panel.style-beta div.pel-o { width: 92%; /*margin-right: 4%;*//*margin-left: 4%;*/  margin-left: 0 !important; float:right;}
.pel.layout.panel.style-beta div.pel-o h2 {padding: 0px 5px 7px 5px; -webkit-margin-after: 0; margin-bottom: 0; font-size: 1.2em; font-weight: 100 !important; margin-top: 5px;}
.pel.layout.panel.style-beta .panel-header{background: #0072c6;}
.pel.layout.panel.style-beta .panel-body{border-bottom: 1px solid #0072c6;background: #e4ecf6;}

.panel.style-gamma{margin-right: 4.5%; float: left; background: white; min-height: 20px; position: relative;  margin-bottom: 10%; overflow:hidden; width:100%; }
.panel.style-gamma div.pel-o { width: 92%; /*margin-right: 4%;*//*margin-left: 4%;*/  margin-left: 0 !important; float:right;}
.pel.layout.panel.style-gamma div.pel-o h2 {padding: 0px 5px 7px 5px; -webkit-margin-after: 0; margin-bottom: 0; font-size: 1.2em; font-weight: 100 !important; margin-top: 5px;}
.pel.layout.panel.style-gamma .panel-header{background: #990066; }
.pel.layout.panel.style-gamma .panel-body{border-bottom: 1px solid #990066; background: #f6eaf2;}

.panel.style-delta{margin-right: 4.5%; float: left; background: white; min-height: 20px; position: relative;  margin-bottom: 10%; overflow:hidden; width:100%; }
.panel.style-delta div.pel-o { width: 92%; /*margin-right: 4%;*//*margin-left: 4%;*/  margin-left: 0 !important; float:right;}
.pel.layout.panel.style-delta div.pel-o h2 {padding: 0px 5px 7px 5px; -webkit-margin-after: 0; margin-bottom: 0; font-size: 1.2em; font-weight: 100 !important; margin-top: 5px;}
.pel.layout.panel.style-delta .panel-header{background: #5bbf21; }
.pel.layout.panel.style-delta .panel-body{border-bottom: 1px solid #5bbf21; background: #eef8e8;}

.panel.style-epsilon{margin-right: 4.5%; float: left; background: white; min-height: 20px; position: relative;  margin-bottom: 10%; overflow:hidden; width:100%; }
.panel.style-epsilon div.pel-o { width: 92%; /*margin-right: 4%;*//*margin-left: 4%;*/  margin-left: 0 !important; float:right;}
.pel.layout.panel.style-epsilon div.pel-o h2 {padding: 0px 5px 7px 5px; -webkit-margin-after: 0; margin-bottom: 0; font-size: 1.2em; font-weight: 100 !important; margin-top: 5px;}
.pel.layout.panel.style-epsilon .panel-header{background: #b4b4b6; }
.pel.layout.panel.style-epsilon .panel-body{border-bottom: 1px solid #b4b4b6; background: #f3f3f4;}


.pel-o {margin-right: 0;}



.bdo.panel-body {color: #555; padding: 5px; min-height: 10px; border-bottom: 1px solid #004d99;}


.pel.layout.panel.style-zeta { margin-top: 20px; margin-right: 3%; float: left; }
.pel.layout.panel.style-zeta .bdi { background: none; }
.pel.layout.panel.style-zeta .cls.bdi { padding: 0; }
.pel.layout.panel.style-zeta .panel-header { margin-top: 0; margin-bottom: 0; font-size: 1.1em; padding: 0; }
.pel.layout.panel.style-zeta .panel-header a { color: #fff; text-decoration: none; }
.pel.layout.panel.style-zeta .panel-header a:hover { text-decoration: underline; }
.pel.layout.panel.style-zeta h2 { background-color: #004d99; color: #fff !important; font-family: Arial; font-size: 1em; font-weight: normal; padding: 5px; margin: 0; }
.pel.layout.panel.style-zeta .contenteditor { /*! margin-top: -6px; */ }
.pel.layout.panel.style-zeta p { background-color: #f3f3f3; /*border: 1px solid #cfcfcf;*/ font-size: 1em; color: #000; padding: 5px; margin: 0; }
.pel.layout.panel.style-zeta .asset-width { max-width: 100%; height: auto !important; margin: 0; background-color: #e5edf4; }
.pel.layout.panel.style-zeta .asset img { max-width: 95%; height: auto !important; /*outline: 1px solid #cfcfcf; outline-offset: -1px;*/ margin-top: 5px; margin-bottom: 5px; }
.pel.layout.panel.style-zeta + .contenteditor { clear: both; }

.pel.layout.panel.style-zeta .panel-body {background:#e5edf4;}
.pel.layout.panel.style-zeta .pel-o {width:100%;}    
.pel.layout.panel.style-zeta a { padding-left:  0; text-decoration: none;}


.pel.layout.panel.style-mu { margin-top: 20px; margin-right: 3%; float: left; }
.pel.layout.panel.style-mu .bdi { background: none; }
.pel.layout.panel.style-mu .cls.bdi { padding: 0; }
.pel.layout.panel.style-mu .panel-header { margin-top: 0; margin-bottom: 0; font-size: 1.1em; padding: 0; }
.pel.layout.panel.style-mu .panel-header a { color: #fff; text-decoration: none; }
.pel.layout.panel.style-mu .panel-header a:hover { text-decoration: underline; }
.pel.layout.panel.style-mu h2 { background-color: #004d99; color: #fff !important; font-family: Arial; font-size: 1em; font-weight: normal; padding: 5px; margin: 0; }
.pel.layout.panel.style-mu .contenteditor { /*! margin-top: -6px; */ }
.pel.layout.panel.style-mu p { background-color: #f3f3f3; /*border: 1px solid #cfcfcf;*/ font-size: 1em; color: #000; padding: 5px; margin: 0; }
.pel.layout.panel.style-mu .asset-width { max-width: 100%; height: auto !important; margin: 0; background-color: #f3f3f3; }
.pel.layout.panel.style-mu .asset img { max-width: 95%; height: auto !important; /*outline: 1px solid #cfcfcf; outline-offset: -1px;*/ margin-top: 5px; margin-bottom: 5px; }
.pel.layout.panel.style-mu + .contenteditor { clear: both; }

.pel.layout.panel.style-mu .panel-body {background:#f3f3f3; min-height:182px;}
.pel.layout.panel.style-mu .pel-o {width:100%;}    
.pel.layout.panel.style-mu a { padding-left:  0; text-decoration: none;}







.columns-omega div.column-outer.column-alpha .column-inner{margin: 0 10px 0 0;}

/*-------------------------------------------------------
 FOOTER
---------------------------------------------------------*/
#sx-extras { clear: both; background-color: #004D99; width: 100%; min-height: 130px; font-size: 0.7em; color: #fff; line-height: 1.4em; margin: 2% 0 0 0; }
#sx-extras .sx-eo { width: 960px; margin: auto; /*padding-top: 15px;*/ }
#sx-extras .sx-ei { }

#sx-extras .footer-text .footer-column1 { float: left; width: 20%; color: #fff; }
#sx-extras .footer-text .footer-column1 ul { list-style-type: none; padding: 0; }

#sx-extras .footer-text .footer-column2 { float: left; width: 20%; color: #fff; }
#sx-extras .footer-text .footer-column2 ul { list-style-type: none; padding: 0; }

#sx-extras .footer-text .footer-column3 { float: left; width: 20%; color: #fff; }
#sx-extras .footer-text .footer-column3 ul { list-style-type: none; padding: 0; }

#sx-extras .footer-text .footer-column4 { float: left; width: 22%; color: #fff; }
#sx-extras .footer-text .footer-column4 ul { list-style-type: none; padding: 0; }
#sx-extras .footer-text .footer-column4 ul li.footer-long-text { position: relative; width: 200%; }

#sx-extras .footer-text .footer-column5 { float: left; width: 18%; color: #fff; }
#sx-extras .footer-text .footer-column5 ul { list-style-type: none; padding: 0; }

#sx-extras .flinks { float: right; width: 49%; text-align: right; }
#sx-extras .flinks ul, #sx-extras .flinks li { list-style-type: none; margin: 0; padding: 0; display: inline; }
#sx-extras .flinks li { padding: 0 10px; border-left: 1px solid #fff; }
#sx-extras .flinks li:first-child { border: 0; }
#sx-extras .flinks li a:link, #sx-extras .flinks li a:visited { color: #fff; }
#sx-extras .flinks li a:hover, #sx-extras .flinks li a:active { color: #fff; text-decoration: underline; }
#sx-generator { background: #fff; text-align: center; color: #ccc; padding: 10px 0; }
.teachingTrust{font-size:1.3em; font-weight:bold; padding: 5px;}


 

.clearfix:before,
.clearfix:after
{
    content: " ";
    display: table;
}

.clearfix:after
{
    clear: both;
}

.clearfix
{
    *zoom: 1;
}



/* generator */
#sx-generator {}

/*-------------------------------------------------------
 USABILITY
---------------------------------------------------------*/
/* accessibility links */
#sx-help { position: relative; font-size: .9em; float: right; }
#sx-help ul, #sx-help li { list-style-type: none; margin: 0; padding: 0 0; }
#sx-help li { float: left; display: block; padding: 0 0; }
#sx-help li.text-larger { padding: 0; }
#sx-help a:link, #sx-help a:visited { padding: 0 10px 0 0; }



}


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

}   
 


@media screen and (max-width: 960px)
{
div.column-outer.column-alpha {width: 100% !important;}
div.column-outer.column-beta { width: 100% !important;}
.columns-omega div.column-outer.column-alpha{width:24% !important; margin: 0 10px 0 0;}
.columns-omega div.column-outer.column-beta{width:74% !important;}
.panel.style-alpha{margin-bottom:0;}
.panel.style-alpha div.pel-o {width: 100%;margin-left: 0 !important;float: left;}
.panel.style-beta{margin-bottom:0;}
.panel.style-beta div.pel-o {width: 100%; margin-left: 0 !important;float: left;}
.panel.style-gamma{margin-bottom:0;}
.panel.style-gamma div.pel-o {width: 100%; margin-left: 0 !important;float: left;}
.panel.style-delta {margin-bottom: 0;}
.panel.style-delta div.pel-o {width: 100%; margin-left: 0 !important;float: left;}
.panel.style-epsilon {margin-bottom: 0 !important;}
.panel.style-epsilon div.pel-o {width: 100%; margin-left: 0 !important;float: left;}
.pel-o { width: 100%; margin:30px 0 0 0 !important;}
#sx-bct {display: none; }
#sx-content{ width: 100%; margin-top: 70px; position: relative;}
/*.sx-co {padding: 0 18px;}*/
#sx-search{padding:0; margin:41px 0 0 -318px; z-index:999; position: absolute;}
#sx-body {width: 99.9%; margin: auto;}
#sx-bct {padding: 20px 10px 15px 0;}

}
    
   
 
/*-----------------------------------*/



@media print {
/* print friendly */
#sx-help, sx-masthead, #sx-extras, #sx-bct { display: none; }
#sx-nav { width: 0; display: none; }
#sx-content { margin-left: 0px; }

}

#swirls {max-width: 100%; height: 2.4em; padding-bottom: 3.8%; background-image: url(../Images/swirls.png); background-repeat: repeat-x; background-size: 100%; margin: 0;}
.footer-container {padding: 0; margin: 0; list-style: none; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex;}
.nowrap {-webkit-flex-wrap: nowrap; flex-wrap: nowrap;}
.wrap   {-webkit-flex-wrap: wrap;  flex-wrap: wrap;}  
.wrap li {/*background: gold;*/}
.wrap-reverse { -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse;}  
.wrap-reverse li {}
.footer-item {font-family:Arial, Helvetica, sans-serif;  padding: 5px; color: white; font-size: 1.15em; line-height:1.3em;}
.footer-item a {color: white !important; text-decoration:none;}
.footerImg {list-style: none; text-align: center;}
@media screen and (min-width:960px) {
.footer-item { min-width: 110px; width: 12.8%;}
}
          
@media screen and (max-width:960px) {
#sx-extras .sx-eo {width:100% !important; margin: 0 auto;}
.footer-item {min-width: 110px; width: 18.8%;}
.sx-co {padding: 0 18px;}
}

@media screen and (max-width:900px) {
.footer-item {min-width:100px !important; width:23.5% !important;}
}

@media screen and (max-width:759px) {
.footer-item { min-width:100px !important; width:23.5% !important;}
}


@media screen and (max-width:750px) {
#sx-search {margin-top: 27px;}
}

@media screen and (max-width: 700px) {
.footer-item {min-width:100px !important; width:31.5% !important;}
}

@media screen and (max-width: 580px) {
.columns-omega div.column-outer.column-alpha{width:100% !important; margin: 0 0 10px 0;}
.columns-omega div.column-outer.column-beta{width:100% !important;}
}

@media screen and (max-width: 580px) {
.footer-item {min-width: 100px !important; width: 47.5% !important;}
}
            
@media screen and (max-width: 433px) {
.footer-item {width:99% !important; margin: 0 0 0 20px;}
}