/* 
  BF Internet HTML boilerplate - an ever-evolving start point for HTML development on BF Internet projects
  This Boilerplate started life as HTML5 Boilerplate [http://html5boilerplate.com]

*/

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;height: 0;}[hidden],template {display: none;}html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}body {margin: 0;}a {background: transparent;}a:focus {outline: thin dotted;}a:active,a:hover {outline: 0;}h1 {font-size: 2em;margin: 0.67em 0;}abbr[title] {border-bottom: 1px dotted;}b,strong {font-weight: bold;}dfn {font-style: italic;}hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}mark {background: #ff0;color: #000;}code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;}pre {white-space: pre-wrap;}q {quotes: "\201C" "\201D" "\2018" "\2019";}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 0;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0; padding: 0; }button,input,select,textarea {font-family: inherit; font-size: 100%; margin: 0; }button,input {line-height: normal;}button,select {text-transform: none;}button,html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer; }button[disabled],html input[disabled] {cursor: default;}input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0; }input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}textarea {overflow: auto; vertical-align: top;}table {border-collapse: collapse;border-spacing: 0;}


/* 24 column responsive grid system v3.0 | responsive.gs */
.col { display: block;float: left;width: 100%;}
@media ( min-device-width : 768px ) {.gutters .col {margin-left: 2%;}.gutters .col:first-child { margin-left: 0; }}
@media ( min-device-width : 768px ) {.span_1 { width: 4.16666666667%; }.span_2 { width: 8.33333333333%; }.span_3 { width:12.5%; }.span_4 { width: 16.6666666667%; }.span_5 { width: 20.8333333333%; }.span_6 { width: 25%; }.span_7 { width: 29.1666666667%; }.span_8 { width: 33.3333333333%; }.span_9 { width: 37.5%; }.span_10 { width: 41.6666666667%; }.span_11 { width: 45.8333333333%; }.span_12 { width: 50%; }.span_13 { width: 54.1666666667%; }.span_14 { width: 58.3333333333%; }.span_15 { width: 62.5%; }.span_16 { width: 66.6666666667%; }.span_17 { width: 70.8333333333%; }.span_18 { width: 75%; }.span_19 { width: 79.1666666667%; }.span_20 { width: 83.3333333333%; }.span_21 { width: 87.5%; }.span_22 { width: 91.6666666667%; }.span_23 { width: 95.8333333333%; }.span_24 { width: 100%; }.gutters .span_1 { width: 2.25%; }.gutters .span_2 { width: 6.5%; }.gutters .span_3 { width: 10.75%; }.gutters .span_4 { width: 15.0%; }.gutters .span_5 { width: 19.25%; }.gutters .span_6 { width: 23.5%; }.gutters .span_7 { width: 27.75%; }.gutters .span_8 { width: 32.0%; }.gutters .span_9 { width: 36.25%; }.gutters .span_10 { width: 40.5%; }.gutters .span_11 { width: 44.75%; }.gutters .span_12 { width: 49.0%; }.gutters .span_13 { width: 53.25%; }.gutters .span_14 { width: 57.5%; }.gutters .span_15 { width: 61.75%; }.gutters .span_16 { width: 66.0%; }.gutters .span_17 { width: 70.25%; }.gutters .span_18 { width: 74.5%; }.gutters .span_19 { width: 78.75%; }.gutters .span_20 { width: 83.0%; }.gutters .span_21 { width: 87.25%; }.gutters .span_22 { width: 91.5%; }.gutters .span_23 { width: 95.75%; }.gutters .span_24 { width: 100%; }}
.row {padding-bottom: 1.5em;} /* set according to preference*/



/* ==== Primary Website Styles */

/*	Set all elements box-sizing to border-box (part of responsive.gs) If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */
* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/**behavior: url(http://www.habs-monmouth.org/js/boxsizing.htc); */
}

html {
	margin:0px auto;
	background: #82885C;
	/*overflow-x: hidden;*/
}

body {
	/*background:url(images/field.jpg) repeat-x 50% 0% scroll;*/
	margin: 0 auto;
	background:#ffffff;
	/*min-width: 1080px;*/
	/*max-width: 100%;
	min-width: 960px;*/
   
}

body, select, input, textarea {
	font: 13px/1.4em Helvetica, Helvetica Neue, Arial, sans-serif;
	color: #444;
}

img, figure {
    max-width: 100%;
    height: auto;
}

/* CHANGE THE TEXT HIGHLIGHT COLOUR TO SUIT YOUR SITE */
::-moz-selection{ background: #A0A374; color:#fff; text-shadow: none; }
::selection { background:#A0A374; color:#fff; text-shadow: none; } 

/* Differenciate links from body copy with more than just colour. Not everyone can see colours: http://j.mp/i9Wt2E */
a, a:active, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1,h2,h3,h4,h5 {
	/* Top & bottom margin based on font size. */
	margin: 1em 0 0.2em 0;
	line-height:normal;
	letter-spacing:0.04em;
}

h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }


/* Fonts */

.lato	{
	font-family: 'Lato', sans-serif;
}


/* Non-semantic helper classes */

.align-center {text-align: center;}
.align-right {text-align: right;}

.float-right {float: right;}
.float-left {float: left;}

.uppercase {text-transform: uppercase;}
 
/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Micro Clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
/* Blended with classes from responsive.gs v3.0 */
.container:after, .row:after, .col:after, .group:after, .cf:before,.cf:after{content:"";display:table;}
.container:after, .row:after, .col:after, .group:after, .cf:after{clear:both;}
.container, .row, .col, .group, .cf{*zoom:1;}



/* For when the clearfix won't do - use as <br class="clear"> */
.clear { clear: both; }

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

/* ==== Header */

header {
	height: 103px;
}

header .container {
    background: none repeat scroll 0% 0% #E7E8D6;
    transition: all 0.4s ease 0s;
    z-index: 1;
    position: relative;
}

header.sticky .header-left, header.sticky .header-content {
	display: none;
}

header.sticky nav {
    position: fixed;
    max-width: 1200px;
	 min-width: 960px;
    z-index: 20;
}

header img	{
	height:auto;
}

#header-details {
    float: left;
    width: 77%;
    margin: 1.5em 0px 1.9em 0%;
    padding: 0.5em 0px;
    /* background: url("images/habs-logo.png") no-repeat scroll left 50% transparent;*/
    /*padding: 0.5em 0 0.5em 65px;*/
}

#header-details h2, #header-details h1 {
    text-transform: uppercase;
    color: #FFF;
    text-align: left;
    margin: 0px;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.2em;
}

#header-details h2 span, #header-details h1 span {
	display: block;
    font-weight: 600;
}

#header-details h2 span em, #header-details h1 span em {
    font-style: normal;
    font-size: 0.8em;
    line-height: 0.2pm;
    margin: 0 0 0 0.6em;
}

#header-details p {
    margin: 0.3em 0px;
    color: #FFF;
    letter-spacing: 0.2px;
}

#header-details p span {
    margin: 0 0 0 0.8em;
}

.header-left {
	float: left;
}

.header-left a {
	display: block;
}

.header-left img {
    float: left;
    width: 10%;
    margin: 1.16em 3% 1.2em;
}

/*.header-left.mobile,
#mobile-search {
	display: none;
}*/

.header-left.mobile,
#mobile-log-in,
a#mob-contact {
	display: none;
}

#header-details.home h2, #header-details.home h1 {
    color: #585738;
}

#header-details.triple-line {
    margin-top: 0.8em;
    margin-bottom: 1em;
}

#header-details.triple-line span {
    font-size: 0.9em;
}

.header-content	{
	float:right;
	text-transform: uppercase;
	color:#82885c;
	margin-bottom: 1em;
}

.header-txt	{
	text-align: right;
	padding-right: 1em;
}

.header-txt ul {
    margin: 0px;
    padding: 0.5em 0px 1.3em;
    float: right;
    width: 68%;
}

.header-txt li {
	font-size: 0.9em;
	letter-spacing: 0.04em;
	display: inline-block;
	list-style: none;
	/*float: left;*/
}

.header-txt a {
    color: #82885C;
    padding: 0 0.5em;
    display: block;
}

.header-txt li:last-of-type a {
    padding-right: 0;
}

.header-txt a:hover {
    color: #585738;
    text-decoration: underline;
}

.header-elements {
    width: 100%;
    padding-right: 3%;
    padding-left: 2.2%;
    float: right;
    clear: both;
    margin-top: 0!important;
}

.header-elements .secondary-nav {
    float: left;
    margin-top: 2.7em;
}
.header-elements .secondary-nav div {
	float:left;
}
.header-elements .secondary-nav a {
    color: #585738;
    font-size: 12px;
    padding: 20px 20px;
}
.header-elements .secondary-nav a:hover {
    color: #8B8E63;
}
.header-elements .secondary-nav a:before {
	position: relative;
	padding-right: 10px;
	font-size: 24px;
    top: 4px;
}
.header-elements .secondary-nav a.prospectus:before {
    content: "\f02d";
    font-family: FontAwesome;
}
.header-elements .secondary-nav a.visitus:before {
    content: "\f041";
    font-family: FontAwesome;
}
.header-elements .secondary-nav a.contactus:before {
    content: "\f095";
    font-family: FontAwesome;
}
.header-elements .secondary-nav div:first-of-type {
    border-right: 1px solid #9FA275;
}
.header-elements .secondary-nav div:last-of-type {
    border-left: 1px solid #9FA275;
}

/*.header-elements.mobile {
	display: none;
}*/

.header-tel {
    float: left;
    font-size: 1.6em;
    text-transform: none;
    padding: 0.65em 0.8em 0px 2em;
    font-weight: bold;
}

.head-search {
    float: right;
    width: 40%;
    margin: 2.55em 0 0.1em 0;
}

.head-search form {
	padding:0;
	position: relative;
}

.head-search input {
    background: none repeat scroll 0% 0% #FFF;
    display: inline-block;
    height: 30px;
    border-radius: 0.5em;
    width: 94%;
}

.head-search button {
    background: none;
    margin: 0;
    padding: 0px;
    position: absolute;
    right: 4%;
    top: 2px;
}

.head-search button:hover {
	background:#fff;
}

input.search-btn {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	padding-left:1em;
	-webkit-appearance: caret;
	-moz-appearance: caret;
}

.head-search button img {
    margin: 5px 0 0 0;
}

#hp-notification {
    display: none;
}

#mob-head-spacer {
	display: none;
}

.family {
    background: #9FA275;
    color: #E7E8D6;
    font-weight: bold;
    text-align: center;
    float: right;
    font-size: 0.9em;
    margin: 0px 0px 0px 2%;
    width: 25%;
    border-radius: 0px 0px 10px 10px;
}

.family:hover {
	cursor: pointer;
	color: #fff;
}

.family a {
    color: #E7E8D6;
    font-weight: bold;
    display: block;
    padding: 0.3em 3% 0.5em 3%;
    width: 100%;
}

.family a:hover {
	cursor: pointer;
	color: #A8AB88!important;
}

#family-schools {
	background: #585738;
	height: 42px;
	padding: 0 21px;
	overflow: hidden;
}

#family-schools .family-schools-link {
    width: inherit;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
}

#family-schools .family-schools-link a {
    display: block;
    padding: 5px 10px 7px;
}

#family-schools .family-schools-link a:hover {
    color: #A8AB88!important;
}

#family-schools #top-right-nav.family-schools-link a {
    display: inline;
    padding: 0;
}

#family-schools .family-schools-link.last {
    margin-right: 0;
}

#family-schools .family-schools-link img {
	width: 100%;
	border: 5px solid #706f50;
	transition: all 0.4s ease;
	display: block;
}

#family-schools .family-schools-link p {
    color: #fff;
    font-size: 0.9em;
    text-transform: uppercase;
    margin: 0.5em 0px;
}

#family-schools .family-schools-link p.single {
    /* padding-top: 0.8em; */
}

#family-schools .family-schools-link span {
    font-size: 0.85em;
    text-transform: uppercase;
    display: block;
    border-top: 1px solid #706F50;
    padding: 0.5em 0px 0px;
    width: 80%;
    margin: 0 auto;
    color: #E7E8D6;
    height: 48px;
}


#family-schools #ag.family-schools-link:hover img {
	border: 5px solid #6E2A8D;
}

#family-schools #ag.family-schools-link:hover {
	cursor: pointer;
}

#family-schools #gr.family-schools-link:hover img, #family-schools #ms.family-schools-link:hover img  {
	border: 5px solid #193d79;
}

#family-schools #ih.family-schools-link:hover img, #family-schools #hmsg.family-schools-link:hover img {
	border: 5px solid #DF366F;
}

#family-schools .family-schools-link:hover p, #family-schools .family-schools-link:hover span {
    color: #A8AB88!important;
}

.site-id-1 #family-schools #hms.family-schools-link,
.site-id-2 #family-schools #ms.family-schools-link,
.site-id-3 #family-schools #gr.family-schools-link,
.site-id-4 #family-schools #ag.family-schools-link,
.site-id-5 #family-schools #ih.family-schools-link,
.site-id-6 #family-schools #hmsg.family-schools-link {
	background: #585738;
}

.site-id-1 #family-schools #hms.family-schools-link img,
.site-id-1 #family-schools #hms.family-schools-link:hover img,
.site-id-2 #family-schools #ms.family-schools-link img,
.site-id-2 #family-schools #ms.family-schools-link:hover img,
.site-id-3 #family-schools #gr.family-schools-link img,
.site-id-3 #family-schools #gr.family-schools-link:hover img,
.site-id-4 #family-schools #ag.family-schools-link img,
.site-id-4 #family-schools #ag.family-schools-link:hover img,
.site-id-5 #family-schools #ih.family-schools-link img,
.site-id-5 #family-schools #ih.family-schools-link:hover img,
.site-id-6 #family-schools #hmsg.family-schools-link img,
.site-id-6 #family-schools #hmsg.family-schools-link:hover img {
	border: 5px solid #706f50;
}

.site-id-1 #family-schools #pa.family-schools-link,
.site-id-1 #family-schools #ps.family-schools-link {
	float:right;
}

#family-schools #srch.family-schools-link p:before {
	display: none;
	content: "\f002";
    font-family: FontAwesome;
	font-size: 18px;
}

.site-id-1 #family-schools #hms.family-schools-link span,
.site-id-2 #family-schools #ms.family-schools-link span,
.site-id-3 #family-schools #gr.family-schools-link span,
.site-id-4 #family-schools #ag.family-schools-link span,
.site-id-5 #family-schools #ih.family-schools-link span,
.site-id-6 #family-schools #hmsg.family-schools-link span {
    border-top: 1px solid #585738;
}

#family-schools #top-right-nav.family-schools-link {
    float: right;
}
#family-schools #top-right-nav.family-schools-link ul {
	list-style: none;
    color: #A8AB88;
    font-size: 0.9em;
    text-transform: uppercase;
    margin: 0.5em 0px;
}
#family-schools #top-right-nav.family-schools-link ul li {
    float: left;
    padding: 6px 0px;
    font-size: 0.9em;
}
#family-schools #top-right-nav.family-schools-link ul li a {
    color: #fff;
    padding: 15px 11px;
    font-family: 'Lato', sans-serif;
    font-size: 1.1em;
}
#family-schools #top-right-nav.family-schools-link ul li a:hover {
    color: #A8AB88;
}

#family-schools #ms.family-schools-link p:after {
    content: " School";
}
#family-schools #gr.family-schools-link p:before {
    content: "The ";
}
#family-schools #ag.family-schools-link p:after {
    content: " School";
}
#family-schools #ih.family-schools-link p:after {
    content: " House";
}

/* ====== Family Schools Page specific */

.strip-bar {
    position: relative;
    z-index: 999;
}
/* Main */
.site-id-1 #family-schools #hms.family-schools-link p {
    color: #A8AB88;
}
.site-id-1 #family-schools #hms:after {
    content: ' ';
    position: absolute;
    margin: -8px 0px 0px -14px;
    border: solid;
    border-width: 0px 16px 16px 16px;
    border-color: transparent transparent #E7E8D6 transparent;
    z-index: 999;
}
/* MS */
.site-id-2 #family-schools #ms.family-schools-link p {
    color: #A8AB88;
}
.site-id-2 #family-schools #ms.family-schools-link p:after {
    content: " School";
}
.site-id-2 #family-schools #ms:after {
    content: ' ';
    position: absolute;
    margin: -8px 0px 0px -14px;
    border: solid;
    border-width: 0px 16px 16px 16px;
    border-color: transparent transparent #002D62 transparent;
    z-index: 999;
}
.site-id-2 .header-elements .secondary-nav a {
	color: #fff;

}
.site-id-2 .header-elements .secondary-nav a:hover {
	color: #9CA6B3;
}
.site-id-2 .header-elements .secondary-nav div:first-of-type {
    border-right: 1px solid #354B65;
}
.site-id-2 .header-elements .secondary-nav div:last-of-type {
    border-left: 1px solid #354B65;
}
/* GR */
.site-id-3 #family-schools #gr.family-schools-link p {
	color: #A8AB88;
}
.site-id-3 #family-schools #gr:after {
	content: ' ';
    position: absolute;
    margin: -8px 0px 0px -14px;
    border: solid;
    border-width: 0px 16px 16px 16px;
    border-color: transparent transparent #002D62 transparent;
    z-index: 999;
}
.site-id-3 .header-elements .secondary-nav a {
	color: #fff;
}
.site-id-3 .header-elements .secondary-nav a:hover {
	color: #9CA6B3;
}
.site-id-3 .header-elements .secondary-nav div:first-of-type {
	border-right: 1px solid #354B65;
}
.site-id-3 .header-elements .secondary-nav div:last-of-type {
	border-left: 1px solid #354B65;
}
/* AG */
.site-id-4 #family-schools #ag.family-schools-link p {
	color: #A8AB88;
}
.site-id-4 #family-schools #ag:after {
	content: ' ';
    position: absolute;
    margin: -8px 0px 0px -14px;
    border: solid;
    border-width: 0px 16px 16px 16px;
    border-color: transparent transparent #6E2A8D  transparent;
    z-index: 999;
}
.site-id-4 .header-elements .secondary-nav a {
	color:#fff;
}
.site-id-4 .header-elements .secondary-nav a:hover {
	color: #CB8FE6;
}
.site-id-4 .header-elements .secondary-nav div:first-of-type {
	border-right: 1px solid #CB8FE6;
}
.site-id-4 .header-elements .secondary-nav div:last-of-type {
	border-left: 1px solid #CB8FE6;
}
/* IH */
.site-id-5 #family-schools #ih.family-schools-link p {
	color: #A8AB88;
}
.site-id-5 #family-schools #ih:after {
	content: ' ';
    position: absolute;
    margin: -8px 0px 0px -14px;
    border: solid;
    border-width: 0px 16px 16px 16px;
    border-color: transparent transparent #DF366F transparent;
    z-index: 999;
}
.site-id-5 .header-elements .secondary-nav a {
	color: #fff;
}
.site-id-5 .header-elements .secondary-nav a:hover {
	color: #FD9FBF;
}
.site-id-5 .header-elements .secondary-nav div:first-of-type {
	border-right: 1px solid #FD9FBF;
}
.site-id-5 .header-elements .secondary-nav div:last-of-type {
	border-left: 1px solid #FD9FBF;
}
/* HMSG */
.site-id-6 #family-schools #hmsg.family-schools-link p {
	color: #A8AB88;
}
.site-id-6 #family-schools #hmsg:after {
	content: ' ';
    position: absolute;
    margin: -8px 0px 0px -14px;
    border: solid;
    border-width: 0px 16px 16px 16px;
    border-color: transparent transparent #DF366F transparent;
    z-index: 999;
}
.site-id-6 .header-elements .secondary-nav a {
	color: #fff;
}
.site-id-6 .header-elements .secondary-nav a:hover {
	color: #FD9FBF;
}
.site-id-6 .header-elements .secondary-nav div:first-of-type {
	border-right: 1px solid #FD9FBF;
}
.site-id-6 .header-elements .secondary-nav div:last-of-type {
	border-left: 1px solid #FD9FBF;
}

a#family-close {
    width: 100%;
    display: block;
    margin-top: 0.3em;
}

a#family-close span {
    color: #bdbc96;
    float: right;
    display: block;
    background: url(images/icon-fam-close.png) left no-repeat;
    font-size: 0.85em;
    padding: 0.2em 0 0 1.3em;
}

a#family-close span:hover {
	cursor: pointer;
	color: #FFF;
}


/* ==== Navigation */


nav#main-nav {
    z-index: 2000;
    margin: 0;
}

nav#main-nav .container {
	border-top: 5px solid #585738;
	background: #9fa275;
	z-index: 9999;
}

.toggleMenu {
    display: none;
}

nav {
	margin-top: 20px;
}

nav ul {
    padding: 0px;
    margin: 0px;
    list-style: outside none none;
    display: block;
}

nav li { float: left; }

nav a {
	padding: 1.15em 0.85em;
	display: block;
	color: #FFF;
	text-decoration: none !important;
	cursor: pointer;
	background-color: #9fa275;
	text-transform: uppercase;
	font-weight: bold;
	transition: all 0.4s ease 0s;
}

nav a:hover {
	background: #585738;
}

nav li.current_page_item a,
nav li.current_page_parent a,
nav li.current-page-ancestor a {
	background-color: #585738;
}

nav li.current_page_item li a,
nav li.current_page_parent li a,
nav li.current-page-ancestor li a  {
	background-color: #9fa275;
}

nav li.current_page_item li a:hover,
nav li.current_page_parent li a:hover,
nav li.current-page-ancestor li a:hover  {
	background-color: #585738;
}

nav#main-nav a#main-nav-home {
    float: left;
    margin: 0px;
    padding: 1.15em;
}

nav#main-nav a#main-nav-home:hover {
   background: #585738;
}

nav#main-nav a#main-nav-home span {  
    text-indent: -9999em;
    background: url('images/icon-nav-home.png') center 0 no-repeat;
    display: block;
    width: 20px;
    height: 19px;
}

nav li a[title="Menu Home"] {
	display: none;
}

/* dropdown */
nav li ul {
	position: absolute;
	width: 220px;
	left: -999em;
	z-index:9999;
}

nav li:hover ul { left: auto; }
nav li ul li { float:none; }

nav li ul li {
	float: none;
}

nav li ul a {
	margin: 0px;
}


/* ==== HP Specific */

#slider {
    overflow: hidden;
    position: relative;
    width: 100%!important;
}

#slider img {
    width: 100%;
    /*min-width: 2500px;*/
    height: 500px;
}

#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider li {
	width: 100%;
	background-size: cover;
}

#slider li a.full {
	display: block;
}

.jcarousel-wrapper {
    width: 100%;
    margin: 0px auto;
}

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    max-height: 500px;
    overflow: hidden;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

.jcarousel li .col-full {
	position: relative;
}

.home-banner {
    border-bottom: 10px solid #ACB08F;
    position: absolute;
    z-index: 0;
    padding-bottom: 1.3em;
    height: 510px;
    overflow: hidden;
    width: 100%!important;
    /*max-width: 1200px;
	min-width: 960px;*/
}

.cycle-overlay.container {
    margin: 0px auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 50;
}

.slide {
    height: 500px;
    width: 100%;
}

.slide .container {
    height: 500px;
    position: relative;
}

.home-banner-copy {
    position: absolute;
    top: 39%;
    width: 25%;
    left: 0;
}

.banner-copy {
	background: #585738;
	color:#e7e8d6;
	border-radius:10px;
	padding: 1.5em 2em 1em 2em;
	margin: 1em 0;
}

.banner-copy h2 {
    margin: 0px 0px 0.5em;
    font-size: 1.8em;
}

.banner-copy p {
    padding: 1em 0 0 0;
    margin: 0px;
    border-top: 1px solid #9FA275;
}

.home-btn a.hp-play,
.home-btn a.hp-play:hover {
	background-image: url(images/icon-play-hp-banner.png);
	background-position: 93% 50%;
	background-repeat: no-repeat;
}

#banner-control-container.container {
    position: relative;
}

#banner-controls {
    position: absolute;
    top: 420px;
    right: 20px;
    z-index: 5000;
}

#banner-controls span {
	width: 50px;
	height: 50px;
	display: block;
	text-indent: -9999em;
	float: right;
}

#banner-controls span::-moz-selection{ background: inherit; }
#banner-controls span::selection { background: inherit; }

#banner-controls span:hover {
	cursor: pointer;
}

#banner-prev {
	background: url(images/arrow-left.gif) no-repeat;
	margin-right: 10px;
	background-size: contain;
}

#banner-prev:hover {
	background: url(images/arrow-left-over.gif) no-repeat;
}

#banner-next {
	background: url(images/arrow-right.gif) no-repeat;
	background-size: contain;
}

#banner-next:hover {
	background: url(images/arrow-right-over.gif) no-repeat;
}

#banner-toggle {
	background: url(images/icon-pause.gif) no-repeat;
	margin-right: 10px;
	background-size: contain;
}

#banner-toggle:hover {
	background: url(images/icon-pause-over.gif) no-repeat;
}

#banner-toggle.play {
	background: url(images/icon-play.gif) no-repeat;
	margin-right: 10px;
	background-size: contain;
}

#banner-toggle.play:hover {
	background: url(images/icon-play-over.gif) no-repeat;
}


.home-btn a {
    background: none repeat scroll 0% 0% #82885C;
    color: #E7E8D6;
    padding: 0.8em;
    text-align: center;
    display: block;
    border-radius: 10px;
    font-size: 1.3em;
    font-weight: bold;
    transition: all 0.4s ease 0s;
}

.home-btn a:hover {
    background: #585738;
    color: #fff;
}



/* Homepage Copy Area */


#content-home {
    background: none repeat scroll 0% 0% #EBE9E2;
    padding: 0.4em 0 1em;
}

#content-home .image {
    float: left;
    width: 25%;
    margin-right: 2%;
}

#content-home .image img {
	max-width: 100%;
	height: auto;
	padding: 5px;
	border: 1px solid #82885C;
}

#content-home .copy {
    float: left;
    width: 51%;
    margin-right: 2%;
    font-size: 1.1em;
    line-height: 1.4em;
}

#content-home .copy h6 {
    font-size: 1.6em;
    line-height: 1.2em;
    font-weight: normal;
    margin: 0px 0 0.8em 0;
    color: #585738;
}

#content-home .copy a {
	color: #585738;
	text-decoration: underline;
}

#content-home .copy p {
	margin-bottom: 0;
}

#content-home .copy a:hover {
	color: #444;
	text-decoration: none;
}

#content-home .links {
    float: left;
    width: 20%;
    box-shadow: 0px 0px 10px #ACB08F;
}

#content-home .links ul {
	margin: 0;
	padding: 0;
	border: 1px solid #dad5c4;
	border-top: none;
}

#content-home .links span {
    display: block;
    background: #585738;
    color: #FFF;
    padding: 0.5em 0.8em;
    list-style: outside none none;
    font-size: 1.2em;
}

#content-home .links li {
	display: block;
	color: #585738;
	background: #fff;
	padding: 0.5em 0.8em;
	border-bottom: 1px solid #dad5c4;
}

#content-home .links li:last-of-type {
	border-bottom: none;
}

#content-home .links li a {
	color: #585738;
}

#content-home .links li a:hover {
	color: #444;
	text-decoration: underline;
}


/* /Homepage Copy Area */


.schools {
	margin: 1em 0;
}

.school-link {
	width: 19.2%;
	margin: 0.5em 1% 0.3em 0;
	float: left;
	position:relative;
	/*background:url(images/school.jpg) no-repeat scroll;*/
}


.school-link:last-of-type	{
	margin-right: 0;
}

.lt-ie9 .school-link {
    margin-left: 0.4%;
    margin-right: 0.4%;
}

.school-link a {
	display: block;
	color: #fff;
	text-transform:uppercase;
	/*height:170px;*/
}

.school-link img {
	z-index: 0;
	position:relative;
	display: block;
}

.school-link a .school-text	{
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 0.9em;
	z-index: 1;
	height: 77px;
	transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	overflow: hidden;
}

.school-link a:hover .school-text {
    height: 108px;
    cursor: pointer;
}

.school-text p {
    margin: 0px;
    padding: 0.5em 1em;
    height: 48px;
}

.school-text .sub-text {
    padding: 0.5em 1em;
}

.school-text span.school-info {
    float: left;
    font-size: 0.9em;
}

.school-text span.contact {
    float: right;
    font-size: 0.9em;
}

.school-text span.view-link {
    background-image: url("images/icon-arrow-right-black.png");
    background-position: 100% 6px;
    background-repeat: no-repeat;
    text-align: right;
    padding: 0.7em 14% 0.5em 0px;
    display: block;
    width: 100%;
    clear: both;
}

img.arrow-right {
	display: none;
}

.purple .school-text .sub-text {
	background-color: #6E2A8D;
}

.blue .school-text .sub-text {
	background-color: #28416A;
}

.pink .school-text .sub-text {
	background-color: #DF366F;
}

.purple .school-text p {
	background: url(images/bkg-opacity-hp-link-purple.png) repeat;
}

.blue .school-text p {
	background: url(images/bkg-opacity-hp-link-blue.png) repeat;
}

.pink .school-text p {
	background: url(images/bkg-opacity-hp-link-pink.png) repeat;
}


.line	{
	background:#9fa275;
	height:1px;
	margin:2em 0;
}

.content-timeline {
    margin: 0;
}

.content-timeline h1 {
    color: #9FA275;
    text-transform: uppercase;
    float: left;
    padding: 0 10px;
    margin: 0.2em 0 0 0;
}

#media-filters {
    width: 67%;
    float: left;
    margin: 0.5em 0px 3em;
}

.media-filter {
    float: left;
    margin: 0px 1% 0px 0px;
}

/*.media-filter:first-of-type {
    width: 61%;
}
*/
.media-filter:last-of-type {
    margin-right: 0px;
    width: 35%;
    float: right;
}

select#filter2 {
    width: 100%;
    padding: 0.2em;
}

.filters {
   
   clear: both;
}

.filters button {
    background: none repeat scroll 0% 0% #F0F0F0;
    padding: 0.85em 1em;
    color: #a0a374;
    font-weight: normal;
    margin: 0 0 0 0.5em;
    text-transform: uppercase;
}

.filters button:hover {
    background: none;
    color: #444;
}

.filters button:focus{
    outline: 0;
}

#filter2-surround {
    background: none repeat scroll 0% 0% #F0F0F0;
    padding: 0.5em;
}

#media-filters .is-checked {
    background-color: #9fa275;
    color: #fff;
}

.media-filter label {
    margin: 0.5em 0px;
    display: block;
    clear: both;
    float: none;
    width: 100%;
    text-align: left;
}

.customBtns { position: relative; }
.arrowPrev, .arrowNext {
    width: 106px;
    height: 134px;
    position: absolute;
    top: 20em;
    cursor: pointer;
    padding-top: 150px;
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
}
.arrowPrev { background: url('images/timeline-back.png') no-repeat; left: -120px; }
.arrowPrev:hover { background: url('images/timeline-back-over.png') no-repeat; left: -120px;  color: #82885c; text-decoration: underline;}
.arrowNext { background: url('images/timeline-next.png') no-repeat; right: -120px; }
.arrowNext:hover { background: url('images/timeline-next-over.png') no-repeat; right: -120px; color: #82885c; text-decoration: underline;}


.arrowPrev.jp-disabled, .arrowNext.jp-disabled { display: none; }



/*Timeline Posts*/

.jpages #media-grid li.media-item {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

#media-grid li.media-item {
    width: 32.5%;
    list-style: none;
    margin-bottom: 5px;
    background: none repeat scroll 0% 0% #EBE9E2;
    position: relative;
    color: #444;
    border-radius: 10px;
    border: 5px solid #e9e9e3;
    height: 215px;
    overflow: hidden;
}

#media-grid li.media-item:hover {
	background: none repeat scroll 0% 0% #f5f5f5;
	
}

.media-item a {
	display: block;	
}

.media-item.news img {
    width: 100%;
    height: auto;
    border-radius: 10px 0 0 10px;
    max-width: none;
}

.media-item.news .image {
    width: 100%;
    float: left;
    margin: 0 4% 0 0;
    overflow: hidden;
}

.media-item img {
    width: auto;
    max-width: none;
    height: 205px;
    border-radius: 10px;
}

#main #content .media-item .news-image h4 {
    display: block;
    position: absolute;
    color: #444;
    font-size: 0.85em;
    margin: 0;
    width: 100%;
    height: 35px;
    line-height: 2;
    padding: 0.4em 0 0.2em 0.8em;
    top: 0;
    left: 0;
    margin-bottom: 0.8em;
    background: rgba(235, 233, 226, 0.75);
    overflow: hidden;
}

#main #content .media-item .news-image h4 {
    margin-bottom: 0.8em;
}

#main #content .media-item.news .copy {
    font-size: 1.1em;
    line-height: 1.4em;
}

#main #content .media-item.news .copy {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.media-item.news .copy {
    padding: 1em 10% 1em 1em;
}

.media-item .copy p {
   margin: 0px 0px 2em;
}


.media-item.facebook .copy p {
/*    height: 120px;
    overflow: hidden;*/
}

.media-item .date {
    display: block;
    transition: all 0.4s ease 0s;
    margin: 0px;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 20;
    padding: 0.5em 1em;
    width: 100%;
    left: 0;
    background: #82885c;
}
#media-grid li.media-item.habs .copy .date, #media-grid li.media-item.habs .date {
	background: #82885c !important;
}
/*.media-item .news-image .date {
	padding-left: 40%;
}*/

.media-item .date span.day {
    display: block;
    font-size: 1.7em;
}

.media-item .date span.month {
	display: block;
}

.media-item .copy h4 {
    color: #9FA275;
    margin: 0 0 0.5em 0;
    font-size: 1.4em;
    letter-spacing: 0;
}

.media-item.news .copy .excerpt {
    display: none;
    color: #444;
    padding-bottom: 1.5em;
}

.media-item .copy a {
	display: inline;
	color: #706f50;
	text-decoration: underline;
}

.media-item .copy a:hover {
	text-decoration: none;
}


/* Twitter Media */

#media-grid li.media-item.twitter, 
#media-grid li.media-item.video,
#media-grid li.media-item.insta {
    width: 16%;
}

#media-grid li.media-item.twitter {
    height: 215px;
    overflow: hidden;
    position: relative;
}

#media-grid li.media-item.twitter .copy {
    height: 148px;
    font-size: 1em;
    margin: 1em 3em 1em 1em;
    overflow: hidden;
}

#media-grid li.media-item.twitter img {
    width: auto;
    max-width: none;
    border-radius: 0;
    height: auto;
}

#media-grid li.media-item.twitter img.tw-icon {
    width: 35px;
    height: 35px;
}

.media-item .copy .tw-icon,
.media-item .copy .fb-icon,
.media-item .vd-icon,
.media-item .insta-icon,
.media-item .copy .ns-icon {
    display: block;
    float: none;
    width: 35px;
    height: 35px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    border-radius: 0 5px 0 0;
    padding: 5px;
    z-index: 1;
}

#media-single .content img.insta {
	display: block !important;
	margin: 0 auto;
	height: auto;
}


.media-item .copy .tw-icon:hover,
.media-item .copy .fb-icon:hover,
.media-item .insta-icon:hover {
    background: #82885C;
}

/* /Twitter Media */


/* Facebook Media */

#media-grid li.media-item.facebook .ftpimagefix {
    float: left;
    margin-right: 3%;
}

.media-item.facebook .copy {
    margin: 1em 3em 1em 1em;
    height: 148px;
    overflow: hidden;
}

.media-item.facebook img {
    border-radius: 0px;
    padding-bottom: 1.5em;
    max-width: 160px;
    height: auto;
}

/* /Facebook Media */


/* Video Media */

 #media-grid li.media-item.video {
    height: 215px;
}

.media-item.video .image .overlay {
    display: block;
    background: url('images/overlay-icon-play.png') no-repeat scroll center center transparent;
    width: 182px;
    height: 205px;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.4s ease 0s;
}

.media-item.video .image:hover .overlay {
    background: url('images/overlay-icon-play-over.png') no-repeat scroll center center transparent;
}
.media-item.video .image {
    height: 215px;
    position: relative;
}

.media-item .date.vd {
    bottom: 10px;
}

.media-item span.title {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 70%;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 5px #000;
    font-size: 1.1em;
}

/* Video Media */


/* All Mobile Sizes (devices and browser) */
@media only screen and (min-device-width: 960px) and (max-device-width: 1200px) {

  	#media-filters {
    	width: 70%;
	}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-device-width: 960px) {

  	#media-filters {
    	width: 70%;
	}

}

/* School Branding for Media */

#media-grid li.media-item.agincourtschool .copy .date,
#media-grid li.media-item.agincourtschool .date {
	background: #6E2A8D;
}

#media-grid li.media-item.thegrange .copy .date,
#media-grid li.media-item.monmouthschool .copy .date,
#media-grid li.media-item.thegrange .date,
#media-grid li.media-item.monmouthschool .date  {
	background: #002D62;
}

#media-grid li.media-item.hmsg .copy .date,
#media-grid li.media-item.inglefieldhouse .copy .date,
#media-grid li.media-item.hmsg .date,
#media-grid li.media-item.inglefieldhouse .date  {
	background: #DF366F;
}

/* /School Branding for Media */


/* / Timeline Posts*/




.lower-content	{
	margin: 2em 0 0 0;
}

.lower-content h4	{
	text-transform: uppercase;
	font-weight:bold;
}

.lower-content-spacer {
	background: #fff;
	height:200px;
}

.lower-link {
    margin: 0 2% 2% 0;
    width: 32%;
    position: relative;
    background: #9fa275;
}

.lower-link:nth-of-type(3n+0) {
	margin-right: 0;
}

.lower-link a {
	display: block;
	/*color: #e7e8d6;*/
	color: #fff;
	transition: all 0.25s ease-in-out 0s;
}

.lower-link img {
    width: 100%;
    height: auto;
    display: block;
}

.lower-link-text {
	width:100%;
	padding: 0.2em 1.5em 1.5em 1.5em;	
    display: block;
}

.lower-link-text p {
    padding-bottom: 30px;
}

.lower-link span.button {
    position: absolute;
    right: 5%;
    bottom: 15px;
    font-size: 1.1em;
}

.lower-link a:hover img,
.lower-link a:hover .lower-link-text  {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}

.lower-button-container {
    clear: both;
    width: 79%;
    float: left;
    margin: 1.5em 10% 3em;
}

.lower-button-container a.button {
    font-size: 1.1em;
    text-align: center;
    text-transform: uppercase;
    width: 31%;
    padding: 20px 12px;
    margin: 0px 0px 0px 1%;
}

/*Twitter Feed*/

#tweets ul{
	margin: 0;
	padding: 0;
}

#tweets ul li {
	list-style: none;
	border-bottom: 1px solid #e7e8d6;
	padding: 1em 0px;
}

.latest-tweets	{
	background: #fff;
	height:200px;
}

.latest-tweets h4 {
    color: #9FA275;
    margin-top: 0;
}

.latest-tweets p {
	font-style: italic;
	color:#000;
}

.latest-tweets span	{
	color: #444;
}

.latest-tweets a	{
	color: #9fa275;
}

.tweet-mini-line	{
	background: #e7e8d6;
	height:1px;
	margin: 1em 0;
}



/* ==== Main content area */

#home-main-spacer {
    height: 510px;
}

#main {
    clear: both;
    /*min-height: 250px;*/
}

#main.home {
    /*padding: 3em 0px 2em;*/
    padding: 0;
    background: #D5D8C7;
    border-bottom: 8px solid #EBE8E1;
}

#main #content	{
	/*background: #fff;*/
	padding: 1em 0 5em 0;
	min-height: 790px;
}

#main #content .span_14 {
    margin: 0 1%;
    width: 56.3333%;
}

#breadcrumbs-container {
    margin-bottom: 1em;
    background: #ECECE4;
    padding: 1%;
}

#breadcrumbs-container a {
    color: #585738;
}

#breadcrumbs-container a:hover {
	text-decoration: underline;
}

#main #content	h1.title {
    margin: 0 0 0.6em 0;
    color: #585738;
    text-transform: uppercase;
    font-size: 2em;
}

#main #content	h2 {
	margin: 0px 0px 1em 0;
	color: #585738;
	text-transform: uppercase;
	font-size: 1.6em;
	font-family: 'Lato', sans-serif;
}

#main #content	h3 {
	margin: 1.3em 0px 0.6em 0;
	color: #585738;
	text-transform: uppercase;
	font-size: 1.6em;
	font-family: 'Lato', sans-serif;
	background: #e7e8d6;
	padding: 0.5em 1em;
}

#main #content	h3 a {
    color: #585738;
    text-decoration: none;
}

#main #content h3:hover {
	cursor: pointer;
	background: #A0A374;
}

#main #content h3:hover a {
	color: #444;
	color: #9fa275;
}

#main #content h4 {
    margin: 1.3em 0;
    color: #A0A374;
    text-transform: uppercase;
    font-size: 1.4em;
    font-family: 'Lato', sans-serif;
}

/* Content Slideshows */

#content-banner {
    width: 100%;
    margin-bottom: 1em;
}

#content-banner .cycloneslider-template-default .cycloneslider-pager {
    background: none;
    width: auto;
    position: absolute!important;
    bottom: 0;
    top: auto;
    right: 0!important;
    padding: 0.8em;
    display: block;
}

.cycloneslider-template-default .cycloneslider-pager span {
	float: left;
}

.cycloneslider-template-default .cycloneslider-caption-title {
    padding-bottom: 15px !important;
}

/* Content Child Thumbs */

#child-thumbs {
    margin: 0;
}

.child-thumb {
    width: 32%;
    float: left;
    margin: 0px 2% 1em 0px;
    position: relative;
}

.child-thumb:nth-of-type(3n+0) {
	margin-right: 0;
}

.child-thumb a,
.child-thumb img {
	display: block;
}

.child-thumb h2 {
	position: absolute;
	top: 1em;
	left: 1em;
}

#main #content .child-thumb h2 {
    color: #FFF;
    font-size: 1.3em;
    width: 83%;
}

.child-thumb a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}

.child-thumb-shadow {
    box-shadow: 0px 80px 50px -50px #444 inset;
    display: block;
    height: 144px;
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
}


/* Content Inner Elements */

.content-inner {
    font-size: 1.1em;
    line-height: 1.6em;
}

.content-inner a {
	color: #444444;
}

.content-inner a:hover {
	color: #706f50;
	text-decoration: underline;
}

.content-inner figure {
	width: auto !important;	
}

.content-inner table {
    width: 100%;
    margin: 2em 0 4em 0;
}

.content-inner table td {
	border-bottom: 1px solid #e7e8d6;
	padding: 0.8em;
}

.content-inner table td a, .content-inner a {
    color: #706f50;
    font-weight: bold;
    text-decoration: underline;
}

.content-inner table td a:hover, .content-inner a:hover {
	color: #444;
	text-decoration: underline;
}

.ui-accordion .ui-accordion-content {
    border: none!important;
}

.ui-icon {
    width: 0!important;
    height: 0!important;
}

.content-inner img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

.content-inner img.alignright{
    float: right;
    margin: 0 0 1em 1em;
}

.content-inner img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.content-inner iframe {
	max-width: 100%;
}


#further-page-content p {
	margin-top: 0;
}



/* Accordion */

#main #content #accordion {
    margin: 0 0 0.5em 0;
    font-size: 1.1em;
    line-height: 1.6em;
}

#main #content #accordion h3 {
    margin: 10px 0;
    background: #e7e8d6 url(images/icon-arrow-down-green.png) 98% 50% no-repeat;
    font-size: 1.2em;
    text-transform: none;
    border-radius: 0;
}

#main #content #accordion h3:hover, #main #content #accordion h3.ui-accordion-header-active {
	cursor: pointer;
	color: #fff;
	background: #A0A374 url(images/icon-arrow-down-white.png) 98% 50% no-repeat;
}

#main #content #accordion h3 p {
	margin: 0;
}

#main #content #accordion p {
	margin: 15px 0;
}

#main #content #accordion table {
    width: 100%;
    margin: 0em 0 2em 0;
}

#main #content #accordion table td {
	border-bottom: 1px solid #e7e8d6;
	padding: 0.8em;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 0!important;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: hidden;
	box-sizing:content-box;             
	-moz-box-sizing:content-box;
    display: none;
    zoom: 1;
}

#main #content #accordion .ui-accordion-content a {
    color: #706f50;
    font-weight: bold;
    text-decoration: underline;
}

#main #content #accordion .ui-accordion-content a:hover {
	color: #444;
	text-decoration: underline;
}


/* / Accordion */

.slideshow_container {
    padding-bottom: 4em;
    margin: 0 0 2em 0;
}

.slideshow_content {
	display: block!important;
}

.slideshow_title {
    display: none;
}

.slideshow_description {
    background: #e7e8d6;
    padding: 1em;
    font-size: 1.1em;
    font-weight: bold;
}

/*Content Sidebars*/


#column-left-mobile {
	display: none;
}

.side-bar-section {
	margin: 0 0 1em 0;
}

.side-bar-section .title {
    background: #585738;
    display: block;
    color: #e7e8d6;
    text-transform: uppercase;
    font-size: 1.1em;
    padding: 0.5em 1em;
}

.side-bar-section .title.light {
    background: #A0A374;
}

.side-bar-section-content {
    background: #e7e8d6;
}

.side-bar-section-content p {
	margin: 0;
}

.side-bar-section-content ul {
	margin: 0;
	padding: 0;
}

.side-bar-section-content ul li {
    list-style: none outside none;
    color: #444;
    padding: 0;
    font-size: 1.1em;
    padding: 0;
    border-bottom: 1px solid #d1d2bb;
}

.side-bar-section-content ul li:last-of-type {
    border-bottom: none;
}

.side-bar-section-content ul li a {
    color: #444;
    display: block;
    text-decoration: none;
    background: url('images/icon-arrow-right-green.png') no-repeat scroll 96% center transparent;
    padding: 0.6em 2em 0.6em 1em;
    transition: all 0.4s ease 0s;
}

.side-bar-section-content ul li a.sel,
.side-bar-section-content ul li a.sel:hover,
.side-bar-section-content ul li.current-menu-item a,
.side-bar-section-content ul li.current-menu-item a:hover,
.side-bar-section-content ul li.current-cat a,
.side-bar-section-content ul li.current-cat-parent a {
	background-color: #9FA275;
    background-image: url(images/icon-arrow-right-white.png) no-repeat;
    color: #fff;
}

.side-bar-section-content ul li a:hover {
	text-decoration: underline;
	background: #d1d2bb url(images/icon-arrow-right-green.png) 96% no-repeat;
}

.side-bar-section-content ul ul {
    font-size: 0.85em;
    padding: 0;
    clear: both;
    margin: 0;
}

.side-bar-section-content ul ul a,
.side-bar-section-content ul li.current-cat ul a {
    background: #D1D2BB;
    color: #444;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

.side-bar-section-content ul ul li a.sel,
.side-bar-section-content ul ul li a.sel:hover,
/*.side-bar-section-content ul li.current-cat-parent ul a*/
.side-bar-section-content ul ul li.current-cat a,
.side-bar-section-content ul li.current-cat-parent ul li.current-cat a {
	background: #585738;
	color: #fff;
}

.side-bar-section-content ul ul li.current-menu-item a,
.side-bar-section-content ul ul li.current-menu-item a:hover {
	background: #9FA275;
}

.side-bar-section-content ul li.current-cat-parent ul a,
/*.side-bar-section-content ul li.current-cat-parent ul li.current-cat ul a*/
.side-bar-section-content ul li.current-cat-parent ul ul a,
.side-bar-section-content ul li.current-cat-parent ul li.current-cat ul a {
	background: #D1D2BB;
	color: #444;
}

.side-bar-section-content ul li.current-cat-parent ul li.current-cat ul a {
	background: #C3C4AB;
	color: #444;
}

/*.side-bar-section-content ul li.current-cat-parent ul ul a,*/
.side-bar-section-content ul ul ul a {
	padding-left: 25px;
}

.side-bar-section-content ul li.current-cat-parent ul ul {
	margin: 0;
	padding: 0;
}

.side-bar-section-content ul li.current-cat-parent ul ul a {
	background: none;
}

.side-bar-section-content ul ul a:hover {
    background-image: none;
    background-color: #D1D2BB;
}

.side-bar-section-content ul ul ul {
    background: none repeat scroll 0% 0% #c3c4ab;
    font-size: 0.9em;
    /*padding: 0.3em 0;
    margin: 0.5em 0;*/
    padding: 0;
    margin: 0;
}

.side-bar-section-content ul ul ul li a {
	border: none;
}

/*.side-bar-section-content ul ul a, .side-bar-section-content ul ul li:hover a {
    background: none;
}*/

#departments .side-bar-section-content ul {
    margin: 0px;
    padding: 1em;
}

#departments .side-bar-section-content ul li {
    border-bottom: medium none;
    padding: 0.5em 0.3em;
}

#departments .side-bar-section-content ul li:before {
    color: #DD2F6A;
    content: '\2022';
    float: left;
    padding-right: 0.5em;
    font-weight: bold; 
}

#departments .side-bar-section-content ul li a {
    background: none;
}

#departments .side-bar-section-content ul li a:hover {
    background: none;
}

#news .side-bar-section-content {
    padding: 0.1em 0px 0.5em 0;
}

#news .side-bar-section-content .news-entry {
    padding: 0.8em 0.8em 0em 0.8em;
}

#news .side-bar-section-content .news-image {
    float: left;
    width: 28%;
    margin: 0px 5% 0px 0px;
}

#news .side-bar-section-content .news-title {
    float: left;
    width: 67%;
    padding-top: 0;
    font-weight: normal;
    color: #444;
    font-size: 1em;
    line-height: 1.2em;
    margin-top: -4px;
}

#news .side-bar-section-content .news-entry:hover .news-title {
    color: #585738;
    text-decoration: underline;
}

/*#in-section .side-bar-section-content {
    max-height: 400px;
    overflow: auto;
}*/

#blockquotes {
	background: #585738;
}

.blockquote-controls {
    padding: 0px 1em;
    margin: 1em 0px;
    clear: both;
}

.side-bar-section-content.blockquote {
	background: #585738;
	padding: 1em;
	font-size: 1.4em;
	line-height: 1.3em;
	color: #fff;
	font-weight: bold;
	padding: 0;
	overflow: visible;
	max-height: 100%;
}

.side-bar-section-content.blockquote a {
    color: #E7E8D6;
    text-decoration: underline;
    font-size: 0.9em;
    display: block;
    padding: 0.5em 0 0 0;
}

.side-bar-section-content.blockquote #blockquote-image {
    clear: both;
    max-width: 100%;
    margin: 0;
}

.side-bar-section-content.blockquote #blockquote-image img {
    width: 100%;
    display: block;
    display: block;
}

.side-bar-section-content.blockquote #blockquote-content {
    display: block;
    width: 100%;
    float: left;
    padding: 6% 6%;
}

/*.side-bar-section-content.blockquote span {
    display: block;
    width: 10%;
    float: left;
    text-align: center;
    font-size: 2.5em;
}*/

.side-bar-section-content.blockquote #blockquote-text {
    width: 80%;
    float: left;
}

.side-bar-section-content.blockquote p {
    margin: 0px;
    font-weight: 200;
    display: inline;
}

.side-bar-section-content.blockquote span.credit {
    font-weight: 200;
    text-align: right;
    font-size: 14px;
    display: block;
    width: 100%;
    color: #E7E8D6;
}

.side-bar-section-content.blockquote span.quote {
    font-size: 1.5em;
    font-weight: normal;
    color: #E7E8D6;
}

.side-bar-section-content.blockquote span.quote.left {
    padding: 0 2px 0 0;
}

.side-bar-section-content.blockquote span.quote.right {
    padding: 0 0 0 2px;
}

.blockquote-controls span {
    width: 25px;
    height: 25px;
    display: block;
    text-indent: -9999em;
    float: right;
}

.blockquote-controls span:hover {
	cursor: pointer;
	
}

.blockquote-controls #banner-prev {
	margin-right: 10px;
}

.blockquote-controls #banner-prev:hover {
	background: url(images/arrow-left-over.gif) no-repeat;
	background-size: contain;
}

.blockquote-controls #banner-next:hover {
	background: url(images/arrow-right-over.gif) no-repeat;
	background-size: contain;
}

.blockquote-controls #banner-toggle:hover {
	background: url(images/icon-pause-over.gif) no-repeat;
	background-size: contain;
}

.blockquote-controls #banner-toggle.play:hover {
	background: url(images/icon-play-over.gif) no-repeat;
	background-size: contain;
}

.blockquote-controls::selection {
	background: inherit;
}

.blockquote-controls span::-moz-selection{ background: inherit; }
.blockquote-controls span::selection { background: inherit; }

#side-bar-right-main-links a {
    display: block;
    background: none repeat scroll 0% 0% #585738;
    color: #FFF;
    font-size: 1.5em;
    padding: 1em 5%;
    margin: 0 0 0.5em 0;
    transition: all 0.2s ease 0s;
}

#side-bar-right-main-links a#prospectus {
	background: #9FA275;
	transition: all 0.2s ease 0s;
}

#side-bar-right-main-links a:hover, #side-bar-right-main-links a#prospectus:hover {
    background: #D1D2BB;
    color: #585738;
}


/* ==== News Listing */

#main #content .news-listing {
    border-bottom: 1px solid #DAD5C4;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}

.news-thumb {
    float: left;
    width: 45%;
    padding-right: 3%;
}

.news-thumb img {
    display: block;
    padding: 5px;
    border: 1px solid #DAD5C4;
    margin: 0 auto;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-thumb img:hover {
    display: block;
	opacity: 0.8;
    padding: 5px;
    border: 1px solid #DAD5C4;
    margin: 0 auto;
}

.content-inner .excerpt-title {
    float: right;
    width: 55%;
}

.content-inner .excerpt-title h3 {
    background: none!important;
    font-size: 1.25em!important;
    margin: 0!important;
    padding: 0!important;
}

span.news-date {
    display: block;
    margin: 0.5em 0 0;
    font-size: 0.9em;
    color: #585738;
    font-style: italic;
}

.content-inner .news-excerpt {
    width: 55%;
    float: right;
}

.content-inner .news-excerpt a.news-more {
    background-color: #444444;
    color: #FFFFFF;
    text-decoration: none;
    margin-top: 10px;
    padding: 6px 12px;
    display: table;
    font-size: 1em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.content-inner .news-excerpt a.news-more:hover {
	background-color: #000000;
    text-decoration: none;
}

a.button.news-back {
    margin-top: 2em;
    float: right;
    font-size: 1.2em;
    font-weight: normal;
    padding: 0.5em 1em 0.6em 1em;
}

a.button.top-button {
    margin-top: 5px;
    margin-left: 30px;
}

.addthis_sharing_toolbox {
	float: left;
	margin: 2.5em 0 0 0;
	clear: left;
}

/* News sub nav */

.blog .subnav-news, .single .subnav-news,
.archive .subnav-news, .single .subnav-news,
.school-calendar .subnav-news {
    display: none;
}

.blog .latest-news, .single .latest-news,
.archive .latest-news, .single .latest-news,
.school-calendar .latest-news,
.page-id-1354 .latest-news {
    width: 77.16666%!important;
}

.blog #breadcrumbs-container,
.archive #breadcrumbs-container,
.school-calendar #breadcrumbs-container,
.overseas-shows #breadcrumbs-container,
.parent-pageid-82167 #breadcrumbs-container,
.parent-pageid-4843 #breadcrumbs-container,
.parent-pageid-5856 #breadcrumbs-container,
.parent-pageid-2070 #breadcrumbs-container,
.parent-pageid-1766 #breadcrumbs-container,
.single-post #breadcrumbs-container {
    display: none;
}

ul.news-filter-link {
    display: inline-block;
    padding: 0;
    width: 100%;
    list-style: none;
}

ul.news-filter-link li {
    float: left;
    padding: 0 0 24px;
}

ul.news-filter-link li a {
    background: #F0F0F0;
    padding: 0.85em 1em;
    color: #a0a374;
	cursor: pointer;
    font-weight: normal;
    margin: 0 0.5em 0 0;
    text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

ul.news-filter-link li a:hover {
    background: none;
    color: #444;
}
/* Current tab */

/* Joint */
.site-id-1.blog ul.news-filter-link li:first-child a,
.site-id-1.category-top-stories ul.news-filter-link li:nth-child(2) a,
.site-id-1.category-agincourt-school ul.news-filter-link li:nth-child(3) a,
.site-id-1.category-hmsg-and-inglefield-house ul.news-filter-link li:nth-child(4) a,
.site-id-1.category-monmouth-school-and-the-grange ul.news-filter-link li:nth-child(5) a {
    background: #9fa275;
    color: #fff;
}

/* MS */
.site-id-2.blog ul.news-filter-link li:first-child a,
.site-id-2.category-top-stories ul.news-filter-link li:nth-child(2) a,
.site-id-2.category-academic ul.news-filter-link li:nth-child(3) a,
.site-id-2.category-sport ul.news-filter-link li:nth-child(4) a,
.site-id-2.category-the-arts ul.news-filter-link li:nth-child(5) a,
.site-id-2.category-trips-and-activities ul.news-filter-link li:nth-child(6) a {
    background: #9fa275;
    color: #fff;
}

/* HMSG */
.site-id-6.blog ul.news-filter-link li:first-child a,
.site-id-6.category-top-stories ul.news-filter-link li:nth-child(2) a,
.site-id-6.category-academic ul.news-filter-link li:nth-child(3) a,
.site-id-6.category-co-curricular ul.news-filter-link li:nth-child(4) a,
.site-id-6.category-sport ul.news-filter-link li:nth-child(5) a,
.site-id-6.category-arts ul.news-filter-link li:nth-child(6) a {
    background: #9fa275;
    color: #fff;
}

/* Grange */
.site-id-3.blog ul.news-filter-link li:first-child a,
.site-id-3.category-academic ul.news-filter-link li:nth-child(2) a,
.site-id-3.category-co-curricular ul.news-filter-link li:nth-child(3) a,
.site-id-3.category-sport ul.news-filter-link li:nth-child(4) a,
.site-id-3.category-arts ul.news-filter-link li:nth-child(5) a {
    background: #9fa275;
    color: #fff;
}

/* IH */
.site-id-5.blog ul.news-filter-link li:first-child a,
.site-id-5.category-academic ul.news-filter-link li:nth-child(2) a,
.site-id-5.category-co-curricular ul.news-filter-link li:nth-child(3) a,
.site-id-5.category-sport ul.news-filter-link li:nth-child(4) a,
.site-id-5.category-arts ul.news-filter-link li:nth-child(5) a {
    background: #9fa275;
    color: #fff;
}

/* Agincourt */
.site-id-4.blog ul.news-filter-link li:first-child a,
.site-id-4.category-curriculum ul.news-filter-link li:nth-child(2) a,
.site-id-4.category-school-life ul.news-filter-link li:nth-child(3) a,
.site-id-4.category-nursery ul.news-filter-link li:nth-child(4) a,
.site-id-4.category-sport ul.news-filter-link li:nth-child(5) a,
.site-id-4.category-the-arts ul.news-filter-link li:nth-child(6) a {
    background: #9fa275;
    color: #fff;
}

.page-id-82167 #main #content	h1.title,
.parent-pageid-82167 #main #content	h1.title,
.page-id-4843 #main #content	h1.title,
.parent-pageid-4843 #main #content	h1.title,
.page-id-5856 #main #content h1.title,
.parent-pageid-5856 #main #content	h1.title,
.page-id-2070 #main #content	h1.title,
.parent-pageid-2070 #main #content	h1.title,
.page-id-1766 #main #content	h1.title,
.parent-pageid-1766 #main #content	h1.title {
    clear: both;
}

.news-feed-nav .subnav-news {
    padding: 0 1% 0 0;
}

.news-feed-nav ul.ne-section-menu {
    margin: 5px 0 0px;
    padding: 1em 0 0;
}

ul.ne-section-menu {
    display: table;
    float: right;
    margin: 5px 0 32px;
    padding: 0;
    list-style: none;
}

/* News feed page adjustments (no right column) */
.page-id-1354 ul.ne-section-menu {
    margin: 5px 12px 32px 0;
}
.page-id-1354 .nf-spacer {
	display: none;
}

ul.ne-section-menu li {
    float: left;
    padding: 4px 0px 0px;
    /* border-left: 1px solid #9fa275; */
}

ul.ne-section-menu li a {
    padding: 2.8em 13px 2em 13px;
    font-size: 12px;
    color: #585738;
    cursor: pointer;
    margin: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

ul.ne-section-menu li:first-child {
	border-left: none;
}

ul.ne-section-menu li:first-child a:before {
	content: "\f1ea";
    font-family: FontAwesome;
}

ul.ne-section-menu li:nth-child(2) a:before {
	content: "\f03a";
    font-family: FontAwesome;
}

ul.ne-section-menu li:nth-child(3) a:before {
	content: "\f073";
    font-family: FontAwesome;
}

ul.ne-section-menu li:nth-child(4) a:before {
	content: "\f0ac";
    font-family: FontAwesome;
	padding-left: 4px;
}

ul.ne-section-menu li:nth-child(4) a {
	padding-right: 0;
}

ul.ne-section-menu li:first-child a:before,
ul.ne-section-menu li:nth-child(2) a:before,
ul.ne-section-menu li:nth-child(3) a:before,
ul.ne-section-menu li:nth-child(4) a:before {
	font-size: 22px;
    vertical-align: bottom;
    margin-right: 8px;
}

ul.ne-section-menu li a:hover {
    background: none;
    color: #a0a374;
}

/* Joint */
.page-id-82167 #subnav li,
.parent-pageid-82167 #subnav li,
/* ms */
.page-id-4843 #subnav li,
.parent-pageid-4843 #subnav li,
/* hmsg */
.page-id-5856 #subnav li,
.parent-pageid-5856 #subnav li,
/* grange */
.page-id-2070 #subnav li,
.parent-pageid-2070 #subnav li,
/* inglefield */
.page-id-1766 #subnav li,
.parent-pageid-1766 #subnav li {
	display: none;
}

/* Joint */
.page-id-82167 #subnav li.sel,
.page-id-82167 #subnav li.sel ul li,
.parent-pageid-82167 #subnav li.sel,
.parent-pageid-82167 #subnav li.sel ul li,
/* ms */
.page-id-4843 #subnav li.sel,
.page-id-4843 #subnav li.sel ul li,
.parent-pageid-4843 #subnav li.sel,
.parent-pageid-4843 #subnav li.sel ul li,
/* hmsg */
.page-id-5856 #subnav li.sel,
.page-id-5856 #subnav li.sel ul li,
.parent-pageid-5856 #subnav li.sel,
.parent-pageid-5856 #subnav li.sel ul li,
/* grange */
.page-id-2070 #subnav li.sel,
.page-id-2070 #subnav li.sel ul li,
.parent-pageid-2070 #subnav li.sel,
.parent-pageid-2070 #subnav li.sel ul li,
/* inglefield */
.page-id-1766 #subnav li.sel,
.page-id-1766 #subnav li.sel ul li,
.parent-pageid-1766 #subnav li.sel,
.parent-pageid-1766 #subnav li.sel ul li {
	display: block;
}




/* ==== Contact Details */

#contact-details {
	background: #9FA275;
	padding: 2em;
	color: #fff;
}

#contact-details img {
    float: right;
    border: 3px solid #FFF;
    margin: 0px 0px 0px 1em;
    max-width: 180px;
}

#main #content #contact-details h2 {
	color: #fff;
	margin: 0;
}

#main #content #contact-details span {
    display: block;
    font-size: 1.2em;
    border-bottom: 1px solid #FFF;
    padding-bottom: 1.8em;
    margin: 0.5em 0px 1.8em;
}

#main #content #contact-details p {
    color: #FFF;
    font-size: 1.5em;
    font-weight: 200;
    margin: 0px 0px 0.8em 0;
}

#main #content #contact-details p a {
	color: #fff;
	text-decoration: underline;
}

#main #content #contact-details p a:hover {
	text-decoration: none;
}

/*.ui-tabs-vertical { width: 100%; }

.ui-tabs-vertical .ui-tabs-nav {
    padding: 0.2em 0.1em 0.2em 0.2em;
    float: left;
    width: 30%;
    margin: 0;
}

.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    border-bottom-width: 1px !important;
    border-right-width: 0px !important;
    margin: 0px 0px 6px;
    list-style: outside none none;
    font-size: 1.3em;
    color: #fff;
}

.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    border-bottom-width: 1px !important;
    border-right-width: 0px !important;
    margin: 0px 0px 6px;
    list-style: outside none none;
    font-size: 1.3em;
    color: #fff;
}

.ui-tabs-vertical .ui-tabs-panel {
    padding: 1.5em 1em;
    float: right;
    width: 69%;
    background: none repeat scroll 0% 0% #E7E8D6;
    min-height: 325px;
    color: #fff;
}

.ui-tabs-vertical .ui-tabs-nav li.blue {
	background-color: #28416A;
	background-image: url('images/icon-arrow-right-blue.png');
	background-position: 93% center;
	background-repeat: no-repeat;
}

.ui-tabs-vertical .ui-tabs-nav li.pink  {
    background-color: #df366f;
    background-image: url('images/icon-arrow-right-lightpink.png');
	background-position: 93% center;
	background-repeat: no-repeat;
}

.ui-tabs-vertical .ui-tabs-nav li.purple {
    background-color: #6e2a8d;
    background-image: url('images/icon-arrow-right-purple.png');
	background-position: 93% center;
	background-repeat: no-repeat;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	background-image: url('images/icon-arrow-right-white.png');
	background-position: 93% center;
	background-repeat: no-repeat;
	font-weight: bold;
}

.ui-tabs-vertical .ui-tabs-nav li a {
	display:block;
	color: #fff; 
	padding: 1.228em 1em;
}

.ui-tabs-vertical #tabs-ms.ui-tabs-panel, .ui-tabs-vertical #tabs-gr.ui-tabs-panel {
	background-color: #28416A;
}

.ui-tabs-vertical #tabs-hmsg.ui-tabs-panel, .ui-tabs-vertical #tabs-ih.ui-tabs-panel  {
    background-color: #DF366F;
}

.ui-tabs-vertical #tabs-ag.ui-tabs-panel  {
    background-color: #6E2A8D;
}*/

#main #content .ui-tabs-vertical .ui-tabs-panel h2 {
    color: #FFF;
    margin-bottom: 0;
}

#main #content .ui-tabs-vertical .ui-tabs-panel span {
    display: block;
    font-size: 1.2em;
    border-bottom: 1px solid #FFF;
    padding-bottom: 1.3em;
    margin: 0.5em 0px 1.8em;
}

.ui-tabs-vertical .ui-tabs-panel img {
    float: right;
    border: 3px solid #FFF;
    margin: 0px 0px 0px 1em;
    max-width: 180px;
}

#tabs-ag.ui-tabs-panel img { border: 3px solid #bd9dcb; }
#tabs-ih.ui-tabs-panel img, #tabs-hmsg.ui-tabs-panel img { border: 3px solid #eeadc3; }
#tabs-ms.ui-tabs-panel img, #tabs-gr.ui-tabs-panel img { border: 3px solid #8aa0c4; }

#main #content .ui-tabs-vertical .ui-tabs-panel p {
    font-size: 1.2em;
}

#main #content .ui-tabs-vertical .ui-tabs-panel p a {
	color: #fff; 
	text-decoration: underline;
}

#main #content .ui-tabs-vertical .ui-tabs-panel p a:hover {
	text-decoration: none;
}

#main #content .ui-tabs-vertical #tabs-ag.ui-tabs-panel span { border-bottom: 1px solid #bd9dcb; color: #bd9dcb; }
#main #content .ui-tabs-vertical #tabs-ms.ui-tabs-panel span, #main #content .ui-tabs-vertical #tabs-gr.ui-tabs-panel span { border-bottom: 1px solid #8aa0c4; color: #8aa0c4; }
#main #content .ui-tabs-vertical #tabs-ih.ui-tabs-panel span, #main #content .ui-tabs-vertical #tabs-hmsg.ui-tabs-panel span { border-bottom: 1px solid #eeadc3; color: #eeadc3; }


#main #content #accordion.contact-details h3#ui-id-5, #main #content #accordion.contact-details h3#ui-id-3 {
   color: #fff;
   background: #28416A url('images/icon-arrow-down-blue.png') no-repeat scroll 98% 50%;
}

#main #content #accordion.contact-details h3#ui-id-9, #main #content #accordion.contact-details h3#ui-id-7 {
   background: #DF366F url('images/icon-arrow-down-lightpink.png') no-repeat scroll 98% 50%;
   color: #fff;
}

#main #content #accordion.contact-details h3#ui-id-1{
   background: #6E2A8D url('images/icon-arrow-down-purple.png') no-repeat scroll 98% 50%;
   color: #fff;
}

#main #content #accordion.contact-details h3#ui-id-5:hover,
#main #content #accordion.contact-details h3#ui-id-5.ui-accordion-header-active,
#main #content #accordion.contact-details h3#ui-id-3:hover,
#main #content #accordion.contact-details h3#ui-id-3.ui-accordion-header-active {
	background: #28416A url(images/icon-arrow-down-white.png) 98% 50% no-repeat;
}

#main #content #accordion.contact-details h3#ui-id-9:hover,
#main #content #accordion.contact-details h3#ui-id-9.ui-accordion-header-active,
#main #content #accordion.contact-details h3#ui-id-7:hover,
#main #content #accordion.contact-details h3#ui-id-7.ui-accordion-header-active {
	background: #DF366F url(images/icon-arrow-down-white.png) 98% 50% no-repeat;
}

#main #content #accordion.contact-details h3#ui-id-1:hover,
#main #content #accordion.contact-details h3#ui-id-1.ui-accordion-header-active {
	background: #6E2A8D url(images/icon-arrow-down-white.png) 98% 50% no-repeat;
}

#main #content #accordion.contact-details p {
    margin: 0;
}

#main #content #accordion.contact-details p em {
    font-style: normal;
    font-size: 0.8em;
}

#main #content #accordion.contact-details h3#ui-id-3 p em,
#main #content #accordion.contact-details h3#ui-id-5 p em {
   color: #8aa0c4;
}

#main #content #accordion.contact-details h3#ui-id-9 p em,
#main #content #accordion.contact-details h3#ui-id-7 p em {
  color: #eeadc3;
}

#main #content #accordion.contact-details h3#ui-id-1 p em {
  color: #bd9dcb;
}


#main #content #accordion.contact-details h3#ui-id-1:hover p em,
#main #content #accordion.contact-details h3#ui-id-3:hover p em,
#main #content #accordion.contact-details h3#ui-id-5:hover p em,
#main #content #accordion.contact-details h3#ui-id-7:hover p em,
#main #content #accordion.contact-details h3#ui-id-9:hover p em {
  color: #fff;
}


/* ==== Directions GMaps */

#map {
    height: 400px;
    width: 100%;
    margin-bottom: 2em;
}

#map img {
	max-width: none;
}

#map-key {
    background: none repeat scroll 0% 0% #ECECE4;
    padding: 1em 1.5em;
    margin-bottom: 2em;
    font-size: 1.1em;
    line-height: 1.8em;
}

#map-key ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.gm-style .gm-style-iw {
    width: 120px !important;
}


/* ==== Footer */

footer {
    background: none repeat scroll 0% 0% #9FA275;
    border-top: 10px solid #82885C;
    color: #E8E7D6;
    padding: 1em 0;
}

.footer-content	{
	max-width: 1200px;
	min-width: 960px;
	margin:0 auto;
}

footer ul {
	margin: 1em 0;
	padding: 0;
}

footer li, footer a	{
	list-style: none;
	color:#e8e7d6;
	line-height:2em;
}

footer li	{
	background: url('images/lt-green-arrow.png') no-repeat scroll 15px 52% transparent;
	padding: 0.3em 3% 0.3em 35px;
}

footer a:hover {
	color:#fff;
	text-decoration: underline;
}

.social-media p {
    float: right;
    margin: 1.1em 1em 0.5em 0;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #585738;
    font-size: 1.3em;
}

.social-media span {
    float: right;
    margin: 0 0.3em 0.3em 0;
    display: block;
    font-size: 32px;
    clear: both;
}

.social-media span a {
	color: #585738;
	-webkit-transition: 0.4s ease;
	-moz-transition: 0.4s ease;
	-o-transition: 0.4s ease;	
	transition: 0.4s ease;
}

.social-media span a:hover {
	color: #fff;
}

.social-media span i {
    padding: 0 4px;
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
    font-size: 29px;
}

.fa-twitter:before {
    position: relative;
    top: 1px;
    content: "\f099";
    font-size: 34px;
}

.fa-youtube:before {
    position: relative;
    content: "\f167";
    bottom: 2px;
    font-size: 28px;
}

.mail {
    float: right;
}

.mailing-list form {
   clear: both;
   background: #fff;
	color:#000;
	border-radius: 15px 60px 60px 15px;
	padding: 0.3em 0.4em 0.3em 1em;
   display: inline-block;	
   width: 100%;
}

.mailing-list input	{
	color:#000;
   display: inline-block;	
   width: 85%;
   margin-right: 5%;
   float: left;
   padding: 0.6em 0;
}

.mailing-list:focus {
	border-color: #fff;
	outline: none;
}

.mail button {
    background: #82885C;
    color: #E7E8D6;
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    padding: 1% 5%;
    border-radius: 50%;
    height: 36px;
    width: 10%;
    float: left;
    width: 36px;
}

.mail button:hover	{
	background: #585738;
}

.mail button p	{
	font-size:1.5em;
}

.footer-link {
    background: #82885C;
    color: #cccfb5;
    font-size: 0.95em;
    letter-spacing: 0.5px;
}


/* ==== BF footer link */

p#bf {
	font-size: 0.8em;
	font-weight: normal;
	padding-top:  1.3em;
	text-align: right;
	color: #cccfb5;
	margin: 0;
}
	
p#bf a {
	text-decoration: none;
	color: #cccfb5;
}
	
p#bf a:hover {
	color: #ffffff;
	text-decoration: none;
}
 

/* ==== Internet Explorer fixes */

.lt-ie9 .site-id-1 #family-schools #hms:after {
    display: none!important;
}



.ie-general .site-id-1 #family-schools #hms:after {
    content: ' ';
    margin: -8px 0px 0px 11px;
}
.ie-general .site-id-2 #family-schools #ms:after {
    content: ' ';
    margin: -8px 0px 0px 55px;
}
.ie-general .site-id-3 #family-schools #gr:after {
	content: ' ';
    margin: -8px 0px 0px 35px;
}
.ie-general .site-id-4 #family-schools #ag:after {
	content: ' ';
    margin: -8px 0px 0px 52px;
}
.ie-general .site-id-5 #family-schools #ih:after {
	content: ' ';
    margin: -8px 0px 0px 47px;
}
.ie-general .site-id-6 #family-schools #hmsg:after {
	content: ' ';
    margin: -8px 0px 0px 11px;
}
.ie-general #family-schools #top-right-nav.family-schools-link ul li {
    padding: 0px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

	.site-id-1 #family-schools #hms:after {
		content: ' ';
		margin: -8px 0px 0px 11px;
	}
	.site-id-2 #family-schools #ms:after {
		content: ' ';
		margin: -8px 0px 0px 55px;
	}
	.site-id-3 #family-schools #gr:after {
		content: ' ';
		margin: -8px 0px 0px 35px;
	}
	.site-id-4 #family-schools #ag:after {
		content: ' ';
		margin: -8px 0px 0px 52px;
	}
	.site-id-5 #family-schools #ih:after {
		content: ' ';
		margin: -8px 0px 0px 47px;
	}
	.site-id-6 #family-schools #hmsg:after {
		content: ' ';
		margin: -8px 0px 0px 11px;
	}
	#family-schools #top-right-nav.family-schools-link ul {
		margin: 1em 0px;
	}
	#family-schools #top-right-nav.family-schools-link ul li {
		padding: 0px;
	}
}


/* ==== Default form element styling */

form {
	padding: 0;
	text-align: left;
	margin: 0 auto;
}

form p {
    position: relative;
    clear: both;
    margin: 0px 0px 1em;
}

form .req { color:#9a1d20; font-style:normal; }
.form-buttons .req { display:block; margin-bottom:10px; }

fieldset {
	padding: 20px 2%;
	margin: 0 0 20px 0;
	border: 1px solid #cccccc;
}

legend {
	padding: 0 10px;
	font-size: 1.2em;
	font-weight: bold;
}

label {
    cursor: pointer;
    margin: 1em 0;
    text-align: left;
    vertical-align: top;
    width: 30%;
    float: left;
    font-size: 1.2em;
    display: block;
}

input,
textarea,
select {
	width: 75%;
	display: inline-block;
	margin: 0;
	border: 1px solid #fff;
	background-color: #FFFF;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
select { width:77.1666%; cursor:pointer; }

select optgroup {
	padding-left: 5px;
	margin-bottom: 5px;
}

select optgroup option { padding-left:10px; }

input:hover,
textarea:hover,
select:hover {
	outline: none;
}

input:focus,
textarea:focus,
select:focus {
	border-color: #9FA275;
	/*border: none;*/
	color: #000;
	box-shadow: 0 2px 0 #999;
	outline: none;
}

::-webkit-input-placeholder    { color: #bbb; }
:-moz-placeholder              { color: #bbb; }
::-moz-placeholder             { color: #bbb; }
:-ms-input-placeholder         { color: #bbb; }

.option-group       { overflow:auto; }
.option-group p     { margin:5px 0; }
.option-group label {
	text-align: left !important;
	width: auto;
	clear: both;
	margin-left: 120px;
}

input[type="checkbox"], input[type="radio"],
input.checkbox, input.radio {
	width: auto !important;
	background: transparent;
	border: none !important;
	position: relative;
	top: 1px;
	margin-right: 8px;
	box-shadow: none;
}

input[type="file"]:focus, input[type="file"]:active,
input[type="radio"]:focus, input[type="radio"]:active,
input[type="checkbox"]:focus, input[type="checkbox"]:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-buttons {
	text-align: right;
}

/* Fix to remove Chrome spin boxes on number inputs */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* SET ERROR STYLE */

input.error,
select.error,
textarea.error {
	border-color: #F8ACAC;
	background: #fff4f4;
}

input.error:hover,
select.error:hover,
textarea.error:hover {
	border-color: #f19191;
}

input.error:focus,
select.error:focus,
textarea.error:focus {
	border-color: #D12228;
	box-shadow: 0 0 4px #f19191;
}

span.error {
	background-color: #D12228;
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	padding: 1px 5px 3px;
	position: absolute;
	right: 10px;
	top: 6px;
}

select + span.error {
	right: 36px;
}

/* === Homepage Urgent Message Styling == */

.site-id-2 .urgent-message,
.site-id-3 .urgent-message,
.site-id-4 .urgent-message,
.site-id-5 .urgent-message,
.site-id-6 .urgent-message {
	margin-bottom:1em;
}
.urgent-message-container {
    width: 100%;
    padding: 1em;
    margin-top: 1em;
    background: rgba(255,217,219,0.5);
    border: 2px solid #f19191;
    float: left;
}
.urgent-message-img img {
	float:left;
	padding-right:1em;
	height:auto;
	margin:0;
	max-width:100%;
}

.urgent-message-content p {
	margin:0.5em 0;
}

.urgent-message-content a {
	color: #706f50;
	font-weight: bold;
	text-decoration: underline;
	font-size: 1.1em;
	line-height: 1.6em;
}

.urgent-message-content a:hover {
	color: #444;
	text-decoration: underline;
}

.urgent-message.mobile-urgent-message {
	display:none;
}


/* ==== DEFAULT BUTTON STYLING - Inc form buttons ==== */

.button,
a.button,
input.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background-color: #444444;
	border: none;
	color: #FFFFFF;
	padding: 8px 12px;
	display: inline-block;
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
	width: auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	box-shadow: none;
}

a.button { padding-bottom:6px; }

.button:hover,
a.button:hover,
input.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background-color: #000000;
	text-decoration: none;
}




/* print styles, compressed */
@media print {*{

background:transparent !important;
color:#444 !important;
text-shadow:none !important;}
a,a:visited{color:#444 !important;text-decoration:underline;}
/*a:after{content:" (" attr(href) ")";}*/
abbr:after{content:" (" attr(title) ")";}
.ir a:after{content:"";}
pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr,img{page-break-inside:avoid;}
@page{margin:0.5cm;}
p,h2,h3{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}

.header-content,
nav#main-nav,
#content .span_5,
footer {
	display: none;
}
#content .span_14 {
	width: 100%;
	margin: 0;
}
}