@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 */

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

.sixBoxGrid {
    float: left;
	margin: 0 12px 10px 5px;
    padding: 0;
	border:#7E7E7E 6px solid;
	background: #000;
}

.sixBoxGrid p {
	padding:5px;
	width: 250px;
	margin:0;
	background:#000;
	color:#FFF;
}

/* 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; }