/* CSS Document */

/*========================================================================
  PAGE OF CONTENTS
==========================================================================
   - FONTS
   - CSS RESETS
   - FLUENCY WORKAROUNDS76
   - BASE STYLES
   - HEADER
   - CONTENT AREA CONTAINERS
   - SHARED STYLING
   - FOOTER
   - FILTERING CALENDAR PAGE
   - SCHOOL SPORTS PAGE
   - MEDIA QUERIES
*/

/*========================================================================
  FONTS
==========================================================================*/

/* DECLARE YOUR CUSTOM FONTS HERE
	- Sites you can use for fonts are: fonts.com, font squirrel etc.
	- Change the format 'EOT' to 'embedded-opentype' to avoid IE font issues
	- If there is an import url with http:// change to https:// to avoid fluency issues
*/

/*========================================================================
  CSS RESETS (http://meyerweb.com/eric/tools/css/reset/)
==========================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	/*THEME-COLOR-DARK-BACKGROUND-TWO*/ background-color: #ffffff;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
textarea, input {
	outline:none;
}

/*========================================================================
  FLUENCY WORKAROUNDS
==========================================================================*/

body > img {
	display: none;
}
.rmSlide iframe {
	display:none;
}
#fluencyAdminHeader {
	position: relative;
	z-index: 999999;
}
#fluencyAdminHeader *,
#fluencyAdminHeader *:before,
#fluencyAdminHeader *:after,
a.previewSetting,
a.previewSetting:before,
a.previewSetting:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.mainPanel > #_atssh {
	top: 0;
	left: -9000px;
}
.nofeature {
	display: none;
}

/*========================================================================
  BASE STYLES
==========================================================================*/

/* Overwrite padding/margins for Bootstrap (use sparingly!)
==========================================*/
.no-padding {
	padding-left:0;
	padding-right:0;
}
.no-padding-right {
	padding-right:0;
}
.no-margin {
	margin-left:0;
	margin-right:0;
}
.no-margin-right {
	margin-right:0;
}

/*.no-display {
	display: none;
}*/

/* General Classes
==========================================*/
.accessibility, #skip, .hidden {
	display: none;
}

/* Clear Fix
==========================================*/
.clear:before, .clear:after {
	content: " ";
	display: table;
}
.clear:after {
	clear: both;
}

/* Bold and Italic
==========================================*/
strong, b {
	font-weight:bold;
}
em, i {
	font-style:italic;
}

/* Default Anchors and Pseudo Classes
==========================================*/
a {
	/*THEME-COLOR-ANCHOR-LINK*/ color: #4d4c4c;
	text-decoration:none;
	outline:none;
}
a:link {
	/*THEME-COLOR-ANCHOR-LINK*/ color: #4d4c4c;
	outline:none;
}
a:visited {
	/*THEME-COLOR-ANCHOR-VISITED*/ color: #4d4c4c;
	outline:none;
}
a:focus {
	/*THEME-COLOR-ANCHOR-LINK*/ color: #4d4c4c;
	outline:none;
}
a:hover {
	/*THEME-COLOR-ANCHOR-HOVER*/ color: #888886;
	outline:none;
}
a:active {
	/*THEME-COLOR-ANCHOR-ACTIVE*/ color: #4d4c4c;
	outline:none;
}

/* Outer Containers
==========================================*/
html, body, body > form {
	height: 100%;
	    /*overflow-x: hidden;*/
}
body {
	/*THEME-FONT-BODY-COPY*/ font-family:Arial, Helvetica, sans-serif;
	/*THEME-COLOR-BODY-COPY*/ color: #4d4d4d;
}
.content-template .mainPanel {
	height:100%;
}
#wrapper {
	position: relative;
	    overflow-x: hidden;
}
.fullscreen #wrapper {
	min-height: 768px;
}

/*========================================================================
  HEADER
==========================================================================*/

.header {
	 color: #4d4d4d;
background-color: #ffffff;
	position:relative;
}

/* Branding */
.branding {
	min-height:90px;
}

.logo-img {
	width: 100px;
	display: block;
	position: absolute;
	left: -20px;
	top: -30px;
	padding: 15px;
}

.branding h1.logo {
    position: relative;
    top: 4px;
    left: 25px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.branding h1.logo a {
font-family: 'Trajan W01 Regular', 'Cinzel', serif;
	display: block;
	position:relative;
	color:#003c6e;
	font-size:1.3em;
	padding-left: 54px;
	text-align: left;
}

.branding h1.logo a span {
font-family: 'Trajan W01 Regular', 'Cinzel', serif;
	display: block;
	position:relative;
	color:#888888;
	font-size:0.5em;
	letter-spacing: 4px;
	text-align: center;
	margin-top: 7px;

}




/* Portals */
.social-portals {
	float: right;
	width: 67%;
	padding: 22px 25px 15px 0;
}
.portals-ajax {
	float: right;
	display:none;
}
.portals-ajax div.featuretitle {
	color:#fff;
	margin: 10px 0 0 0 !important;
	padding: 15px 10px 0 10px;
	font-size:1.1em;
	text-transform:uppercase;
	border-top:1px solid #6c6c6c;
}
.social-portals .portals-ajax div.featuretitle {
	display:none;
}
.portals-ajax .bodycontent ul {
	text-align:right;
	text-transform:uppercase;
	font-size:0.85em;
	margin-right: 10px;
}
.portals-ajax .bodycontent ul li {
	display:inline-block;
	margin: 0;
/* 	padding: 0 0 0 30px; */
	zoom:1;
 *display:inline;
	text-transform:uppercase;
}
.portals-ajax .bodycontent ul li:first-child {
	background:none;
	padding:0;
	margin:0;
}

/* Portals when situated in nav bar (on mobiles) */

.navbar .social-portals {
	position: relative;
	top: inherit;
	right: inherit;
}
.navbar .portals-ajax {
	float: none;
	display:block;
	background-color:transparent;
}
.navbar .portals-ajax .bodycontent ul {
	text-align:center;
	font-size:0.9em;
	padding:10px;
	margin: 0;
}
.navbar .portals-ajax .bodycontent ul li {
	display:block;
	margin: 0;
	padding: 0;
	background:none;
}
.navbar .portals-ajax .bodycontent ul li a {
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	font-family:"Museo Slab W01_300";
	display:block;
	font-size:1.1em;
	padding: 5px 0;
}
.navbar .portals-ajax .bodycontent ul li a:hover {
	color:#ccc;
}

/* Social Links */
ul.social {
	float: right;
}
ul.social li {
	float:left;
	width:36px;
	height:35px;
	margin-left:10px;
	padding-left:10px;
}
ul.social li + li {
	background:url(../images/sub_menu_divide.png) no-repeat 0 center;
}
ul.social li a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999em;
	background:url(../images/icons-social.png) no-repeat 0 -68px;
}
ul.social li a:hover {
	background-position:0 -33px;
}
ul.social li.social-two a {
	background-position:-49px -68px;
}
ul.social li.social-two a:hover {
	background-position:-49px -33px;
}
ul.social li.social-three {
	width:31px;
}
ul.social li.social-three a {
	background-position:-104px -69px;
}
ul.social li.social-three a:hover {
	background-position:-104px -34px;
}

/* Search Bar */
.search-bar {
	float: right;
/*     position: absolute; */
    left: 0px;
    top: 162px;
    display: inline-block;
    background-color: #FFF;
    padding: 1px;
    border-bottom: 4px solid #F0F0F0;
    width: 100%;
    z-index: 9999;
}
#search_area {
	position: relative;
	width: 165px;
	margin:0 auto;
}
#search_area input.searchInput {
	font-family: 'Open Sans', sans-serif;
	/*THEME-COLOR-LIGHT-BACKGROUND*/ background-color: #f0f0f0;
	border: none;
	color: #003c6e;
	cursor: text;
	font-size: 0.7em;
	height: 29px;
	line-height: 29px;
	margin: 0 33px 0 0;
	padding: 0 10px;
	width: 131px;
	text-transform:uppercase;
	font-weight: solid;

}
#search_area input.searchInput ~ input {
	background: #FFF url("../images/search-icon.svg") no-repeat scroll center center / 26px 26px;
	height: 29px !important;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 33px !important;
	text-indent:-9999em;
	display:block;
	text-transform:capitalize;
}

.search-bar-top #search_area {
	position: relative;
	width: 165px;
	margin:0 auto;
}
.search-bar-top #search_area input.searchInput {
	font-family: 'Open Sans', sans-serif;
	/*THEME-COLOR-LIGHT-BACKGROUND*/ background-color: #f0f0f0;
	border: none;
	color: #003c6e;
	cursor: text;
	font-size: 0.7em;
	height: 29px;
	line-height: 29px;
	margin: 0 33px 0 0;
	padding: 0 10px;
	width: 131px;
	text-transform:uppercase;
	font-weight: solid;

}
.search-bar-top #search_area input.searchInput ~ input {
	background: #FFF url("../images/search-icon.svg") no-repeat scroll center center / 26px 26px;
	height: 29px !important;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 33px !important;
	text-indent:-9999em;
	display:block;
	text-transform:capitalize;
	outline: solid thin #999999;
}


/* Navbar */
.navbar-inverse {

	border:none;
	border-color:transparent;
}
.navbar {
	border-radius:0;
	min-height:48px;
}
.navbar-nav {
	margin:0;
}
.navbar-collapse {
	padding-left:0;
	padding-right:0;
	box-shadow:none;
}
.navbar {
	margin-bottom:0;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border:none;
	overflow: hidden;
}
.navbar-inverse .navbar-toggle {
	border:none;
	border-radius:0;
	float:none;
	padding:9px 0;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:10px;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color:transparent;
}


/* CUSTOM HOME NAV */
.height-138 {
	height:138px!important;
	position: relative;
}

header.top-header-tier-one {
    width: 100%;
/*
    margin-left: 5%;
    margin-right: 5%;
*/
    position: absolute;
    display: block;
/*     top: 20px; */
    z-index: 9999;
    background: #ffffff;
}

/* Home Test 1 */
html.home-template.home-test1 header.top-header-tier-one {
	width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    top: 20px;
}
html.home-template.home-test1 .branding {
    min-height: 100px;
}
html.home-template.home-test1 .branding h1.logo {
	top: 30px;
}
html.home-template.home-test1 .social-portals {
    top: 30px;
}


html.home-template.home-test2 header.top-header-tier-one {
    top: 25px;
}

/*.top-navigation.primary-navigation.tier-one-nav {
    position: relative;
    z-index: 99999;
    bottom: 48px;
    width: 100%;
    background-color: #003c6e;
    margin-left: 0px;
    margin-right: 0px;
}

.top-navigation.tier-one-nav ul.rmRootGroup > li > a {
    color: #ffffff;
    background-color: transparent;
}

.RadMenu .rmGroup .rmText {
    padding: 0px !important;
    line-height: 1.6em;
}

.top-navigation.tier-one-nav ul.rmRootGroup > li {
	border-left: none;
	text-align: center;
}

.top-navigation.tier-one-nav ul.rmRootGroup {
    padding-left: 20px;
    padding-right: 10px;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
    height: 50px;
    position: absolute;
    text-align: center;
    display: block;
    width: 100%;
    top: 0px;
    text-transform: uppercase;
    font-size: 12px;
}


.top-navigation ul.rmRootGroup .rmFirst.level1 .rmLink {
	position: relative;
	color: rgba(0,0,0,0);
}*/

/*.top-navigation ul.rmRootGroup .rmFirst.level1 .rmLink:hover {
	background-color: transparent;
}

.tier-1 .top-navigation ul.rmRootGroup .rmFirst.level1 .rmLink::before {
	content: "";
	background: url(../images-icon-sprite.png) no-repeat 0 0;
    left: 21px;
	position: absolute;
	top: 13px;
	width: 22px;
	height: 18px;
}
.top-navigation ul.rmRootGroup .rmFirst.level1.selectedPage .rmLink::before, .top-navigation ul.rmRootGroup .rmFirst.level1.selectedPageRoot .rmLink::before {
	background-position: 0 0;
}

.top-navigation ul.rmRootGroup .rmFirst.level1:hover .rmLink::before {
	background-position: 0 0;
}*/

ul.header-links li a {
	    font-family: 'Open Sans', sans-serif;
	    color: #003c6e;
	    padding: 10px;
	    font-weight: 400;
}

/*
ul.header-links li:first-child a {
	background: #dedede;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
*/

/*
ul.header-links li:first-child a::before {
	background: none;
}
*/

/*.top-navigation.tier-one-nav .navbar-inverse {
    background-color: #003C6E;
    margin: 0px auto;
    position: relative;
    float: none;
    padding-right: 0px;
}*/

ul.header-links li a {
	position: relative;
    padding: 5px 18px;
    overflow: visible;
/*
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
*/
}

ul.header-links li a:hover {
	background: #003c6e;
	color: #ffffff;
}

ul.header-links li a::before {
	content: '';
	background: transparent url("../images/top-links-divider.svg") no-repeat scroll 0px center / 20px 51px;
	width: 36px;
	height: 26px;
	position: absolute;
	left: -10px;
	top: 0;
}

ul.header-links li a:hover::before {
	background: none;
}

/*
ul.header-links li:nth-child(2) a:hover {
    font-weight: 800;
    text-decoration: underline;
	}
*/

/*
	ul.header-links li:first-child a:hover {
	    background: #003c6e;
			color: #ffffff;
	}
*/

/*	.top-navigation.primary-navigation.tier-one-content-nav {
	    position: relative;
	    width: 100%;
	    background-color: #003c6e;
	    margin-left: 0px;
	    margin-right: 0px;
	    height: 50px;
	}

.top-navigation.tier-one-content-nav ul.rmRootGroup > li > a {
    color: #ffffff;
    background-color: transparent;
}

.top-navigation.tier-one-content-nav ul.rmRootGroup > li {
	border-left: none;
	text-align: center;
}

.top-navigation.tier-one-content-nav ul.rmRootGroup {

	padding-left: 20px;
	padding-right: 10px;

	margin-left: auto !important;
	margin-right: auto !important;
	float: none;
	height: auto;
	position: relative;
	text-align: center;
	display: block;
	width: 100%;
	bottom: 0px;
}*/




/* Primary Navigation */
/*.top-navigation {
font-family: 'Trajan W01 Regular', 'Cinzel', serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:0.9em;
}
.top-navigation.primary-navigation {
	margin-left:-15px;
	margin-right:-15px;
	position:relative;
}
.top-navigation iframe {
	display:none !important;
}
.top-navigation ul.rmRootGroup {
	position:relative;
	text-align: center;
}
.top-navigation ul.rmRootGroup > li:first-child {
	margin-left:0;
}
.top-navigation ul.rmRootGroup > li {
	display: block;
	margin-left:0;
}
.top-navigation ul.rmRootGroup > li:hover {

}
.top-navigation ul.rmRootGroup > li > a {
	display: block;
	padding: 12px 10px;
	width:auto !important;
background-color: #4d4d4d;
	color: #ffffff;
}
.top-navigation ul.rmRootGroup > li:hover > a,
.top-navigation ul.rmRootGroup > li > a:hover {
	THEME-COLOR-BODY-COPY color: #4d4d4d;
	background-color:#f7f7f7;
}

.small .top-navigation ul.rmRootGroup > li:hover > a,
.small .top-navigation ul.rmRootGroup > li > a:hover {
background: transparent url("../images/content/h1-title-underline.svg") no-repeat scroll center center / 60px 3px !important;
}

.top-navigation ul.rmRootGroup > li.selectedPage, .top-navigation ul.rmRootGroup > li.selectedPageRoot {

}
.top-navigation ul.rmRootGroup > li.selectedPage > a, .top-navigation ul.rmRootGroup > li.selectedPageRoot > a {
	THEME-COLOR-BODY-COPY color: #4d4d4d;
	background-color:#f7f7f7;
}

.top-navigation ul.rmRootGroup > .rmFirst.level1.selectedPage > a, .top-navigation ul.rmRootGroup > .rmFirst.level1.selectedPageRoot > a {
	background: transparent
}*/

/* Dropdown Menu */
/*.primary-nav .rmRootGroup .rmSlide {
  width: auto !important;
  height: auto !important;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
	top: -350px!important;
	display: none;
}
.primary-nav .rmRootGroup > li:hover > .rmSlide{
	display:none;
}*/

/*========================================================================
  CONTENT AREA CONTAINERS
==========================================================================*/

.content-area {
	/*THEME-COLOR-LIGHT-BACKGROUND*/ background-color: #FFFFFF;
	padding-left:0;
	padding-right:0;
}
.content-area-inner {
	position: relative;
	margin: 0px auto;
	max-width: 1560px;
	border: 1px solid #DDD;
	width: 80%;
	background: #ffffff;
	overflow: hidden;
}
.main-right-content {
	/*THEME-COLOR-DARK-BACKGROUND-TWO*/ background-color: #ffffff;
}

/*========================================================================
  SHARED STYLING
==========================================================================*/

/* Banner Admin (only visible in edit mode) */
.gallery-admin {
	/*THEME-COLOR-DARK-BACKGROUND-TWO*/ background-color: #ffffff;
	position: absolute;
	left: 4.3em;
	top: 160px;
	min-height: 210px;
	min-width: 300px;
	z-index: 8;
	display: none;
	-moz-opacity: 0.00;
	-khtml-opacity: 0.00;
	opacity: 0.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
}
html.content-template #banner-gallery-admin.gallery-admin {
    left: 120px;
    top: 260px;
}
body.window-load .gallery-admin {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	z-index: 999999;
}
.gallery-admin > h2 {
	/*THEME-COLOR-DARK-BACKGROUND-STANDARD*/ background-color: #4d4d4d;
	/*THEME-COLOR-BODY-COPY-ON-DARK-BACKGROUNDS*/ color: #ffffff;
	font-weight: normal;
	padding: 9px 20px 8px;
	position: relative;
	text-transform: uppercase;
}
.gallery-admin > h2:after {
	content: " ";
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #4d4d4d;
	position: absolute;
	bottom: -7px;
	left: 22px;
	margin-left: -4px;
}
.gallery-admin .galleryTitle {
	display: none;
}
.gallery-admin-content {
	padding: 28px 20px;
}
.gallery-admin div.SlideShowHolder, .gallery-admin div.photoGalleryElement {
	float: left;
	padding: 10px 0;
	margin-left: 0;
}
.gallery-admin div.SlideShowHolder {
	margin-bottom: 0;
	float: none;
	max-width: 220px;
}
.gallery-admin div.photoGalleryElement div.thumbnail {
	margin: 0 18px 0 0;
	padding: 0;
	float: left;
	width: 90px;
}
.gallery-admin div.photoGalleryElement div.thumbnail:last-child {
	margin-right: 0;
}
.editmode .gallery-admin {
	display: block;
}

/* Background images to fill area*/
.bg-img {
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
}
.bg-img .featuretitle {
	display:none;
	font-size:0.9em;
	margin:0;
	text-transform:uppercase;
}
.editmode .bg-img .featuretitle {
	display:block;
}
.bg-img .sws-inline-content img {
	margin:0;
	height: 100px !important;
	max-width: none !important;
	width: auto !important;
}
.editmode .bg-img {
	height:auto;
	position:relative;
}
.bg-img div.image {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-position: center 15%;
	background-size: cover;
	z-index:1;
}
.bg-img.grey-bg-img div.image {
	-moz-opacity: 0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=35);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35);
	filter:alpha(opacity=35);
}
.grey-bg-img {
	-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.bg-img div.image img {
	display:none;
}
.lte8 .bg-img div.image img {
	display:block;
}
.lte8 .sws-inline-content .bg-img img {
	max-width:none;
	display:block;
	margin-top:0 !important;
}

/* Quicklink Scroller */
.quicklinks-scroller-container {
	padding-top:20px;
	padding-bottom:20px;
	max-width:1560px;
	margin:0 auto;
}
.home-template .quicklinks-scroller-container {
	max-width:1180px;
}
.quicklinks-scroller {
	padding-left:0;
	padding-right:0;
	position:relative;
	clear:both;
	visibility:hidden;
}
.window-load .quicklinks-scroller {
	visibility:visible;
}
.quicklinks-scroller a.bx-prev, .quicklinks-scroller a.bx-next {
	position:absolute;
	bottom:0px;
	right:10px;
	height:60px;
	width:60px;
	background:url(../images/content/arrow_buttons.png) no-repeat center -82px #464646;
	display:block;
	text-indent:-9999em;
	text-transform:capitalize;
}
.quicklinks-scroller a.bx-prev {
	right:80px;
}
.quicklinks-scroller a.bx-next {
	background-position:center 18px;
}
.quicklinks-scroller a:hover {
	background-color:#dfdfdf;
}
.quicklinks-scroller a.bx-prev:hover {
	background-position:center -282px;
}
.quicklinks-scroller a.bx-next:hover {
	background-position:center -181px;
}
.quicklinks-scroller .blogentries .BlogTagList {
	margin:0;
}
.quicklinks-scroller > div.blogTitle,
.quicklinks-scroller .blogentries .blogEntriesRssLinkPanel,
.quicklinks-scroller .blogentries ul li h2.blogTitle,
.quicklinks-scroller .blogentries ul li .blogDate,
.quicklinks-scroller .blogentries ul li .blogDate:before {
	display:none;
}
.editmode .content-area-inner .quicklinks-scroller > div.blogTitle,
.editmode .content-area-inner .quicklinks-scroller .blogentries .blogEntriesRssLinkPanel,
.editmode .content-area-inner .quicklinks-scroller .blogentries ul li h2.blogTitle,
.editmode .content-area-inner .quicklinks-scroller .blogentries ul li .blogDate,
.editmode .content-area-inner .quicklinks-scroller .blogentries ul li .blogDate:before,
.editmode .ui-dialog-content .quicklinks-scroller > div.blogTitle,
.editmode .ui-dialog-content .quicklinks-scroller .blogentries .blogEntriesRssLinkPanel,
.editmode .ui-dialog-content .quicklinks-scroller .blogentries ul li h2.blogTitle,
.editmode .ui-dialog-content .quicklinks-scroller .blogentries ul li .blogDate,
.editmode .ui-dialog-content .quicklinks-scroller .blogentries ul li .blogDate:before,
.editmode .footer .quicklinks-scroller > div.blogTitle,
.editmode .footer .quicklinks-scroller .blogentries .blogEntriesRssLinkPanel,
.editmode .footer .quicklinks-scroller .blogentries ul li h2.blogTitle,
.editmode .footer .quicklinks-scroller .blogentries ul li .blogDate,
.editmode .footer .quicklinks-scroller .blogentries ul li .blogDate:before {
	display:block;
}
.quicklinks-scroller .blogentries ul li:first-child, .quicklinks-scroller .blogentries ul li {
	border:none;
	margin:0;
	padding:0;
	height:200px;
	overflow: hidden;
}
.editmode .content-area-inner .quicklinks-scroller .blogentries ul li:first-child, .editmode .content-area-inner .quicklinks-scroller .blogentries ul li, .editmode .ui-dialog-content .quicklinks-scroller .blogentries ul li:first-child, .editmode .ui-dialog-content .quicklinks-scroller .blogentries ul li, .editmode .footer .quicklinks-scroller .blogentries ul li:first-child, .editmode .footer .quicklinks-scroller .blogentries ul li {
	height:auto;
}
.quicklinks-scroller .blogentries ul li .blogSummary {
	position:absolute;
	bottom:0;
	width:100%;
}
.editmode .content-area-inner .quicklinks-scroller .blogentries ul li .blogSummary, .editmode .ui-dialog-content .quicklinks-scroller .blogentries ul li .blogSummary, .editmode .footer .quicklinks-scroller .blogentries ul li .blogSummary {
	position:relative;
	bottom:auto;
}
.quicklinks-scroller .bx-wrapper {
	padding-bottom:80px;
	padding-left:10px;
	padding-right:10px;
}

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

footer.small-footer {
	display: block;
	position: relative;
	background: #003c6e;
	width: 100%;
	min-height: 45px;
}

footer.small-footer .footer-bottom-left {
	font-size: 12px;
font-family: 'Trajan W01 Regular', 'Cinzel', serif;
	color: #FFF;
	background-color: rgb(0, 60, 110);
	margin-left: -15px;
	min-height: 45px;
	padding-top: 14px;
	padding-left: 20px;
}

footer.small-footer .footer-bottom-left ul li {
	display: inline-block;
	position: relative;
	width: auto;
    padding: 5px 15px;
}

footer.small-footer .footer-bottom-right {
	font-size: 12px;
font-family: 'Trajan W01 Regular', 'Cinzel', serif;
	color: #FFF;
	background-color: rgb(0, 60, 110);
	margin-right: -15px;
	padding-top: 14px;
	padding-right: 20px;
}

footer.small-footer .footer-bottom-right ul {
	float: right;
}

footer.small-footer .footer-bottom-right ul li {
	display: inline-block;
	position: relative;
	width: auto;
    padding: 5px 15px;
}

footer.small-footer .footer-bottom-left ul li a:link {
    color: #ffffff;
}
footer.small-footer .footer-bottom-left ul li a {
    color: #ffffff;
}

footer.small-footer .footer-bottom-right ul li a {
	color: #ffffff;
}

.footer-bottom-right .popover a {
  color: #666666 !important;
  font-size: 12px !important;
}

.footer {
	color:#4d4d4c;
}
.home-template .footer {

}
.footer-inner {
	position:relative;
}
.footer ul {
	list-style:none;
	list-style-type:none;
}
.footer a {
	color:#4d4d4c;
}
.footer a:hover {
	color:#888886;
}

/* Lower Footer */
.lower-footer {
	position:relative;
	color:#4d4d4c;
	background-position: right center;
	background-size: auto 100%;
	padding:10px 0 20px 0;
	font-size:0.75em;
	text-transform:uppercase;
	/*THEME-COLOR-DARK-BACKGROUND-TWO*/ background-color: #ffffff;
}
.home-template .lower-footer {

}
.lower-footer ul {
	overflow:hidden;
	text-align:center;
}
.lower-footer ul li {
	list-style:none;
	list-style-type:none;
	line-height:normal;
	display:block;
	padding-top:10px;
}
.lower-footer ul li a {
	color:#4d4d4c;
}
.lower-footer ul li a:hover {
	color:#888886;
}
.lower-footer ul li.next-line {
	clear:both;
	padding-left: 0;
	margin-left: 0;
	background:none;
}
.lower-footer .lower-footer-right {
	height:100%;
}
.lower-footer .lower-footer-right ul {
	float:right;
	text-align:right;
	clear:both;
}
.lower-footer .lower-footer-right ul li {
	margin-left: 6px;
}
.lower-footer .lower-footer-right ul li:first-child {
	margin-left: 0;
	padding-left: 0;
	padding-top: 35px;
	background: url(../images/dots.png) no-repeat center 15px;
}
.lower-footer .lower-footer-right ul li.footer-accreditations,
.lower-footer .lower-footer-right ul li.footer-share {
	width:50%;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
	margin-top:17px;
	height:40px;
}
.lower-footer .lower-footer-right ul li.footer-share {
	border-left:1px solid #717170;
}
.lower-footer .lower-footer-right ul li.footer-accreditations a,
.lower-footer .lower-footer-right ul li.footer-share a {
	background: url(../images/cup.png) no-repeat center 14px #4d4d4c;
	display:block;
	text-indent: -9999em;
	height:100%;
	width:100%;
}
.lower-footer .lower-footer-right ul li.footer-share a {
	background: url(../images/share-icon.png) no-repeat center 14px #4d4d4c;
}
.lower-footer .lower-footer-right ul li.footer-accreditations a:hover,
.lower-footer .lower-footer-right ul li.footer-share a:hover {
	background-position:center -172px;
	/*THEME-COLOR-DARK-BACKGROUND-TWO*/ background-color: #ffffff;
}
.lower-footer .lower-footer-right ul li.footer-share a:hover {
	background-position:center -170px;
}
.lower-footer .lower-footer-right ul li.standard-view {
	display:none;
}

/* Accessibility Popover */
.heads-welcome-popover {
	display:none;
}
.heads-welcome-popover .popover {
	/*THEME-FONT-BODY-COPY*/ font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	z-index:3001;
}
.accessibility-content {
	display:none;
}
.accessibility-content .popover {
	/*THEME-FONT-BODY-COPY*/ font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	z-index:3001;
}

/* sticky menu */

/*header.header-absolute {
	display: none;
}*/



/*header.no-display {
	display: none;
}*/

header.small {
	z-index: 99999;
	display: block;
	position: fixed;
	top: 0px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	margin-top: 0px;
	width: 100%;
	    min-height: 0px;

}


header.small .branding h1.logo {
    position: relative;
    top: 21px;
    left: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    width: 290px;
}

.small .logo-img {
    width: 62px !important;
    top: 0px;
    left: 0px;
}

.small .branding h1.logo a {
    margin-top: 15px;
    padding-top: 10px;
        font-size: 14px;
}

/*.small .top-navigation.primary-navigation {
    float: left;
    margin-left: 300px;
	  bottom: 0px;
}

.small .top-navigation ul.rmRootGroup > li > a {
	background-color: transparent;
	color: #003c6e;
	padding: 2px 5px;
	height: 100%;
}

.small .top-navigation ul.rmRootGroup > li {
	border-left: none;
	height:100%;
	padding: 7px;
}*/

.vle-link {
	padding: 10px;
	color: #666666;
	font-size: 10px;
	background-color: #FAFAFA;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	font-family: "Open Sans",sans-serif;
	font-weight: bold;
	margin-top: 5px;
	float: right;
}

.rss-link {
	font-size: 25px;
	margin-top: 5px;
	width: 20px;
	height: 20px;
	display: block;
	position: relative;
	float: right;
	background: transparent url("../images/rss.svg") no-repeat scroll center center / 20px 20px;
	margin-left: 10px;
}



header.small {
	z-index: 99999;
	display: block;
	position: fixed;
	top: -15px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	margin-top: 0px;
	width: 100%;
}


header.smallM .branding {
    height: 100px;
}

header.smallM .branding h1.logo {
    position: relative;
    top: 21px;
    left: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    width: 290px;
}

header.smallM .logo-img {
    width: 62px !important;
    top: 0px;
    left: 0px;
}

header.smallM .branding h1.logo a {
    margin-top: 15px;
    padding-top: 10px;
    font-size: 14px;
}

/*header.smallM .top-navigation.primary-navigation {
    float: left;
    margin-left: 300px;
    top: -10px;
}

header.smallM .top-navigation ul.rmRootGroup > li > a {
	background-color: transparent;
	color: #003c6e;
}

header.smallM .top-navigation ul.rmRootGroup > li {
	border-left: none;
}*/


/*========================================================================
  FILTERING CALENDAR PAGE
==========================================================================*/

.editmode .sws-page-filtering-calendar .CalendarSplitter,
.sws-page-filtering-calendar .CalendarSplitter,
.sws-page-filtering-calendar .CalendarSplitter .RadAjaxPanel {
	display:block !important;
}
.sws-page-filtering-calendar .RadAjaxPanel {
	display:none !important;
}
.editmode .sws-page-filtering-calendar .RadAjaxPanel {
	display:block !important;
}

/*========================================================================
  SCHOOL SPORTS PAGE
==========================================================================*/

.editmode .sws-schoolsport-desktop,
.sws-schoolsport-desktop {
	display:block !important;
}
.sws-schoolsport-mobile {
	display:none !important;
}
.editmode .sws-schoolsport-mobile {
	display:block !important;
}

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


@media all and (max-width: 640px) {



	header.smallM .branding h1.logo a {
	    margin-top: 6px;
	    padding-top: 0px;
	    width: 150px;
	    padding-left: 76px;
	    text-align: left;
	}

	header.smallM .branding h1.logo {
 	   left: 20px;
	}

}


/* Small devices (tablets, 768px and up) */
@media (min-width:767px) {
	/*========================================================================
	  CONTENT AREA CONTAINERS
	==========================================================================*/

	.content-area {
		position:relative;
		z-index:1;
	}
	.main-right-content {
		/* border-left:1px solid #dddddd; */
	}
	.content-reversed .main-right-content {
		border-left:none;
		/* border-right:1px solid #dddddd; */
	}
	.content-area-inner .left-column {
		border-left: 1px solid #dddddd;
		margin-bottom: 40px;
		background-color: #e5eef5;
	}

	/*========================================================================
	  HEADER
	==========================================================================*/

/*	.header {
		z-index:4444;
		min-height:100px;
		width: 90%;
		position: absolute;
	}*/

/*	.header.header-absolute {
		position:absolute;
		top: -150px;
		left:0;
		width:100%;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}*/

	.logo-wrapper {
		float: left;
	}

	/* Branding */
.branding h1.logo {
/*
    position: absolute;

    left: 40px;
*/
	top: 21px;
	float: left;
	padding: 0 0 0 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}
	.branding h1.logo a {
		padding-top:0px;
	}

	/* Portals */
/*
	.social-portals {
		right: 20px;
		top: 31px;
	}
*/
	.portals-ajax .bodycontent ul li:first-child {
		padding: 0;
	}
	.portals-ajax .bodycontent ul li {
/* 		padding: 0 0 0 20px; */
	}

	/* Social Links */
	ul.social {
		padding-top:0;
	}
	ul.social li {
		margin-left:17px;
		padding-left:17px;
	}
	ul.social li a {
		background-position: 0 2px;
	}
	ul.social li.social-two a {
		background-position:-49px 2px;
	}
	ul.social li.social-three a {
		background-position:-104px 1px;
	}

	/* Search Bar */
	.search-bar {
	    right: 0px;
	    left: auto;
	    width: auto;
	    top: 0px;
	}


	/* Navbar */
	.navbar-inverse {
		background-color: transparent;
	}

	/*========================================================================
	  SHARED STYLING
	==========================================================================*/

	/* Quicklink Scroller */
	.quicklinks-scroller-container {
		padding-top:55px;
	}
	.home-template .quicklinks-scroller-container {
		padding-top:30px;
	}
	.quicklinks-scroller .bx-wrapper {
		padding-right:80px;
		padding-left:0;
		padding-bottom:0px;
	}
	.quicklinks-scroller a.bx-prev,
	.quicklinks-scroller a.bx-next {
		bottom:auto;
		top:0px;
		right:0;
	}
	.quicklinks-scroller a.bx-prev {
		top:70px;
		right:0;
	}

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

	.footer.footer-absolute {
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		z-index:4443;
	}
	.editmode .footer.footer-absolute {
		position:relative;
		left:auto;
		bottom: auto;
	}

	/* Lower Footer */
	.lower-footer {
		padding: 0;
	}
	.lower-footer ul {
		text-align: left;
	}
	.lower-footer ul li {
		line-height:60px;
		float:left;
		padding-top:0;
	}
	.lower-footer .lower-footer-right ul li:first-child {
		padding-right: 123px;
		padding-top:0;
		background: none;
	}
	.lower-footer .lower-footer-right ul li:first-child a + a {
		padding-right: 25px;
		background: url(../images/dots.png) no-repeat right 1px;
	}
	.lower-footer .lower-footer-left ul li + li {
		padding-left:20px;
	}
	.lower-footer .lower-footer-right ul li.footer-accreditations,
	.lower-footer .lower-footer-right ul li.footer-share {
		width:60px;
		position:absolute;
		right:60px;
		top:0;
		float:none;
		margin-top:0;
		height:auto;
	}
	.lower-footer .lower-footer-right ul li.footer-share {
		right:0;
	}
	.lower-footer .lower-footer-right ul li.footer-accreditations a,
	.lower-footer .lower-footer-right ul li.footer-share a {
		background-position: center 23px;
	}
	.lower-footer .lower-footer-right ul li.footer-share a {
		background-position: center 23px;
	}
	.lower-footer .lower-footer-right ul li.footer-accreditations a:hover,
	.lower-footer .lower-footer-right ul li.footer-share a:hover {
		background-position:center -163px;
	}
	.lower-footer .lower-footer-right ul li.footer-share a:hover {
		background-position:center -161px;
	}

}

@media (min-width: 320px) and (max-width: 767px) {
	ul.header-links li a {
		background: #f7f7f7;
		border-bottom: #003C6E 2px solid;
	}

	.navbar .portals-ajax .bodycontent ul li a {
		color: #4d4d4d;
	}
	ul.header-links li a::before {
    	display: none;
    }

    /*.top-navigation ul.rmRootGroup .rmFirst.level1 .rmLink::before {
    	top: 8px;
    }*/
}


@media (min-width: 2px) and (max-width: 767px) {
	/*========================================================================
	  HEADER
	==========================================================================*/

	.small .top-navigation.primary-navigation {
		margin-top: 50px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	/*.top-navigation.primary-navigation.tier-one-content-nav {
			background-color: transparent;
	}*/



	.navbar-nav {
	    height: 350px;
	}

	/*header.smallM .top-navigation.primary-navigation {
		top: 50px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}*/

	.social-portals {
		width: 100%;
		float: none;
		padding: 0;
	}



	/* Page Title */
	h1.page_title {
		margin-bottom:1.4em;
	}

	/* Portals */
/*
	.portals-ajax {
		background-color: #4d4c4c;
		padding: 0 10px;
	}
*/

	/* Navbar */
.navbar-nav {
	margin-top: 0px;
	padding-bottom: 77px;
	border-top: 2px solid #003C6E;
	position: relative;
	top: 56px;
	background: rgba(0, 60, 110, 0.8) none repeat scroll 0% 0%;
	width: 100%;
	height: auto;
	display: block;
	min-height: 430px;
}


.small .top-navigation ul.rmRootGroup > li > a {
	color: #ffffff;
	font-size: 14px;
	padding-bottom: 7px;
}

/*.smallM .top-navigation ul.rmRootGroup > li > a {
	color: #ffffff;
	font-size: 16px;
}*/


	.navbar {
		padding:0;
	}
	.navbar-inverse .navbar-toggle {
		background-color: #003c6e;
		height: 48px;
		width: 58px;
		margin: 0px;
		right: 68px;
		top: -19px;
		position: absolute;
		z-index: 999;
		outline: solid thin #ffffff;
	}
	.navbar-inverse .navbar-toggle:hover {
		/*THEME-COLOR-DARK-BACKGROUND-TWO*/ background-color: #003C6E;
	}
	.navbar-inverse .navbar-toggle:focus {
		/*THEME-COLOR-DARK-BACKGROUND-STANDARD*/ background-color: #4d4d4d;
	}
	.navbar-toggle .icon-bar {
		margin:0 auto;
	}
	.navbar-inverse .navbar-toggle:hover .icon-bar {
		/*THEME-COLOR-DARK-BACKGROUND-STANDARD*/ background-color: #4d4d4d;
	}
	.navbar-inverse .navbar-toggle:focus .icon-bar {
		/*THEME-COLOR-DARK-BACKGROUND-TWO*/ background-color: #ffffff;
	}

	/* Primary Navigation */
	/*.top-navigation ul.rmRootGroup > li > a {
		padding:10px 20px;
		font-size: 14px;
	}*/

}
@media (min-width: 767px) and (max-width: 1023px) {


	.logo-img {
	    left: -42px;
	}

	.logo-wrapper {
		float: none;
      width: 305px;
      margin: 0 auto;
      position: relative;
	}


	.social-portals {
    	padding-top: 45px;
    }
	/*========================================================================
	  FOOTER
	==========================================================================*/

	/*.top-navigation.tier-one-nav ul.rmRootGroup > li {
	    display: inline-block;
	    font-size: 13px;
	}
	.top-navigation.tier-one-nav ul.rmRootGroup > li a {
		padding: 18px 12px;
	}*/

	/* Lower Footer */
	.lower-footer .lower-footer-left ul {
		padding-left:5px;
	}
	.lower-footer .lower-footer-right ul.lower-footer-right-bottom li + li {
		display:block;
		background:none;
	}
	.lower-footer .lower-footer-left ul li:first-child span {
		display:block;
	}
}
@media (min-width: 900px) {
	/*========================================================================
	  HEADER
	==========================================================================*/

	/* Portals */
	.portals-ajax {
		display:block;
		margin-top:3px;
		background:none;
		padding:0;
	}
	.navbar .portals-ajax {
		display:none;
	}
}
/* Medium devices (desktops, 992px and up) */

@media (max-width: 991px) {

	footer.small-footer .footer-bottom-right {
		height: 80px;
		text-align: left;
	}

	footer.small-footer .footer-bottom-right ul {
		float: left;
		padding-left: 10px;
	}

	/*.top-navigation ul.rmRootGroup .rmFirst.level1 .rmLink::before {
	    left: 50%;
	    margin-left: -11px;
	}*/
}


@media (min-width: 992px) {
	/*========================================================================
	  HEADER
	==========================================================================*/

	/* Branding */
/*
	.branding h1.logo a {
		padding-left:45px;

	}
*/

	/* Portals */
	.portals-ajax .bodycontent ul li:first-child {
		padding: 0;
	}
	.portals-ajax .bodycontent ul li {
/* 		padding: 0 0 0 10px; */
	}
}
@media (min-width:767px) {
	/*========================================================================
	  HEADER
	==========================================================================*/


	/* Branding */
/*
	.branding h1.logo {
	    width: 400px;
	}
*/

	/* Portals */
	.navbar .portals-ajax .bodycontent ul {
		font-size:1em;
	}

	/* Search Bar */
	.search-bar {

	    border: solid thin #aaaaaa;
	    top: 0px;
	}

	.search-bar-top {
		border: thin solid #AAA;
		top: 2px;
		width: 150px;
		float: right;
		margin-right: 20px;
	}

	#search_area input.searchInput {
		/*THEME-COLOR-DARK-BACKGROUND-TWO*/ background-color: #ffffff;
	}


	.search-bar-top #search_area input.searchInput {
		/*THEME-COLOR-DARK-BACKGROUND-TWO*/ background-color: #ffffff;
	}

	/* Navbar */
	.tier-one-content-nav .navbar-inverse {
		background-color:transparent;
		position:absolute;
		right:0;
		bottom:0;
		width: 100%;
	}

	/*.tier-one-content-nav.top-navigation {
    	padding-right: 0px;
    }

	.tier-one-content-nav .top-navigation.primary-navigation {
	    margin-left: auto;
	    margin-right: auto;
	}*/

	/* Primary Navigation */
/*	.top-navigation {
		padding-right:30px;
	}
	.top-navigation.primary-navigation {
		margin-left:-30px;
		margin-right:-30px;
	}


	.top-navigation ul.rmRootGroup {
		text-align:right;
		position:relative;
		float:right;
		padding-left:0;
		padding-right: 15px;
		height: 68px;
		bottom: -7px;
	}
	.top-navigation ul.rmRootGroup > li {
		display: inline-block;
		border-left:1px solid #6e6e6e;
		position:relative;
	}
	.top-navigation ul.rmRootGroup > li:first-child {
		border-left:none;
	}
	.top-navigation ul.rmRootGroup > li > a {
		padding: 18px 10px;
	}*/

	/* Dropdown Menu */
/*	.primary-nav .rmRootGroup .rmSlide ul {
		background-color: rgba(0, 60, 110, 0.8);
		margin-left: 0px;
		padding: 20px;
		width: 300px;
		top: 50px;
		left: 50%;
    right: auto;
    position: absolute;
    margin-left: -150px;
	}


	.home-template .primary-nav .rmRootGroup .rmSlide ul {
    top: 52px;
}
	.primary-nav .rmRootGroup > li:hover > .rmSlide{
		display:block;
		opacity: 1;
		z-index: 10;

	}
	.primary-nav .rmRootGroup .rmSlide ul li a{
		color: #ffffff;
		position: relative;
		padding: 12px;
		text-align: center;
		display: block;
		width: auto !important;
		font-size: 12px;
		background: transparent url("../images/slide-menu-divide.svg") no-repeat scroll center bottom / 20px 1px;
	    -webkit-transition: outline 0.3s ease-out;
		-moz-transition: outline 0.3s ease-out;
		-ms-transition: outline 0.3s ease-out;
		-o-transition: outline 0.3s ease-out;
		transition: outline 0.3s ease-out;
		outline: solid 1px transparent;
	}

	.primary-nav .rmRootGroup .rmSlide ul li a:hover{
	background: transparent url();
	color: rgb(255, 255, 255);
	outline: thin solid rgb(255, 255, 255);
	}
	.primary-nav .rmRootGroup .rmSlide ul li.selectedPage a,
	.primary-nav .rmRootGroup .rmSlide ul li.selectedPagePath a{
		THEME-COLOR-DARK-BACKGROUND-TWO background-color: #ffffff;
		THEME-COLOR-STANDARD color: #4d4d4d;
	}

	.primary-nav .rmRootGroup .rmSlide ul li a:hover:before{
		THEME-COLOR-DARK-BACKGROUND-STANDARD-HOVER background-color: #888886;
	}
	.primary-nav .rmRootGroup .rmSlide ul li.selectedPage a:before,
	.primary-nav .rmRootGroup .rmSlide ul li.selectedPagePath a:before{
		THEME-COLOR-DARK-BACKGROUND-STANDARD background-color: #4d4d4d;
	}*/


}



/* Large devices (large desktops, 1200px and up) */


@media (min-width: 1025px) and (max-width: 1200px) {
.small .top-navigation ul.rmRootGroup {
    text-align: right;
    position: relative;
    float: right;
    padding-left: 0px;
    padding-right: 0px;
    height: 53px;

	}

}

@media (min-width: 1200px) {

/*	.small .top-navigation ul.rmRootGroup {
	    bottom: 0px;
	    height: 54px;
	}

		.home-template .primary-nav .rmRootGroup .rmSlide ul {
    top: 54px;*/
}

	/*========================================================================
	  HEADER
	==========================================================================*/

	/* Portals */
	.portals-ajax .bodycontent ul li:first-child {
		padding: 0;
	}
	.portals-ajax .bodycontent ul li {
/* 		padding: 0 0 0 30px; */
	}
}
@media (min-width:1300px) {

}
@media (min-width:1370px) {
	/*========================================================================
	  SHARED STYLING
	==========================================================================*/

	/* Quicklink Scroller */
	.quicklinks-scroller .bx-wrapper {
		padding-right:0px;
	}
	.quicklinks-scroller a.bx-prev,
	.quicklinks-scroller a.bx-next {
		right:-80px;
	}
	.quicklinks-scroller a.bx-prev {
		right:-80px;
	}
	.content-template .quicklinks-scroller .bx-wrapper {
		padding-right:80px;
		padding-left:0;
		padding-bottom:0px;
	}
	.content-template .quicklinks-scroller a.bx-prev,
	.content-template .quicklinks-scroller a.bx-next {
		bottom:auto;
		top:0px;
		right:0;
	}
	.content-template .quicklinks-scroller a.bx-prev {
		top:70px;
		right:0;
	}
}
@media all and (max-width: 1024px) {
	/*========================================================================
	  FOOTER
	==========================================================================*/

	/* Lower Footer */
	.lower-footer ul li.accessibility-link {
		display:none;
	}
	.lower-footer ul li.sitemap-link {
		background:none;
	}
	.lower-footer .lower-footer-left ul li + li span {
		display:none;
	}
}
@media all and (max-width: 1023px) {

	.branding .search-toggle {
    display: none;
}

	.search-toggle {
		margin-top: 5px;
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		bottom: 10px;
		float: right;
		background: #FFF url("../images/search-icon-white.svg") no-repeat scroll center center / 20px 20px;
		margin-left: 12px;

	}


	.vle-link {
	    margin-left: 20%;
	    margin-right: auto;
	    text-align: center;
	    width: 60%;
	    float: none;
	}

	html, body {
		-webkit-text-size-adjust: none !important; /* To stop text resizing when turning from landscape to portrait */
	}
}
@media all and (max-width: 959px) {
	/*========================================================================
	  FILTERING CALENDAR PAGE
	==========================================================================*/
	.sws-page-filtering-calendar .CalendarSplitter,
	.sws-page-filtering-calendar .CalendarSplitter .RadAjaxPanel {
		display:none !important;
	}
	.sws-page-filtering-calendar .RadAjaxPanel {
		display:block !important;
	}
	.sws-page-filtering-calendar .icalExport {
		display:none;
	}
}
@media all and (max-width: 840px) {
	/*========================================================================
	  SCHOOL SPORTS PAGE
	==========================================================================*/
	.sws-schoolsport-desktop {
		display:none !important;
	}
	.sws-schoolsport-mobile {
		display:block !important;
	}
}
@media all and (max-width: 767px) {
	/*========================================================================
	  CONTENT AREA CONTAINERS
	==========================================================================*/

	.main-right-content {
		min-height:0 !important;
	}

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

	/* Lower Footer */
	.lower-footer .lower-footer-right ul {
		text-align:center;
		float:none;
	}
}
/* x2 retina display */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}

@media all and (max-width: 479px) {
  footer.small-footer .footer-bottom-left ul li {
   	display: block !important;
   }
}


/*//FIX ///*/
@media all and (min-width:768px) {


	.primary-nav ul.rmRootGroup li .rmSlide {
	    display: none!important;
	}
	.primary-nav ul.rmRootGroup li:hover .rmSlide {
	    display: block!important;
	}

}

/*========================================================================
  Login Page
==========================================================================*/
.login-page{ color:#fff;}
.login-page .btn{-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; font-size:17px; font-weight:bold ; color:#000; padding-left:15px; padding-right:15px; background: url(../images/button-bg.png); background-repeat: repeat-x; background-position:center center; background-size: contain; border:none !important;}
.login-page h1{
    color: #fff;;
    font-family: 'Felipa', cursive;
    font-size: 48px;
    text-align: center; padding-bottom:60px; padding-top:50px;
	
	}
.login-page h4 {
    color: #fff;
   
    font-size: 22px;
    text-align: center;
}	

.login-page .register-now{ font-size:32px; color: #fac301; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; display:inline-block;}