@charset "utf-8";
/* CSS Document */

/* Level two main content section */

#genericMainContentSection {
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
        width: 480px;
}

#genericMainContentSection h1 {
	font-size: 1.6em;
	font-weight: bold; 
	padding: 0 0 0 0;
}

#genericMainContentSection h2, #fullWidthMainContentSection.levelTwoB h2 {
background: none;
	font-size: 1.4em; 
	font-weight: bold; 
	padding: 20px 0 0 0;
 	color: #000000;
	clear: left;
}

#genericMainContentSection ul, #fullWidthMainContentSection ul {
	margin: 0 0 0 15px;
}

/* Level two left column */

#levelTwoLeftColumn {
	float: left;
	width: 480px;
	min-height: 0;
	margin: 0;
	padding: 0;
}

/* Level two right column */

#levelTwoRightColumn {
	float: left;
	width: 200px;
	min-height: 200px;
	margin: 0 0 20px 20px;
	padding: 0;
}

/* Level two left column */

#levelTwo_TwoColumnLeft {
	float: left;
	width: 320px;
	min-height: 200px;
	margin-right: 10px;
	padding: 0;
}

/* Level two right column */

#levelTwo_TwoColumnLeftRight {
	float: left;
	width: 320px;
	min-height: 200px;
	margin: 0 0 20px 20px;
	padding: 0;
}

.sys_levelTwoArticle {
	width: 200px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
}

#levelTwoRightColumn span.subHeading, .sys_RightColumn span.subHeading {
	font-size: 1.2em; 
	color: #fff;
	background: #000;
	padding: 5px 12px;
                     font-weight: bold;
                     width: 176px;
                     display: block;
}

.sys_RightColumn span.subHeading {
	margin-bottom: 10px;
}

#levelTwoRightColumn img {
	width: 200px;
	margin: 0 0 10px 0;
	padding: 6px 0 0 0;
	border: 0;
	display:block;
	clear: left;
}

img .imageBorder{
	width: 198px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #000;
}

/* Level two - 2 column custom Lightbox styles */

#fullWidthMainContentSection .sys_lightboxGallery {
	margin: 0 -14px 0 0 !important;
}

#fullWidthMainContentSection .sys_lightboxThumb {
    margin: 0 8px 6px 0 !important;
 }

/* Level two prospectuses */

.prospectusBoxLayout {
margin: 0 0 0 -10px;
padding: 0;
}

.prospectusBoxLayout p{
margin: 0;
padding: 9px;
}


.prospectusBoxBlock {
float: left;
background-color: #ffffff;
border: 1px solid #e2e2e2;
height: 105px;
width: 340px;
padding: 0;
margin: 8px 0 0 8px !important;
margin: 5px 0 0 5px;
}

.prospectusBoxBlock img{
float: left;
padding: 0 8px 0 0;
margin: 0;
border: 0;
}

.prospectusBoxBlock h3{
width: 240px;
float: left;
padding: 5px 0 3px 0;
margin: 0;
}

.prospectusBoxBlock strong{
width: 240px;
float: left;
padding: 5px 0 3px 0;
margin: 0;
}

.prospectusBoxBlock p{
width: 240px;
float: left;
padding: 0;
margin: 0;
}

.links{
width: 240px;
float: left;
padding: 10px 0 0 0;
}

/* OPEN DAY LANDING PAGE STYLES */

.evBoxes {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		min-width: 200px;
}
	
.evDateBox {
		display: flex;
		width:  200px;
		border: #A00B35 2px solid;
		align-items: center;
		margin: .5em .2em;
}
	
.evDateBox:hover {
		border: #000 2px solid;
}
	
.evDateBox:hover .evBook {
		background: #000;
}
	
.evDateBox:hover a {
		color: #A00B35;
}
		
.evDateBox p {
		width: 100%;
		margin: 0;
}
	
.evDateBox p a {
		text-decoration: none;
		color: #000;
}
	
.evDateBox p .evDayDate {
		padding-top: 1em;
}
	
.evDateBox p .evTime {
		padding-bottom: 1em;
}

.evDateBox p .evMonth2 {
		padding-bottom: 1em;
}
	
.evDayDate, .evDate, .evMonth, .evMonth2, .evTime, .evBook {
		display: block;
		text-align: center;
		font-weight: bold;
		padding: .2em;
}
	
.evDate, .evDayDate, .evMonth, .evMonth2 {
		font-size: 1.6em;
}
	
.evBook {
		background: #A00B35;
		color: #fff;
		padding: 1em;
		text-transform: uppercase;
}


.openDayContentSectionHeading {
    background: #ccc none repeat scroll 0 0;
    font-size: 1.1em;
    padding: 10px 12px;
    text-align: center;
  	margin-bottom: 5px;
}

.openDayText {
  text-align: center;
}

.sixBoxGrid {
    float: left;
	margin: 0 12px 10px 5px;
    padding: 0;
  	height: 230px;
}

.sixBoxGrid p {
	padding:5px;
	width: 250px;
	margin:0;
  font-weight: bold;
}

/* OPEN DAY VIDEO */

.ytVideoWrapper {
	position: relative;
	padding-bottom: 55%;
	padding-top: 25px;
	height: 0;
}
.ytVideoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 99%;
}

/* OPEN DAYS DATES SECTION */

.openDayDates {
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
}

#fullWidthMainContentSection .openDayDates ul {
	margin: 0;
	padding: 0;
}

.openDayDates li {
	list-style: none;
	margin: .2em 0 1em 0;
	text-align: center;
}

.openDayBookBtn {
	display: block;
}

.openDayBookBtn a {
	text-decoration: none;
	background: #A00B35;
	border: #A00B35 1px solid;
	color: #fff;
	margin-left: 1em;
	font-size: .8em;
	padding: .2em;
}

.openDayBookBtn a:hover {
	color: #A00B35;
	background: none;
}

.openDayBookPlaceTxt {
	font-weight: bold;
	text-align:center;
	color: #000;
}

@media screen and (min-width: 600px) {
	.openDayDates {
	font-size: 1.6em;
}

.openDayBookPlaceTxt {
	font-size: 1.2em;	
}
}

@media screen and (min-width: 769px) {
	.openDayBookBtn {
		display: inline-block;
	}
	
	.openDayBookPlaceTxt {
	font-size: 1.3em;	
}

}

@media screen and (min-width: 910px) {
	.openDayDates {
	font-size: 1.8em;
}
}

@media screen and (min-width: 1000px) {
	.openDayDates {
	font-size: 2em;
}
}

/* CLEARING */

.clearingHeaderBlock {
	background: #000;
	color: #fff;
	text-align: center;
	margin-bottom: .5em;
}

#fullWidthMainContentSection .clearingHeaderBlock h2 {
  color: #fff;
}

#fullWidthMainContentSection .clearingHeaderBlock h2 span {
  font-size: 2em;
}

.clearingCtaList {
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
  	padding-bottom:.2em;
}

#fullWidthMainContentSection .clearingCtaList ul {
	margin: 0;
	padding: 0;
}

.clearingCtaList li {
	list-style: none;
	margin: .2em 0 1em 0;
	text-align: center;
}

.clearingCtaButton {
	display: block;
    margin-top: .3em;
}

.clearingCtaButton a {
	text-decoration: none;
	background: #A00B35;
	border: #A00B35 1px solid;
	color: #fff;
	margin-left: 1em;
	font-size: .8em;
	padding: .3em;
}

.clearingCtaButton a:hover {
	color: #A00B35;
	background: #fff;
}

@media screen and (min-width: 600px) {
	.clearingCtaList {
	font-size: 1.6em;
}
  
#fullWidthMainContentSection .clearingHeaderBlock h2 {
  font-size: 2em;
}

}

@media screen and (min-width: 769px) {
	.clearingCtaButton {
		display: inline-block;
	}

}

@media screen and (min-width: 910px) {
	.clearingCtaList {
	font-size: 1.8em;
}
}

@media screen and (min-width: 1000px) {
	.clearingCtaList {
	font-size: 2em;
}
}

/* CAREERS AND EMPLOYABILIY STYLES */

.box {
	margin: 0;
	width: 100%
}

.boxes {
	display: flex;
}

.boxes {
	flex-wrap: wrap
}

.boxes img {
    border: none;
}

.box-text {
	text-align: center
}

@media screen and (min-width:400px) {
.box {
	display: flex;
	width: calc(50% - .5em)
}
.box a {
	padding: 1em 0 1em 1em;
}
.boxes img {
    border: #ccc 4px solid;
  	height: auto;
  	width: 100%;
}
.sixBlock .box {
	width: calc(33.33333% - .5em)
}
}

@media screen and (min-width:800px) {
.box {
	width: calc(25% - .5em)
}
  
}


@media screen and (min-width:900px) {
.sixBlock .box {
	width: calc(16.66666% - .5em)
}
}


.imgBox {
	margin: 0;
	width: 100%;
}

.imgBoxes {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.imgBoxes img {
    height: auto;
    width: 100%;
	border: none;
}


@media screen and (min-width:500px) {
.imgBox {
	width: calc(50% - .5em)
}
  
.threeBlock .imgBox {
	width: calc(33.33333% - 1em);
}
}


/*====================================
NEW JULY 2014
=====================================*/

#levelTwoLeftColumn { width: 560px; }

#levelTwoRightColumn {width:300px; }

.sys_levelTwoArticle {width:300px;}

#levelTwoRightColumn img {
    width: 100%;
    height: auto;
}

#levelTwoRightColumn span.subHeading, .sys_RightColumn span.subHeading {
    width: auto;
    background-color: #625533;
    height: 29px;
    line-height: 29px;
}

#genericMainContentSection { width: 560px; }