/*
@font-face {
	font-family: 'Conv_NewRail-Bold';
	src: url('../fonts/newrail-bold-webfont.eot');
	src: local('☺'),
	url('../fonts/newrail-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NewRail-Bold.ttf') format('truetype'),
	url('../fonts/NewRail-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_NewRail-Medium';
	src: url('../fonts/newrail-medium-webfont.eot');
	src: local('☺'),
	url('../fonts/newrail-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NewRail-Medium.ttf') format('truetype'),
	url('../fonts/NewRail-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/


/* page */
body{
	width:100%;
	min-width:320px;
	height:100%;
	text-align:center;
	margin:0;
	padding:0;
	/* font-family:'Conv_NewRail-Medium',Sans-Serif; */
}

::-moz-selection{ background:#06F; color:#fff; text-shadow: none; }
::selection { background:#06F; color:#fff; text-shadow: none; }

.links{float:left;display:inline;margin:0px;padding:0;list-style-type:none;}
.links li{float:left;display:inline;margin:0px;padding:0;}
a:link,
a:visited{color:#000;text-decoration:underline;}
a:hover{color:#000;text-decoration:underline;}

h2 > a:link,
h2 > a:visited{
	text-decoration:none;
}

/*
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
*/

p#pageWidth{
	width:90%;
	padding:10px 5%;
	text-align:left;
	background-color:#999999;
	margin:0;
}
header ul,
footer ul{
	list-style-type:none;
	padding-left:0px;
	margin:0;
}
header ul a:link,
header ul a:visited,
footer ul a:link,
footer ul a:visited{
	text-decoration:none;
}

ul{
	list-style-type:square;
}
ol{
	list-style-type:decimal;
	padding-left:1.7em;
	margin-left: .7em;
}
h3,
h4,
h5{
	margin:0 0 10px 0;
}
h3{
	font-size:1.4em;
}
h4{
	font-size:1.2em;
}
h5{
	font-size:1em;
}
h3.greySub,
h4.greySub,
h5.greySub{
	margin-bottom:0px;
	color:#939598;
}

.main1 p,
.main1 ul,
.main1 ol{
	color:#333437;
}
/*main text colour changed from #636467 by MR 2013-02-05*/

.gutter{
	width:100%;
	padding:0 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	
}

/* header Edited NH 13/7/15 */
header{

	margin:0 0 10px 0;
	padding:0 0 0px 0;
}
header a:hover{
	text-decoration:none;
}
header a:link,
header a:visited{
	color:#000;
}

/*updated header code MR 24/06/2013*/
header .headerMisc{
  position:relative;
    width:100%;
	min-height:150px; /*removed height and added a min-height - FD 21/06/2013*/
}
header .blockLinks{
	position:absolute;
	right:266px; /*adjusted positioning of links to take into account new search box - FD 21/06/2013*/
}
header .blockLinks li{
	float:left;
	margin-right:12px;
}
 
/*made some general changes to the structure of the blocklinks styling so that there was less duplication of styles. Also removed some empty selectors - FD 21/06/2013*//*changes for header links MR 2014-10-02*/
header .blockLinks li a{
	background-color:#e2e2e2;
	padding:12px 15px;
	display:block;
	font-size: 1em;
	font-weight: bold;
	text-align:center;
}


header .blockLinks li.staff a{
	background-color:#cd202c;
	color: #fff;
	/*add MR 2013-02-26 4.45pm*/
}
header .blockLinks li.students a{
	background-color:#ffb500;
	/*add MR 2013-02-26 4.45pm*/
}
header .blockLinks li.library a{
	background-color:#003c69;
	color:#fff;
	/*add MR 2013-02-26 4.45pm*/
}
header .blockLinks li.contact a{
	background-color:#69b3e7;
	color:#fff;
	/*2014-10-02 MR added green colour link*/
}
header .blockLinks li.searchLink a{
	display: none; /*hides search link for bigger screens - FD 21/06/2013*/
}
header .search{ /*adjusted positioning and styling of search div - FD 02/10/2014*/
	width:276px;
	height: 83px;
	background-color: #231f20;
	float: right;
	position: relative;
	z-index: 30;
}
header .search label{
	width:0px;
	height:0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}
header .search input#searchBox{
	border:0;
	padding:0;
	height:27px;
	width:120px;
	background:url('/en/media/siteassets/styleassets/images/misc/search_box_bg.gif') 0 0 repeat-x;
}
header .search input.searchSubmit{
	height:27px;
	width:13px;
}
 
/*added new styles for search form and filters - FD 21/06/2013*/
header .search form {
	position: relative;
	top: 10px;
	left: 10px;
	width: 256px;
	height: 34px;
	background-color: #fff;
}
 
header .search input.gsc-input{
	float:left;
	margin:0;
  background-color: transparent !important;
  border: none !important;
	background-image: none !important;
	padding: 9px 0 9px 8px;
	font-size: 14px;
	width: 85% !important;
}
header .search input.gsc-search-button{
	width: 16px;
	height: 16px;
	margin:0;
	filter: none !important;
  background-color: #fff !important;
  border: none !important;
	background-image: url('/en/media/siteassets/styleassets/images/misc/search_red_16.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0;
	position: absolute;
	z-index: 10;
	top: 9px;
	right: 9px;
	text-indent: -5000px;
}
header fieldset.filters,
header div.filters{
	position:relative;
	top:10px;
	left: 10px;
	float:right;
	width:268px !important;
	padding:0;
	display:block;
	clear:none;
	border:0;
	margin:0;
	padding:0;
}
header fieldset.filters legend{
	overflow:hidden;
	width:0px;
	height:0px;
}
header .filters input,
header .filters label{
	float:left;
}
header .filters input{
	line-height:22px;
	
}
header .filters label{
	display:block;
	margin-top:0px;
	margin-right: 10px;
	font-size:0.9em;
	vertical-align:text-bottom;
	width: auto;
	height: auto;
	text-indent: 0;
	color: #fff;
}/*new style 2014-10-02 MR*/
header .search{ 
	margin-top: -5px;
	clear: right;
	width: 256px;
	height:0;
	overflow:hidden;
	-webkit-transition:height 0.15s;
	-moz-transition:height 0.15s;
	transition:height 0.15s;
}
 
header .search.open{
	height:83px;
}
 
header .search form {
	width: 236px;
}
header .blockLinks {
	position: static;
	float: right;
}
 
header fieldset.filters,
header div.filters{
	width:250px !important;
}
 
header .filters label{
	display:block;
	margin-right: 4px;
}
 
header .blockLinks li.searchLink {
margin-right: 0;
}
 
header .blockLinks li.searchLink a {
	background:#231f20;
	text-indent: -5000px;
	width: 10px;
	display: block;
	position: relative;
}
 
header .blockLinks li.searchLink a:before {
	content: "\f002";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #fff;
	font-size: 14px;
	position: absolute;
	top: 12px;
	left: 13px;
	text-indent: 0;
}
 
header .blockLinks li.searchLink.sel a {
	height: 26px;
}
 
header .blockLinks li.searchLink.sel a:before {
	content: "\f106";
	font-size: 18px;
	left: 15px;
}
/*end of new styles for search form and filters - MR 02/10/2014*/
 
header .headerLogo{
	width:100%;
	float:left;
}
 
header .headerLogos { /*new container for logos and welcome text - MR 02/10/2014*/
	 position: absolute;
	 z-index: 20;
	 top: 45px;
	 left: 0;
}
 
header .headerLogos a {
     display: inline-block;
     float: left;
     margin: 0 20px 0 0;
}
 
header .headerLogos img.partnerLogo {
     display: block;
     /*border: 1px solid #bbbcbc;*/
}
 
/*added styles for new welcome text - FD 21/06/2013*/
/*updated styles for header welcome text - MR 2014-10-02*/
header .welcome h1 {
	 float: left;
	 padding: 0 0 0 20px;
	 margin: 3px 0 0 0;
	 color: #000;
	 font-size: 17px;
	 line-height: 24px;
	 font-weight: normal;
	 max-width: 300px; 
	 border-left: 1px solid #ccc;
}
header .welcome h1 span {
	 display: block;
	 padding: 0;
	 font-size: 24px;
	 font-weight: bold;
}/*end october  2014 new header */
 
header .menuLink{
	display:none;
}
header .languageSelect{
	float: right;
	clear: both;/*changed clear: right to clear: both - FD 21/06/2013*/
	margin-top: 15px;
}
header .languageSelect li{
	float:left;
	margin-left:4px;
}
header .languageSelect li a{
	display:block;
	padding:10px 10px 0 10px;
	height:25px;
	text-align:center;
	background-color:#74aa50;
	color: #fff;
	font-weight: bold;
}
header .languageSelect li a:hover{
	opacity: 0.8;
}/*replaced 2014-10-02 MR*/
header .languageSelect li a.selectedLanguage{
	background-color:#d1d3d4;
	font-weight:bold;
}
header .mainNav{
	width:100%;
	margin-top:0.5em;
	left:0px;
	bottom:0px;
	text-align:left;
	font-weight:bold;
	
}
header nav{
	width:100%;
}
header nav > ul{
	width:100%;
	float:left;
	padding:0;
	margin:0;
	/* border-right:1px solid #000; */
	background-color: #ebebed;
}
header nav > ul li{
	float:left;
	padding:0;
	margin:0 0 0 0;
	background:url('/en/media/siteassets/styleassets/images/misc/dropdown_divider.png') 0 0 no-repeat;
	/* border-left:1px solid #000; */
}/*2014-10-02*/
header nav > ul li:first-child{
	background-image: none;
}
header nav > ul li.m1{
	width:16.5%;
}
header nav > ul li.m2{
	width:13.6%;
}
header nav > ul li.m3{
	width:15.6%;
}
header nav > ul li.m4{
	width:22.7%;
}
header nav > ul li.m5{
	width:15.2%;
}
header nav > ul li.m6{
	width:16.2%;
}
header nav > ul li a{
	width:100%;
	text-align:center;
	display:block;
	padding:14px 0 0;
	height: 30px;
	/*-webkit-text-size-adjust: none;	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	text-transform:uppercase;
	*/
}
header nav > ul li a:link,
header nav > ul li a:visited,
header nav > ul li a:hover,
header nav > ul li a:active{
	font-size: 1.25em;
}
/*2014-10-02*/
header nav.desktop > ul li a.openDropDown{
	display:none;
}
header nav.mobile > ul li a.openDropDown,
header nav.mobile > ul li a.openDropDown:hover{
	border:0;
	border-top:1px solid #fff;
	min-height:0px;
	height:16px;
	padding:0;
	margin:0;
	width:100%;
	display:block;
	background:url('/en/media/siteassets/styleassets/images/misc/menu.png') center 0 no-repeat;
	left:0px;
}
header nav.mobile > ul li a.openDropDown:hover,
header nav.mobile > ul li.open a.openDropDown{
	background-color:#ffb500;
}
header nav.mobile > ul li.open a.openDropDown{
	background-position: center -16px;
}

header nav.mobile > ul li:last-child a.openDropDown{
	border:0;
	border-top:1px solid #fff;
}
header nav.mobile > ul li:last-child a.openDropDown:hover{
}
header nav.mobile > ul li.open a.openDropDown,
header nav.mobile > ul li.open:last-child a.openDropDown{
}
header nav > ul li a.current,
header nav > ul li a:hover,
header nav > ul li.dropDown:hover a.top,
header nav > ul li.dropDown.open a.top{
	background-color:#ffb500;
	color:#000;
	border-left:1px solid #ffb500;
	border-right:1px solid #ffb500;
	margin-right:0px;
	position:relative;
	left:-1px;
	z-index:10;
}
header nav > ul li:last-child a:hover{
	border-right:1px solid #ffb500;
}

.homeNavContainer{
	margin:0 60px;
}
.homeNavRow{
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}

header nav > ul li.dropDown{
	position:relative;
}
.ie7 header nav > ul li.dropDown{
	z-index:2500;
}
header nav > ul li.dropDown .ddBox{
	padding:0;
	margin:0;
	position:absolute;
	left:-1px;
	z-index:2500;
	display:none;
	width:130%;
	background:url('/en/media/siteassets/styleassets/images/white/white90.png') 0 0 repeat;
	border-top: 5px solid #ffb500;
}
header nav.desktop > ul li.dropDown .ddBox{
	top:44px;
}
header nav.mobile > ul li.dropDown .ddBox{
	top:46px;
}
header nav > ul li.dropDown .ddBox ul,
header nav > ul li.dropDown .ddBox ul li{
	float:none;
}
header nav > ul li.dropDown .ddBox p{
	width:100%;
	margin:0;
	padding:3px 0;
	font-size:0.8em;
	text-align:center;
	background-color:#ffb500;
	border-width:0 1px;
	border-style:solid;
	border-color:#ffb500;
	position:relative;
	left:-1px;
}
header nav > ul li.dropDown .ddBox ul{
	margin:0px;
}
header nav > ul li.dropDown .ddBox ul li{
	background:none;
	width:100%;
	padding:0;
}
header nav > ul li.dropDown .ddBox ul li a{
	text-align:left;
	border:0;
	left:0px;
	padding:12px 20px 12px 10px;
/*	text-indent:4px;*/
	text-indent:0px;
	min-height:0;
	font-weight: normal;
	font-size: 1.2em;
	height: auto;
	width: auto;
	border-top: 1px solid #fff;
	position: relative;
}/*2014-10-02 addition for new menu*/
header nav > ul li.dropDown .ddBox ul li a:after {
	content: "\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #cd202c;
	font-size: 16px;
	position: absolute;
	top: 13px;
	right: 12px;
}
header nav > ul li.dropDown .ddBox ul li a:hover:after {
	color: #fff;
}


header nav > ul li.dropDown ul li a:link,
header nav > ul li.dropDown ul li a:visited,
header nav > ul li.dropDown ul li a:hover,
header nav > ul li.dropDown ul li a:active{
	color:#000;
}
header nav.desktop > ul li.dropDown:hover .ddBox,
header nav > ul li.dropDown.open .ddBox{
	display:block;
}
header nav > ul li.secondary a:link,
header nav > ul li.secondary a:visited,
header nav > ul li.secondary a:hover,
header nav > ul li.secondary a:active{
	color:yellow;
}
header nav > ul li.secondary a:hover{
	color:#000;
	background-color:yellow;
}

/* footer */
footer{
	width:100%;
	padding:5px 0;
	border-bottom:1px solid #909295;
	margin-bottom:10px;
}
footer .footerLinks,
footer .copyright{
	float:left;
}
footer .copyright{
	margin:0 30px 0 0;
	font-weight:bold;
	padding:4px 0 0 0;
	display:block;
	height:19px;
}
footer ul{
	list-style-type:none;
	padding-left:0;
	margin:0;
}
footer .footerLinks{
	margin-top:4px;
}
footer .footerLinks li{
	float:left;
	margin:0;
}
footer .footerLinks li:last-child{
	border-right:1px solid #000;
}
footer .footerLinks li a{
	border-left:1px solid #000;
	padding:0px 10px 0 10px;
	font-weight:bold;
	font-size:0.9em;
	height:15px;
}
footer .footerLinks li a:hover{
	background-color:#ffb500;
	border-left:1px solid #ffb500;
	color:#000;
	margin-right:0px;
	position:relative;
	left:1px;
	z-index:10;
	text-decoration:none;
	padding-left:9px;
	padding-right:11px;
}
footer .footerShopLinks{
	float:right;
}
footer .footerShopLinks li{
	float:left;
	margin:0 0 0 9px;
}
footer .footerShopLinks li a{
	background-color:#ffb500;
	padding:4px 10px 0 10px;
	font-weight:bold;
	display:block;
	height:19px;
}
footer .socialNetworks{
	float:right;
	width: 13.45%;
}
footer .socialNetworks p{
	border-bottom:1px solid #c4c6c8;
	padding-bottom:5px;
	margin-bottom:5px;
	font-size:0.9em;
}
footer .socialNetworks .socialLinks{
	float:left;
	margin-bottom:5px;
}
footer .socialNetworks ul.socialLinks li{
	float:left;
	margin-right:12px;
}
footer .socialNetworks ul.socialLinks li:last-child{
	margin-right:0px;
}
footer .socialNetworks ul.socialLinks li a{
	width:18px;
	height:18px;
	display:block;
	background-image:url('/en/media/siteassets/styleassets/images/misc/social.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
}
footer .socialNetworks ul.socialLinks li.twitter a{
	background-position:0px 0px;
}
footer .socialNetworks ul.socialLinks li.facebook a{
	background-position:-31px 0px;
}
footer .socialNetworks ul.socialLinks li.youtube a{
	background-position:-61px 0px;
}
footer .socialNetworks ul.socialLinks li.linkedin a{
	background-position:-90px 0px;
}
footer .socialNetworks ul.socialLinks li.rss a{
	background-position:-120px 0px;
}
footer .socialNetworks ul.socialLinks li.trip a{
	background-position:-149px 0px;
}

footer  .hr{
	width:100%;
	background-color:#909295;
	height:1px;
	margin:5px 0;
}
footer  .hr hr{
	display:none;
}

/*FOOTER CONTACTS LINE
***********************************************************************/
footer .contactsLine {
     float:left;
     width: 85.8%;
}
footer .contactsLine p {
     border-bottom: 1px solid #c4c6c8;
     padding-bottom: 4px;
     margin-bottom: 5px;
     font-size: 0.9em;
     line-height: 1.3em;
}
footer .contactsLine li {
     float: left;
     padding: 1px 10px 0 20px;
     background-position: center left;
     background-repeat: no-repeat;
}
footer .contactsLine li a {
     display: inline-block;
	 /*text-decoration: underline;*/
}
footer .contactsLine li a:hover
{
text-decoration: none;
}
footer .contactsLine li.phone {
     background-image: url('/en/media/siteassets/styleassets/images/misc/phone_red_16.png');
}
footer .contactsLine li.mobile {
     background-image: url('/en/media/siteassets/styleassets/images/misc/mobile_yellow_16.png');
}
footer .contactsLine li.fax {
     background-image: url('/en/media/siteassets/styleassets/images/misc/fax_blue_16.png');
}
footer .contactsLine li.email {
     background-image: url('/en/media/siteassets/styleassets/images/misc/email_green_16.png');
}
/*/////// end ///////*/

.pageTitle,
#subNav,
#content,
#aside{
	text-align:left;
}
#subNav{
	width:14%;
}
#content{
	/*width:70%;*/
}
#aside{
	/*width:14%;*/
	float:right;
}
.main1 .courseInfo,
.main1 img{
	width:100%;
	margin:0 0 1em 0;
	display:block;
}
.headerImage h2{
	line-height:30px;
	padding:5px 10px;
	margin-bottom:-40px;
	background:url('/en/media/siteassets/styleassets/images/white/white60.png') 0 0 repeat;
	position:relative;
	display:block;
	z-index:1;
}
#subNav a.showSubNav{
	display:none;
}
#subNav ul{
	list-style-type:none;
	padding-left:0;
	margin:0;
}
#subNav ul li{
}
#subNav ul li a{
	display:block;
	line-height:1.6em;
}
#subNav ul li a:link,
#subNav ul li a:visited{
	text-decoration:none;
}
#subNav ul li a.current{
	padding:2px 6px;
	font-weight:bold;
}
#subNav ul li a.currentTop{
	font-weight:bold;
}
#subNav ul li ul li a{
/*	color:#8f8f8f;*/
	color:#6f6f6f;
	padding-left:1em;
}
h1{
	font-size:2em;
	line-height:1.2em;
	margin:10px 0 20px 0;
}
.breadcrumb{
	list-style-type:none;
	padding-left:0;
	margin:0 0 20px 0;
	width:auto;
	float:left;
}
.breadcrumb li{
	display:inline;
	font-weight:bold;
	font-size:0.9em;
}
.breadcrumb li a{
	font-weight:normal;
}
.breadcrumb li a:after,
a.chevron:after{
	content: " >";
}
.printButton{
	display:none;
}
html.js .printButton{
	display:block;
	float:right;
	padding:25px 0 0 40px;
	background:url('/en/media/siteassets/styleassets/images/misc/print.gif') 0 0  no-repeat;
	height:11px;
}
.printButton:link,
.printButton:visited,
.printButton:hover{
	font-size:0.9em;
}
label.azSearch{
	width:0px;
	height:0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}
input.azSearch{
	float:right;
	background:url('/en/media/siteassets/styleassets/images/misc/az_search.gif') right 0px no-repeat;
	border:1px solid #000;
	padding:3px 0 3px 6px;
	height:24px;
	font-size:1.2em;
	color:#8c8e91;
	position:relative;
	top:-10px;
	clear:right;
}

.asideModule,
.asideTextModule,
.asideLinkModule{
	width:100%;
	margin:0 0 12px 0;
	position:relative;
}
.asideModule a.text{
	background:url('/en/media/siteassets/styleassets/images/white/white80.png') 0 0 repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	min-height:17px;
	padding:4px;
	font-weight:bold;
}
.asideModule a.text:link,
.asideModule a.text:visited{
	text-decoration:none;
}
.asideModule a.img{
	width:100%;
	margin:0;
	padding:0;
	display:block;
}
.asideTextModule h2{
	width:100%;
	min-height:17px;
	padding:4px;
	font-weight:bold;
	font-size:1em;
}
.asideLinkModule a{
	width:100%;
	min-height:17px;
	padding:4px;
	font-weight:bold;
	font-size:1em;
	display:block;
}
.relatedCourses ul{
	list-style-type:none;
	padding-left:0px;
}
.videoBox{
}
.videoBox a.videoLink{
	position:absolute;
	left:0px;
	bottom:0px;
	background:url('/en/media/siteassets/styleassets/images/black/black40.png') 0 0 repeat;
	min-height:17px;
	padding:4px;
	width:95%;
	font-weight:bold;
	text-align:right;
}
.videoBox a.videoLink:link,
.videoBox a.videoLink:visited,
.videoBox a.videoLink:hover{
	color:#fff;
	text-decoration:none;
}
.imageModule{
	position:relative;
	margin-bottom:10px;
}
.imageModule .modHeader{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	background:url('/en/media/siteassets/styleassets/images/white/white60.png') 0 0 repeat;
}
 .fourcol.imageModule .modHeader a,
.twocol.imageModule .modHeader a{
	display:block;
	background-color:#CCCCCC;
	font-weight:bold;
}
 .fourcol.imageModule .modHeader a{
	width:96%;
	padding:2%;
}
.twocol.imageModule .modHeader a{
	width:94%;
	padding:7px 3%;
}
.imageModule:hover .modHeader a{
	background-color:#ffb500;
}
.imageModule .modHeader p{
	display:none;
}
.imageModule:hover .modHeader p{
	width:96%;
	padding:2%;
	display:block;
	margin:0;
}
.container .row .fourcol.imageModule{
	margin:0 0 10px 0.97%;
	width:32.5%;
}
.container .row .twocol.imageModule{
	margin:0 0 10px 0.97%;
	width:15.7%;
}
.container .row .fourcol.imageModule.first{
	margin-left:0px;
}
.socialFeeds h2{
	width:100%;
	border-width:1px 0;
	border-style:solid;
	border-color:#000;
	padding:4px 0;
	margin-bottom:10px;
	text-align:center;
}
.socialFeeds .items{
	background-color:#c0c0c0;
}
.socialFeeds .items .item{
	float:left;
	width:40%;
	padding:10px 1% 5px 9%;
}
.socialFeeds .items .item h3{
	margin-bottom:0;
}

.module{
	padding-top:10px;
	float:left;
	width:25%;
	background-color:#EFF0F0;
	text-align:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.module h2{
	margin:0px 15px 10px 15px;
	padding:10px 10px;
	text-align:center;
	border-width:1px 0;
	border-style:solid;
	border-color:#000;
	font-size:1.2em;
}
.module ul.links{
	list-style-type:none;
	padding-left:0px;
	margin-left:15px;
}
.module ul.links li{
	border-top:1px solid #000;
	float:none;
	display:block;
	padding:4px 0;
}
.module ul.links li:first-child{
	border-top:0;
}
.module ul.links li a{
	text-transform:uppercase;
	font-size:0.8em;
}

/* accordion boxes */
.expander { 	
	margin:0 0 10px 0;
	width:100%; 
	position:relative;
}

.expander h2.expandhead {
	padding:4px 36px 8px 10px;
	font-size:1.6em;
	margin:0;
	cursor:pointer;
	min-height:24px;
}

.expander h2.expandhead a { 
	display:block; 
	margin:0; 
	padding:8px 10px 0; 
	width:100%; 
	height:24px; 
	color:#000; 
	background: url('/en/media/siteassets/styleassets/images/misc/expander.png') right -3px no-repeat; 
	transition: background .25s ease-in-out; 
	-moz-transition: background .25s ease-in-out; 
	-webkit-transition: background .25s ease-in-out;
}
	
.expander h2.expandhead a:hover { 
	background:url('/en/media/siteassets/styleassets/images/misc/expander.png') right -3px no-repeat; 
	cursor:pointer; 
	text-decoration:none;  
}
	
.expander h2.expandhead a.menuSelected,
.expander.open h2.expandhead a { 
	background: url('/en/media/siteassets/styleassets/images/misc/expander.png') right -44px no-repeat; 
}
            

.expander img.content{
	width:auto;
}

.expander img.rimg{
	float:right;
	width:auto;
}

.expander #s1, .expander #s2, #expander #s3, .expander #s4, .expander #s5, .expander #s6, .expander #s7, .expander #s8, .expander #s9{
	padding:0.7em 0;
	margin:0 !important;
	overflow:hidden;
	clear:both;
}
.expander .expandedText,
#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9 {
	padding:1em 0;
	overflow:hidden;
}

.expandedText p, .expandedText ul li
{
line-height: 175%;
}

.courseInfo h3,
.courseInfo p{
	color:494949;
}
.dividedList{
	list-style-type:none;
	padding:0 0 10px 0;
}
.dividedList li{
	border-bottom:1px solid #d0d0d0;
	padding:8px 0;
	margin:0;
}
.largeLinks a{
	font-size:1.4em;
	line-height:1.2em;
	font-weight:normal;
	color:#777;
}
.largeLinks a:link,
.largeLinks a:visited{
	text-decoration:none;
}
.largeLinks a:hover{
	text-decoration:underline;
}
.linkModules{
	list-style-type:none;
	padding-left:0px;
	width:100%;
	margin:0;
	float:left;
}
.linkModules li{
	width:32.3%;
	margin:0 1.33% 0 0;
	float:left;
}
.linkModules li:nth-child(3n){
	margin-right:0;
}
.linkModules li a.text{
	padding:4px 2%;
	width:96%;
	background-color:#ffb500;
	display:block;
	margin:0 0 4px 0;
	font-weight:bold;
}

.alphabetList{
	list-style-type:none;
	padding-left:0px;
	margin:0 0 10px 0;
	width:100%;
	float:left;
}
.alphabetList li{
	float:left;
	margin:0 5px 5px 0;
	width:30px;
}
.alphabetList li:nth-child(13n +1){
	/* clear:left; */
}
.alphabetList li a{
	font-size:1.8em;
	color: #000;
}
.alphabetList li a:link,
.alphabetList li a:visited{
	text-decoration:none;
}
.alphabetList li a:hover{
	text-decoration:underline;
}

.alphabetMatches{
}
.alphabetMatches h3{
	font-size:1.8em;
	font-weight:bold;
}
.alphabetMatches ul{
	list-style-type:none;
	padding-left:0px;
	margin:0 0 10px 0;
	width:100%;
}
.alphabetMatches ul li{
	margin:0 0 5px 0;
}
.alphabetMatches ul li a{
	font-size:1.2em;
}

h2.colourBox{
	padding:10px;
}

.panelSelect{
	width:100%;
	margin:0 0 27px 0;
}
.panelSelect .first{
	margin:0;
	float:left;
	width:49.5%;
	background-color:#d1d3d4;
}

.panelSelect .second {
	margin:0;
	float:left;
	width:49.5%;
	background-color:#FDB813;
}

.panelSelect .first .inner{
	margin-right:0px;
	background-color:#f00;
}
.panelSelect .second{
	float:right;
}
.panelSelect a{
	font-weight:bold;
	font-size:1.6em;
	text-decoration:none;
	width:100%;
	min-height:42px;
	line-height:42px;
	display:block;
	text-indent:10px;
}
.panelSelect a:hover,
.panelSelect a.selected{
	background-color:#FDB813;
}

blockquote{
	font-size:1.4em;
	margin-bottom:12px;
	line-height:1.2em;
	color:#565759;
	font-weight:lighter;
	quotes: "\201C" "\201D";
}
/* NH edit blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }*/
p.quoteSource{
	font-size:1.2em;
	color:#000;
	margin-bottom:12px;
	font-weight:bold;
}

table tr td, table tr th
{
line-height: 175%;
}

/* colur schemes */
/* blue */
.blueTheme #subNav ul li a.current,
.blueTheme .expander h2,
/*.blueTheme table tr:nth-child(2n+1) td,*/
.blueTheme h2.colourBox,
.blueTheme .asideTextModule h2,
.blueTheme .asideLinkModule a{
	background-color:#53b7e8;
}



.blueTheme #subNav ul li span.currentsection {
background-color:#53b7e8 !important;
padding-top: 4px;

padding-right: 30px;

padding-bottom: 4px;

padding-left: 6px;
font-weight: bold;
  display: block;
}


/*added MR 2013-02-26 5.21pm - indent for level 3 sub menu*/

.blueTheme #subNav ul li ul.multilevel-linkul-0 li ul.multilevel-linkul-1 a
{
background-color:#53b7e8;
color: #1e1e1e;
}
/*added NH*/
.blueTheme table tr:nth-child(2n+1) td{
	background-color:#efeff0;
}
/* yellow */
.yellowTheme #subNav ul li a.current{
	background-color:#ffb500;
}
.yellowTheme .expander h2, h2.expandhead{
	background-color:#ffb500;
}
.yellowTheme table tr:nth-child(2n+1) td{
	background-color:#efeff0;
}
.yellowTheme h2.colourBox, h2.expandhead{
	background-color:#ffb500;
}


.yellowTheme #subNav ul li span.currentsection {
background-color:#ffb500 !important;
padding-top: 4px;

padding-right: 30px;

padding-bottom: 4px;

padding-left: 6px;
font-weight: bold;
  display: block;
}

/*added MR 2013-02-26 5.21pm - indent for level 3 sub menu*/

.yellowTheme #subNav ul li ul.multilevel-linkul-0 li ul.multilevel-linkul-1 a
{
background-color:#ffb500;
color: #1e1e1e;
}


/* green */
.greenTheme #subNav ul li a.current{
	background-color:#6dc067;
}
.greenTheme .expander h2{
	background-color:#6dc067;
}
.greenTheme table tr:nth-child(2n+1) td{
	background-color:#efeff0;
}
.greenTheme h2.colourBox{
	background-color:#6dc067;
}


.greenTheme #subNav ul li span.currentsection {
background-color:#6dc067 !important;
padding-top: 4px;
padding-right: 30px;
padding-bottom: 4px;
padding-left: 6px;
font-weight: bold;
  display: block;
}
/*added MR 2013-02-26 5.21pm - indent for level 3 sub menu*/

.greenTheme #subNav ul li ul.multilevel-linkul-0 li ul.multilevel-linkul-1 a
{
background-color:#6dc067;
color: #1e1e1e;
}

.red, .cred { background:#ee3424; }
/*added 05/11/2013 MR from Granite*/
.blue a, .yellow a, .cred a { color:#fff; word-wrap:break-word; text-decoration:none; }
.red a, .yellow a {color: #000; text-decoration:none;}
/*end nov addition*/

.smred { background:#ee3424; }
.smred a { color:#fff; word-wrap:break-word; text-decoration:none; }

.greytop { background:#e6e5e5; }
.greytop a { color:#000; text-decoration:none; }

.yellow { background-color: #ffb500; }
.blue { background-color: #005288; }
.greyhead { background-color: #4e4d4b; height:3em;}
.greyback { background-color: #e6e5e5;}
.greyback p { margin:10px; }
.spacer { padding-bottom:0.8em; }
.spgrid { padding-bottom:0.8em; }
.spc { margin-top:0.8em; }

h2.red, h2.grey, h2.yellow, h2.blue, h2.cred { margin:0; padding:0.25em 1.5em 0.25em 0.6em; font-size:1.3em; }
.red a, .greytop a { margin:0; padding:0.25em 0.6em 0.25em 0.6em; font-size:1.3em; }
h2.red, h2.blue, h2.cred { color:#fff; }
h3.red  { margin:0; padding:0.35em 1.5em 0.35em 0.6em; color:#fff; font-size:0.6em !important; }
h3.foot { margin:12px 10px; padding:0; text-align:center; font-size:1.2em; font-weight:bold; line-height:2em; border-top:1px solid #000; border-bottom:1px solid #000;}
/*added 05 Nov 2013 MR from Granite*/
.spgrid .red a, .spgrid .blue a, .spgrid .yellow a {display:block;}
.blue a, .yellow a { margin:0; padding:0.25em 0.6em 0.25em 0.6em; }
/**/
ul.rlnone { list-style: none; padding: 2%; }
ul.rgrey { background-color:#4e4d4b; list-style:none; text-align:center; padding:0.425em; display:block; }
ul.rgrey li { display:inline; font-size:0.9em; padding:0 30px; color:#fff; }
li.rlast { border-left:background:url('') 0 0 no-repeat;  }
li.rlnone { position: relative; padding-left: 0em; line-height: 2em; }

ul.rl{ list-style: none; float: left; padding: 3.5%; }
li.rl { position: relative; padding-left: 2em; line-height: 2em; }
li.rl::before { content: ""; position: absolute; left: 0; top: 0.7em; background: #231f20; }
.square li.rl::before { width: 0.6em; height: 0.6em; }

ul.ft{ list-style: none; float:left; padding:0.425em 0 0 5.2em; display:block; }
li.ft { position: relative; padding-left: 1em; line-height: 1em; }
li.ft::before { content: ""; position: absolute; left: 0; top:0.2em; background: #231f20; }
.squareft li.ft::before { width: 0.4em; height: 0.4em; }

ul.pdf { list-style: none; text-align:center; padding: 3.5%; display:block; }
ul.pdf li { display:inline; padding:4em;  background:url(../img/icons/pdf.jpg) top center no-repeat; }

p.centered { padding:2.5em; text-align:left; font-size:1.2em; line-height:1.3em; } 
p.centeredsml { padding:1.5em; text-align:left; font-size:0.8em; line-height:1.2em; } 

/**********************TABS********************************/
 
div.row div.tabs {
	border-bottom: 6px solid #ffb500;
	width: 95%;
	padding: 0.5% 2.5% 0 2.5%;
}
div.tabs h2 {
	margin:0; padding: 0;
}
div.tabs h2 a {
	display: block;
	padding:0.35em 1.5em 0.25em 0.6em;
	background-image: url('/en/media/siteassets/styleassets/images/misc/arrowRight_white_16.png');
	background-position: 98% center;
	background-repeat: no-repeat;
}
div.tabs h2.yellow a {
	background-image: url('/en/media/siteassets/styleassets/images/misc/arrowDown_black_16.png');
	background-color: #ffb500;
}
div.tabs h2 a:hover {
	text-decoration: underline;
}
 
/*////////////////end tabs///////////////*/

.resoverlay { 	
	width:100%;
	margin:0;
	position:relative;
}

.resoverlay p { 
	background:url('../img/grey/grey83.png') 0 0 repeat;
	position:absolute;
	left:0;
	bottom:-10px;
	max-height:83px;
	min-height:17px;
	padding:1em 2em;
	font-weight:bold;
	color:#fff;
	font-size:1.3em;
	text-wrap:normal;
}

  .ui-accordion .ui-state-focus, .ui-accordion .ui-state-active {
  	background: url('/en/media/siteassets/styleassets/images/misc/expander.png') right -44px no-repeat; 
    }
    
  .ui-accordion  { 
  	background: url('/en/media/siteassets/styleassets/images/misc/expander.png') right -3px no-repeat; 
	transition: background .25s ease-in-out; 
	-moz-transition: background .25s ease-in-out; 
	-webkit-transition: background .25s ease-in-out;
	}

/*
.xTheme #subNav ul li a.current{
	background-color:#6dc067;
}
.xTheme .expander h2{
	background-color:#6dc067;
}
.xTheme table tr:nth-child(2n+1) td{
	background-color:#6dc067;
}
.xTheme h2.colourBox{
	background-color:#6dc067;
}
*/

/* home page carousel */
.homePageContent{
	/*overflow:hidden;*/
	width:100%;
	clear:both;
}
.panelWrapper{
	width:100%;
/*	height:500px;*/
	height: 100%;
	position:absolute;
	top:0px;
	z-index:5;
	overflow:hidden;
}
.panelScroller{
	width:100%;
/*	height:500px;*/
	height: 100%;
	position:absolute;
	top:0px;

	/*
	-webkit-transition: left 0.5s ease-in;
	-moz-transition: left 0.5s ease-in;
	-o-transition: left 0.5s ease-in;
	-ms-transition: left 0.5s ease-in;
	transition: left 0.5s ease-in;
	*/
}
.transitionHalt{
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-o-transition-duration:0s;
	-ms-transition-duration:0s;
	transition-duration:0s;
}
.panelScroller .panel{
	width:100%;
	float:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.panelInner{
	margin:10px;
	position:relative;
}
.leftFlyOutCover,
.rightFlyOutCover{
	width:60px;
	height:500px;
	background:url('/en/media/siteassets/styleassets/images/white/white60.png') 0 0 repeat;
	position:absolute;
	top:0px;
	z-index:8;
}
.leftFlyOutCover{
	left:-60px;
}
.rightFlyOutCover{
	right:-60px;
}
.homeScrollerOuter{
	/*	margin:24px 60px 67px 60px;*/
	margin:24px 60px 10px 60px;
}
.homeScrollerInner{
	width:100%;
	max-width:1140px;
	position:relative;
	height:500px;
	margin:0 auto;
}
.ie7 .homeScrollerInner{
	z-index:1001;
}
.controls{
}
.homeArrow{
	display:block;
	height:60px;
	width:60px;
	zoom:1;
	background-color:#8a8c8e;
	outline:none;

	position:absolute;
	top:50%;
	margin-top:-30px;
	z-index:10;
	/*
	*/
}
.homeArrow.left{
	left:-60px;
}
.homeArrow.right{
	right:-60px;
}
.homeArrow img{
	width:60px;
	height:60px;
}
.homeArrow:hover{
	background-color:#ee3424;
	background-repeat:no-repeat;
}
.homeArrow.left:hover{
	padding-right:60px;
	background-position:right 0;
}
.homeArrow.right:hover{
	padding-left:60px;
	background-position:left 0;
}

.step1 .homeArrow:hover{
	background-image:url('/en/media/siteassets/styleassets/images/misc/step1.gif');
}
.step2 .homeArrow:hover{
	background-image:url('/en/media/siteassets/styleassets/images/misc/step2.gif');
}
.step3 .homeArrow:hover{
	background-image:url('/en/media/siteassets/styleassets/images/misc/step3.gif');
}

.infoShroud,
.emergencyShroud{
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:100;
	background-color:#fff;
	opacity:0;
}
.ie7 .infoShroud, .ie7 .emergencyShroud{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.ie8 .infoShroud, .ie8 .emergencyShroud{filter:alpha(opacity=0);}
.emergency{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:565px;
	/*background:url('/en/media/siteassets/styleassets/images/white/white90.png') 0 0 repeat;*/
	z-index:110;
}
.emergency{
	height:auto;
	background:url('/en/media/siteassets/styleassets/images/misc/emergency.png') 0 0 repeat;
}
.emergencyContent{
	margin:10px;
}
.infoOverlay{
	position:absolute;
	left:0px;
	top:10px;
	z-index:110;
	width:100%;
	/* background:url('/en/media/siteassets/styleassets/images/white/white90.png') 0 0 repeat; */
	background-color:#fff;
	min-height:565px;
}
.infoOverlay .infoGutter{
}
.infoOverlay .infoOverlayContent{
}
.infoOverlay .sideMargins{
	margin:0 10px;
}
.infoShroud,
.infoOverlay,
.emergencyShroud,
.emergency{
	display:none;
}
.emergencyOpen .emergencyShroud,
.emergencyOpen .emergency{
	display:block;
}
.infoOverlay a.closer{
	position:absolute;
	z-index:1;
	top:-24px;
	right:-14px;
	width:24px;
	height:24px;
	background:url('/en/media/siteassets/styleassets/images/buttons/close24.png') 0 0 no-repeat;
	display:block;
	cursor:pointer;
}

.emergency h2{
	color:#fff;
	float:left;
	margin:0 0 10px 0;
	font-size:2em;
}
.emergency p{
	color:#fff;
	font-size:1.25em;
	width:100%;
	clear:left;
}
.emergency  a.closer{
	float:right;
	font-size:1.6em;
	/*
	display:block;
	min-height:34px;
	padding-right:38px;
	background:url('/en/media/siteassets/styleassets/images/buttons/emergency_close.gif') right 0 no-repeat;
	*/
}
.emergency  a.closer img{
	display:inline;
	vertical-align:middle;
}
.emergency  a.closer:link,
.emergency  a.closer:visited{
	text-decoration:none;
}

/* info overlay elements */
.segment{
	float:left;
}
.segment .inner{
	margin-right:10px;
}
.segment1{
	width:33%;
	margin-top:0px;
}
.segment1 .inner{
	margin-right:10px;
	padding-top:30px;
	padding-bottom:10px;
	min-height:226px;
	clear:both;
}
.segment1 h2{
	margin:0px auto 20px auto;
	padding:10px 0;
	color:#fff;
	font-size:2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:64%;
	border-width:1px 0;
	border-style:solid;
	border-color:#fff;
	text-align:center;
}
.segment1 p{
	font-size:1.1em;
	line-height:1.3em;
	width:64%;
	margin:0px auto 0 auto;
	color:#fff;
}
.segment1 .inner.yellow h2,
.segment1 .inner.yellow p{
	color:#000;
}
.segment1 .inner.yellow h2{
	border-color:#000;
}
.segment2{
	float:right;
	width:47.7%;
}
.segment2.fl{
	float:left;
}
.segment3{
	float:right;
	width:19.2%;
}
.segment4{
	clear:left;
	width:32%;
	margin-top:10px;
}
.segment5{
	float:right;
	margin-top:10px;
	width:67%;
}
.segment3 .inner,
.segment5 .inner{
	margin-right:0px;
}

.multiColumn{
	column-count:3;
	-o-column-count:3;
	-moz-column-count:3;
	-webkit-column-count:3;
	padding-bottom:10px;
}
.scrollWrapper{
	/*
	overflow:auto;
	height:266px;
	padding-right:10px;
	*/
}
.multiColumn p{
	margin:0 0px 10px 10px;
	line-height:1.3em;
}
.multiColumn .columnHeader{
	background-color:#f1f1f2;
	padding:10px 0;
	margin:0 0 10px 0;
}
.multiColumn .columnHeader h3{
	margin:0px 10px 0 10px;
}
.multiColumn h4,
.multiColumn h5{
	margin:0px 10px 10px 10px;
}
.multiColumn .columnHeader h4{
	margin-bottom:0;
}
.multiColumn .columnHeader p{
	margin:0px 10px 0px 10px;
	font-size:0.9em;
}

.segment4{
	position:relative;
}
.segment4 a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:3;
	background-color:#f00;
	opacity:0;
}
.ie7 .segment4 a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.ie8 .segment4 a{filter:alpha(opacity=0);}
.segment4 .videoPlayer{
	position:absolute;
	bottom:0px;
	left:0px;
	background:url('/en/media/siteassets/styleassets/images/black/black60.png') 0 0 repeat;
	color:#fff;
	z-index:2;
	text-align:right;
	margin:0;
	padding:10px;
}
.segment4 .videoPlayer img{
	display:inline;
}


/* home page news and awards panels */
.events{
}
.leftHalf,
.rightHalf{
	width:50%;
	float:left;
}
.leftHalfInner,
.rightHalfInner{
	margin:10px;
}
.rightHalfInner{
	position:relative;
	min-height:220px;
}
.rightHalfInner .allNews{
	position:absolute;
	left:0px;
	bottom:0px;
	margin:0;
}
.events h2{
	margin:0px 0px 10px 0px;
}
.module.events{
	width:50%;
	background:none;
}
.module.news,
.module.awards{
	width:25%;
	background:none;
}

.moduleInner{
	margin:0 10px 0 0;
	background-color:#e0e0e0;
	padding:10px 0;
	min-height:240px !important;
}
.module.events .moduleInner{
	padding-top:0;
	height:250px !important;
}

.module.news h2,
.module.awards h2{
	margin:0 10px 10px 10px;
}
.moduleWrapperOuter{
	position:relative;
	margin:0 10px;
	min-height:154px;
}
.moduleWrapperInner{
	margin:0 20px;
}
.moduleWrapperOuter a.previous,
.moduleWrapperOuter a.next{
	position:absolute;
	top:50px;
	width:13px;
	height:24px;
}
.moduleWrapperOuter a.previous{
	left:0px;
}
.moduleWrapperOuter a.next{
	right:0px;
}
.currentEvents{
	list-style-type:none;
	padding-left:0;
	margin:0 0 10px 0;
}
.currentEvents li{
	border-top:1px solid #000;
	padding:10px 0;
}
.currentEvents li:first-child{
	border-top:0;
}
.currentEvents li h3{
	font-size:1.2em;
	margin:0 0 0px 0;

}
.currentEvents li p{
	margin:0;
}

#newsCarousel,
#awardsCarousel{
	width:100%;
	list-style-type:none;
	padding:0;
	margin:0;
}
#newsCarousel li,
#awardsCarousel li{
	width:100%;
	min-height:120px;
}
#newsCarousel li h3,
#awardsCarousel li h3{
	font-size:1.1em;
}
#awardsCarousel li .imgWrapper img{
	margin:10px auto;
}
a.allNews{
	background-color:#c7c7c7;
	padding:2px 3px;
	font-weight:bold;
	margin-left:10px;
}
a.allNews:link,
a.allNews:visited{
	text-decoration:none;
}

/*************************************************
* T4 Calendar
*/
#t4_calendar {padding-top: 20px;}
#calendar .links {
	padding-left: 2px;
	padding-top: 5px;
	font-weight: bold;
}
#calendar .links a {
	font-weight: normal;
}
#calendar caption {
	display:none;
}
#calendarFilter {padding-top: 8px; padding-left: 25px;}

#calendar a {
	text-decoration:none;
	display:block;
	color: #000;
	padding-right: 0.3em;
	padding-left: 0.3em;
padding-top: 0.3em;
padding-bottom: 0.3em;
	background: none;
}
#calendar a:hover, #calendar a:active{
	color:#000;
}
#calendar th {
	font-weight: bold;
	color: #000;
	padding:0.3em;
}
#calendar th a {
	color:#000;
}
#calendar th a:hover, #calendar a:active {
}
#calendar td {
	border:0;
	padding:0;
}
#calendar td.filterMainMonth {
}
#calendar table tbody tr td.filterMainMonth a.hasEvents {
}
#calendar td.filterPreMonth {
}

#calendar td.filterPostMonth {
}

#calendar td.mainMonth a {
}

#calendar td.postMonth a {
	color: silver;
}

#calendar td.preMonth a {
	color: silver;
}
#calendar td a:hover {
	color: white;
}
#calendarCategories {padding-top: 0px; padding-left: 3px; padding-bottom: 15px; padding-right: 5px;}
/*************************************************
 * calendarFilter
 */
 #calendarFilter {
	font-size: 1em;
}
/*************************************************
 * search
 */
#search {
}
#calendarSearch {
padding-top:20px;
padding-bottom:20px;
}
/*************************************************
 * categories
 */
#categories fieldset{
padding-bottom:8px;
border: none;
	
}
#categories fieldset legend {
color: #006699;
font-weight: bold;
padding-top:20x;
padding-bottom:5px;
}
#categories div .mainCategory {
padding-top:12px;
padding-bottom:10px;
}
#categories div.subCategory {
margin-left: 2em;
padding-top:5px;
padding-bottom:5px;
}
#categories div.mainCategory .calendarCheckbox{
}
#categories .input #EventsSearch{
padding-top:5px;
padding-bottom:5px;
}
/*************************************************
 * calendarResults
 */

#calendarResults span.left {
	float: left;
}
#results span.right {
	float: right;
}
#calendarResults td.even {
background-color: #F7F7F7;
padding: 5px;
text-align: left;
vertical-align: top;
}
#calendarResults td.odd {
background-color: #E3E3E3;
padding: 5px;
text-align: left;
vertical-align: top;
}
#results p.result {
 	font-size: medium;
 	font-weight: bold;
text-align: left;
vertical-align: top;
	
}
#calendarResults td.even {
background-color: #ffffff;
padding: 5px;
text-align: left;
vertical-align: top;
}
#calendarResults td.odd {
background-color: #eeeeee;
padding: 5px;
text-align: left;
vertical-align: top;
}
#calendarResults table td {
background-color: #eeeeee;
padding: 3px;
}
#calendarResults table tr.even td {
background-color: #ffffff;
padding: 3px;
}
#calendarResults p.right {
text-align: right;
}
#calendarResults p.left {
text-align: left;
}

#calendarFilter{
	padding:0 0 8px 0;
	float:left;
	display:none;
}
#categories{
	clear:left;
	display:none;
}
#categories div .mainCategory{
	margin:0px;
	padding:0;
}

/* social network page */
.wideBox{
	width:59.4%;
}
.narrowBox{
	width:39.2%;
}
.singleBox{
	width:20.0%;
	float:left;
}
.singleBox .innerBox{
	margin-right:0.8em;
}
.newsBox{
	width:39.2%;
	float:left;
	margin-left:0.5em;
}
.rssBox{
	width:19%;
	float:right;
	position:relative;
	left:0px;
	top:0px;
	zoom:1;
}
.greySpacer{
	background-color:#eff0f0;
	height:0.8em;
}
.youtubeBox{
	float:left;
}
.flickrBox{
	float:right;
}
.wideBox .innerBox,
.narrowBox .innerBox{
	position:relative;
	left:0px;
	top:0px;
	zoom:1;
}
.youtubeBox img,
.flickrBox img{
	position:static;
	z-index:0;
}
.youtubeBox h2,
.flickrBox h2,
.facebookBox h2,
.newsBox h2{
	position:absolute;
	top:13px;
	left:13px;
	z-index:1;
	color:#fff;
	font-size:1.8em;
	margin:0;
}
.caption{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:1;
	margin:0;
	background:url('/en/media/siteassets/styleassets/images/black/black60.png') 0 0 repeat;
	display:block;
	width:100%;
}
.caption p{
	margin:5px;
	color:#fff;
}
.wideBox .controls,
.narrowBox .controls,
.rssBox .controls{
	list-style-type:none;
	padding:0px;
	width:auto;
	background:url('/en/media/siteassets/styleassets/images/black/black60.png') 0 0 repeat;
	/*
	*/
	position:absolute;
	top:0px;
	right:0px;
}
.ie8 .wideBox .controls,
.ie8 .narrowBox .controls,
.ie8 .rssBox .controls{
	filter:alpha(opacity=100);
}

.wideBox .controls li,
.narrowBox .controls li,
.rssBox .controls li{
	width:52px;
	height:52px;
	float:left;
	margin:0;
}
.wideBox .controls li a img,
.narrowBox .controls li a img,
.rssBox .controls li a img{
	width:52px;
	height:52px;
	display:block;
}
.rssBox .controls li,
.rssBox .controls li a img{
	width:30px;
	height:30px;
}
.rssBox img.mobile{
	display:none;
}
.youtubeBox .playButton{
	position:absolute;
	top:50%;
	right:0px;
	margin-top:-16px;
	background:url('/en/media/siteassets/styleassets/images/black/black60.png') 0 0 repeat;
}
.youtubeBox .playButton a{
	font-size:1.8em;
	color:#fff;
	margin:8px;
	display:block;
	padding-right:20px;
	background:url('/en/media/siteassets/styleassets/images/buttons/play2.png') right center no-repeat;;
}

.facebookBox{
	float:left;
	min-height:447px;
	background-color:#eff0f0;
}
.twitterBox{
	float:right;
	background-color:#eff0f0;
	min-height:447px;
	position:relative;
}
.twitterBox .innerBox{
	margin:16px 20px 16px 20px;
}
.twitterBox .innerBox h2{
	margin-top:0px;
	margin-bottom:20px;
}
.ie7 .twitterBox .innerBox h2{
	margin-top:13px;
}
.facebookBox .lastPost{
	margin:5px 17px 7px -6px;
	padding-bottom:0px;
}
.twitterBox .twItem{
	margin:19px 15px 0 15px;
}
.ie7 .twitterBox .twItem{
	zoom:1;
}
.facebookBox .lastPost img,
.twitterBox .twItem img{
	float:left;
	margin:0 1em 0.75em 0;
}
.twitterBox .twItem img{
	margin-right:2em;
	margin-bottom:19px;
}
.facebookBox .lastPost h3{
	font-size:1.1em;
}
.facebookBox .lastPost h3 span{
	font-weight:normal;
}
.facebookBox .lastPost p{
}
.facebookBox .lastPost .hr,
.twitterBox .hr{height:1px background-color:#828385;clear:both;display:block;padding:0;margin:0;}
.facebookBox .lastPost .hr hr,
.twitterBox .hr hr{display:none;}


/* video player overlay */
/*
1280 x 720 videos 1.7(recurring) aspect ratio
800 x 450 (+ 30 px for control bar)
800 x 480
*/
.overlay,
.flickrOverlay{
	background-color:#000;
	padding:0px 0px;
	text-align:left;
	position:fixed;
	z-index:3100;
	width:800px;
	height:480px;
	width:100px;
	height:100px;
	left:50%;
	top:50%;
	margin-left:-50px;
	margin-top:-50px;
	-moz-box-shadow: 0 0 15px #000;
	-webkit-box-shadow: 0 0 15px #000;
	box-shadow: 0 0 15px #000;
}
.overlay a.closer,
.flickrOverlay a.closer{
	position:absolute;
	z-index:1;
	top:-26px;
	right:-26px;
	width:24px;
	height:24px;
	background:url('/en/media/siteassets/styleassets/images/buttons/close24.png') 0 0 no-repeat;
	display:block;
	cursor:pointer;
}
.overlay a.closer span{
	display:none;
}
.shroud{
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:3000;
	background-color:#fff;
	opacity:0.5;
}
.overlay,
.shroud{
	display:none;
}
.ie7 .shroud,
.ie8 .shroud{
	left:0px;
	top:0px;
	width:100%;
	height:150%;
	height:150%;
}

.ie7 .shroud{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.ie8 .shroud{filter:alpha(opacity=50);}

.ie7 #TB_HideSelect{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);height:150%;}
.ie8 #TB_HideSelect{filter:alpha(opacity=50);height:150%;}

/*-------- thursday 8th October */
.row .fourcolex.stBoxLrg{
	width:31.0%;
}
.row .fourcolex.stBoxLrg.last{
}
.sHeader{
	margin-bottom:13px;
	min-height:50px;
}
.sHeader h2{
	padding:14px 0 0 20px;
}
.sixcolex .sHeader{
	margin-bottom:7px;
}
.sixcolex .sHeader h2{
	padding:14px 0 0 10px;
}

.sHeader.grey{
	background-color:#d5d7d8;
}
.sHeader.grey h2,
.sHeader.yellow h2{
	color:#000;
}
.sHeader.blue h2,
.sHeader.red h2{
	color:#fff;
}
.textBox{
	background-color:#eff0f0;
	min-height:126px;
	padding:0;
}
.textBox p{
	padding:10px;
	margin:0;
}
.vidbox{
	position:relative;
	min-height:121px;
}
.vidbox .playButton{
	position:absolute;
	top:50%;
	right:0px;
	margin-top:-16px;
	background:url('/en/media/siteassets/styleassets/images/black/black60.png') 0 0 repeat;
}
.vidbox .playButton a{
	font-size:1em;
	color:#fff;
	margin:8px;
	display:block;
	padding-right:20px;
	background:url('/en/media/siteassets/styleassets/images/buttons/play2.png') right center no-repeat;;
}

/* study page */
.thirdPage{
	width:32.3%;
	height:370px;
	float:left;
	margin-right:1.5%;
}
.imgCrop .imgWrapper{
	height:317px !important;
	position:relative;
	overflow:hidden;
}
.imgCrop .imgWrapper img{
	position:absolute;
	right:0;
	bottom:0px;
	z-index:0;
	max-width:369px !important;
	min-width:369px !important;
	height:318px !important;
	zoom:1;
}
.imgCrop .imgWrapper.pinLeft img{
	left:0;
}

.thirdPage .last{
	margin-right:0%
}

.quadBlock{
	width:48.9%;
	margin-right:2%;
	float:left;
	margin-bottom:10px;
}
.quadBlock.last{
	margin-right:0;
}
.blockHead{
	padding:0.9em 0 0.9em 0;
	margin-bottom:10px;
	min-height:20px;
}
.blockHead h3{
	font-size:1.3em;
	margin:0 0 0 0.4em;
	padding:0;
	display:block;
	color:#000;
}
.blockHead.red h3,
.blockHead.blue h3{
	color:#fff;
}

.quadBlock.imgCrop .imgWrapper{
	height:125px !important;
	position:relative;
	overflow:hidden;
}
.quadBlock.imgCrop .imgWrapper img{
	position:absolute;
	right:0;
	bottom:0px;
	z-index:0;
	max-width:234px !important;
	min-width:234px !important;
	height:168px !important;
}
.quadBlock.imgCrop .q4 img{
	left:-50px;
	max-width:232px !important;
	min-width:232px !important;
	height:125px !important;
}
.quadBlock.imgCrop .imgWrapper.pinLeft img{
	left:0;
}
.greyImgBG{
	background-color:#eff0f0;
}
.greyImgBG img{
	border-top:10px solid #fff;
	margin-top:-10px;
}

/* study panels */
.hoverpanel ul,
.hoverpanel li,
.hoverpanel span,
.hoverpanel a,
.hoverpanel h2{
  margin: 0;
  padding: 0;
  position: relative;
  width:100%;
  z-index:1;
}
.hoverpanel {
width:100%;
	margin-bottom:10px;
}
.hoverpanel:after,
.hoverpanel ul:after {
  content: '';
  display: block;
  clear: both;
}
.hoverpanel a,
.hoverpanel h2{
	color: #000;
	font-weight:bold;
	display: inline-block;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-decoration: none;
	padding:0.75em 0 0.75em 0;
	text-indent:0.6em;
	font-size:1.3em;
}
.hoverpanel h2{
	cursor:pointer;
}
.ie7 .hoverpanel a,
.ie7 .hoverpanel h2{
	display:block;
}

.hoverpanel ul {
  list-style: none;
}
.hoverpanel > ul {
  float: left;
}
.hoverpanel > ul > li {
  float: left;
}

/**/
.hoverpanel > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
}
/**/

.hoverpanel > ul > li:hover > a,
.hoverpanel > ul > li.isOpen > a,
.hoverpanel > ul > li:hover > h2,
.hoverpanel > ul > li.isOpen > h2{
	background: #ccc;
}
.hoverpanel .has-sub {
  z-index: 1;
}
.hoverpanel .has-sub:hover > ul,
.hoverpanel .has-sub.isOpen > ul{
  display: block;
}
.hoverpanel .has-sub ul {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
}
.hoverpanel .has-sub ul li {
  *margin-bottom: -1px;
}
.hoverpanel .has-sub ul li a {
	background:url('/en/media/siteassets/styleassets/images/white/white80.png') 0 0 repeat;
	border-bottom: 1px dotted #bbb;
	filter: none;
	font-weight:normal;
	font-size: 0.9em;
	display: block;
	line-height: 120%;
	padding:10px 2%;
	text-indent:0;
	width:96%;
}
.hoverpanel .has-sub ul li:hover a {
	background:#fff;
}
.hoverpanel.blue > ul > li.active > a,
.hoverpanel.blue > ul > li.active > h2 {
	color:#fff;
}
.hoverpanel.blue > ul > li:hover > a,
.hoverpanel.blue > ul > li.isOpen > a,
.hoverpanel.blue > ul > li:hover > h2,
.hoverpanel.blue > ul > li.isOpen > h2{
	color:#000;
}

.resWide,
.resNarrow,
.resHalf{
	float:left;
}
.resWide{
	width:59.4%;
}
.resNarrow{
	width:39.2%;
}
.resHalf{
	width:49.3%;
}
.res1.imgCrop .imgWrapper{
	height:365px !important;
}
.res1.imgCrop .imgWrapper img{
	max-width:678px !important;
	min-width:678px !important;
	height:365px !important;
	right:0;
}
.res1,
.res3,
.res5,
.res7{
	margin-right:1.3%;
}
.res2 .resText{
	min-height:365px;
}
.res2 p{
	margin-bottom:30px;
	
}
.res2 .items{
	width:98%;
	margin-left:1%;
}
.res2 .twoColumn li{
	width:50%;
	margin-bottom:15px;
	float:left;
}
.ie7 .res2 .twoColumn li{
	background:url('4 type="media" id="176033" formatter="path/*"/>') left 6px no-repeat;
	padding-left:4%;
	width:46%;
}
.resText{
	background-color:#eff0f0;
}
.resText .padding{
	padding:10px;
}
.res2 .resText{
	min-height:365px;
}
.res2 .resText .padding{
}
.greyBGSpan{
	background-color:#eff0f0;
	float:left;
	width:100%;
}
.res3{
	width:40.4%;
	margin-right:0;
}
.res3 .innerBox{
	border-right:12px solid #fff;
}
.ie7 .res3{
	margin-bottom:20px;
}
.res3 .resText{
	min-height:279px;
	background-color:transparent;
}
.res3 .items{
	margin-top:24px;
}
.res3 .items li{
	margin-bottom:24px;
}
.resHeader{
	margin-bottom:10px;
}
.resHeader h2{
	color: #000;
	font-weight:bold;
	display: inline-block;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-decoration: none;
	padding:0.75em 0 0 0;
	text-indent:0.6em;
	font-size:1.3em;
	margin:0;
	min-height:30px;
}
.resHeader.blue h2,
.resHeader.red h2{
	color:#fff;
}
.res5.imgCrop .imgWrapper{
	height:272px !important;
}
.res5.imgCrop .imgWrapper img{
	max-width:563px !important;
	min-width:563px !important;
	height:272px !important;
	right:0;
}
.res5.imgCrop .imgWrapper .txt{
	position:absolute;
	left:0px;
	bottom:0px;
	background:url('/en/media/siteassets/styleassets/images/black/black80.png') 0 0 repeat;
}
.res5.imgCrop .imgWrapper .txt p{
	padding:8px 15px;
	margin:0;
	color:#fff;
}
.greyBar{
	background-color:#7c7e80;
	float:left;
	width:100%;
}
.greyBar a{
	float:left;
	width:49%;
	text-align:center;
	padding:8px 0;
	margin:4px 0;
}
.greyBar a.left{
	border-right:1px solid #fff;
}
.greyBar a:link,
.greyBar a:visited{
	color:#fff;
	text-decoration:none;
}
.greyBar a:hover{
	text-decoration:underline;
}
.res6 .resText{
	min-height:272px;
}
.res6 .padding{
	margin:25px 25px 0 25px;
}
.res7 .resHeader{
	min-height:43px;
}
.res7 .controls{
	list-style-type:none;
	padding:0px;
	width:auto;
	background:url('/en/media/siteassets/styleassets/images/black/black60.png') 0 0 repeat;
	float:right;
	margin:0;
	/*
	position:absolute;
	top:0px;
	right:0px;
	*/
}
.ie7 .res7 .resHeader{
	min-height:33px;
}
.ie7 .res7 .resHeader h2{
	float:left;
}
.ie8 .res7 .controls{
	filter:alpha(opacity=100);
}
.res7 .controls li{
	width:43px;
	height:43px;
	float:left;
	margin:0;
}
.res7 .red .controls li a{
	padding:0;
}
.res7 .controls li a img{
	width:43px;
	height:43px;
	display:block;
	margin:0;
}

.res7 .resText{
	padding-top:20px;
	min-height:259px;
}
.res7 img{
	float:left;
	margin:0 10px 10px 0;
}
.res7 .item{
}
.res7 .item h3{
	margin:0;
	font-size:1em;
}
.res8.imgCrop .imgWrapper{
	height:333px !important;
}
.res8.imgCrop .imgWrapper img{
	max-width:563px !important;
	min-width:563px !important;
	height:333px !important;
	left:0;
}
.res8 .playButton{
	position:absolute;
	top:50%;
	right:0px;
	margin-top:-16px;
	background:url('/en/media/siteassets/styleassets/images/black/black60.png') 0 0 repeat;
}
.res8 .playButton a{
	font-size:1em;
	color:#fff;
	margin:8px;
	display:block;
	padding-right:20px;
	background:url('/en/media/siteassets/styleassets/images/buttons/play2.png') right center no-repeat;;
}
.resModWide,
.resModNarrow{
	background-color:#eff0f0;
	float:left;
	min-height:180px;
}
.resModWide{
	width:39%;
}
.resModNarrow{
	width:29%;
}
.resModWide .padding,
.resModNarrow .padding{
	margin:0 10px 10px 10px;
}
.res9,
.res10{
	margin-right:1.3%;
}
.resModHeader{
	margin:0 10px 10px 10px;
}
.resModHeader h2{
	border-width:1px 0;
	border-style:solid;
	border-color:#000;
	text-align:center;
	padding:10px 0;
}
.res10 ul{
	list-style-type:none;
	padding-left:0;
	margin:0;
	float:left;
	width:100%;
}
.res10 ul li{
	float:left;
	width:49%;
}
.res10 ul li a{
	width:100%;
	text-align:center;
	display:block;
}
.res10 ul li a img{
	margin:10px auto 10px auto;
}

/* home */
.preliminary .panelInner{
	position:relative;
	overflow:hidden;
}
.preliminary .panelScroller .panelInner img{
	position:absolute;
	top:0px;
	right:0px;
	max-width:1120px !important;
	min-width:1120px !important;
	/*height:545px !important;*/
	height: 100%
}
.preliminary .to{
	background:url('/en/media/siteassets/styleassets/images/black/black60.png') 0 0 repeat;
	position:absolute;
	top:10px;
	left:10px;
	width:75%;
}
.preliminary .to h2{
	padding:10px;
	margin:0;
	color:#fff;
	font-size:2.5em;
}
.preliminary .to p{
	padding:10px;
	margin:0;
	color:#fff;
	font-size:1.8em;
}

.preliminary .to a{
	padding:10px;
	margin:0 0 10px 0;
	color:#fff;
	font-size:1.2em;
	display:block;
}
.preliminary .to a:link,
.preliminary .to a:visited{
	color:#fff;
	text-decoration:none;
}
.preliminary .panelInner .playButton{
	position:absolute;
	top:50%;
	right:0px;
	margin-top:-16px;
	background:url('/en/media/siteassets/styleassets/images/black/black60.png') 0 0 repeat;
}
.preliminary .panelInner .playButton a{
	font-size:1em;
	color:#fff;
	margin:8px;
	display:block;
	padding-right:20px;
	background:url('/en/media/siteassets/styleassets/images/buttons/play2.png') right center no-repeat;;
}

/*
*/
/* homepage main panel modules */
/* height override */
.panelWrapper{
/*	height:565px;*/
	height:100%;
	
}
.panelScroller{
	/*	height:565px;*/
	height:100%;
}
.panelInner{
	/*min-height:545px;*/
}
.leftFlyOutCover,
.rightFlyOutCover{
	height:565px;
}
.homeScrollerInner{
	height:565px;
}

.homeModule{
	float:left;
	margin-right:1.1%;
}
.homeModule .innerModule{
	position:relative;
	margin:0;
}
.homeModule img{
	z-index:1;
}
.homeModule .moduleHeader{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	background:url('/en/media/siteassets/styleassets/images/white/white80.png') 0 0 repeat;
	z-index:2;
}
.homeModule .moduleHeader h2{
	margin:8px 10px;
	min-height:13px;
	font-size:1.1em;
}
.homeModule .moduleHeader.small h2{
	font-size:0.9em;
}
.homeModule .moduleHeader p{
	margin:0 10px 5px 10px;
	font-size:0.8em;
}
.homeModule .moduleHeader img{
	position:absolute;
	top:0px;
	right:0px;
	display:none;
}
.homeModule a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:3;
	background-color:#f00;
	opacity:0;
}
.ie7 .homeModule a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.ie8 .homeModule a{filter:alpha(opacity=0);}
.homeModule .videoPlayer{
	position:absolute;
	bottom:0px;
	right:0px;
	background:url('/en/media/siteassets/styleassets/images/black/black60.png') 0 0 repeat;
	color:#fff;
	z-index:2;
	text-align:right;
	margin:0;
	padding:10px;
}
.homeModule .videoPlayer img{
	display:inline;
}
.colourBlock .innerModule{
	/*
	width:100px;
	height:100px;
	*/
}
.innerModule .boxOffset{
	width:50%;
	float:right;
	margin-top:12px;
}
.innerModule .boxOffset img{
	float:right;
}
.homeModule.blue, .homeModule.red{
	background-color:transparent;
}
.blue .innerModule{
	background-color:#005288;
}
.red .innerModule{
	background-color:#ee3424;
}

.block1{
	width:39.1%;
}
.block2{
	width:19%;
}
.block3{
	width:19%;
}
.block4{
}
.block5{
	width:19%;
	margin-right:0;
}
.block6{
	width:19%;
	clear:left;
}
.block7{
	width:8.9%;
}
.block8{
	width:28.5%;
}
.block9{
	width:19%;
}
.block10{
	width:19%;
}
.block5 .innerModule,
.block10 .innerModule{
	margin-right:0px;
}
.block2  .innerModule{
}
.block7  .innerModule{
}

.simple
.simple .panelInner{
	position:relative;
	overflow:hidden;
}
.simple .panelScroller .panelInner img{
	position:absolute;
	top:0px;
	right:0px;
	max-width:1120px !important;
	min-width:1120px !important;
/*	height:545px !important;*/
	height: 100%;
}
.simple .to{
	background:url('/en/media/siteassets/styleassets/images/black/black60.png') 0 0 repeat;
	position:absolute;
	top:10px;
	left:10px;
	width:75%;
}
.simple .to h2{
	padding:10px;
	margin:0;
	color:#fff;
	font-size:2.5em;
}
.simple .to p{
	padding:10px;
	margin:0;
	color:#fff;
}
.simple .to p.large{
	font-size:1.8em;
}
.simple .to a{
	display:block;
	padding:10px;
}
.simple .to p > a{
	display:inline;
	padding:0;
	font-weight:bold;
}
.simple .to a:link,
.simple .to a:visited{
	color:#fff;
}
.simple .panelInner .playButton{
	position:absolute;
	bottom:10px;
	left:10px;
	background:url('/en/media/siteassets/styleassets/images/black/black60.png') 0 0 repeat;
}
.simple .panelInner .playButton a{
	font-size:1.4em;
	color:#fff;
	margin:8px;
	display:block;
	padding-right:20px;
	background:url('/en/media/siteassets/styleassets/images/buttons/play2.png') right center no-repeat;;
}


.blockHead a

{
color: #fff;
text-decoration: none;
}

.red a
{
font-size: 100%;
}

.yellow a
{
color: #000;
}


.hoverpanel a
{

font-size: 110%;
}


.greytop a
{
color: #000000;
font-size: 100% !important;
}

.spgrid .red a, .spgrid .blue a, .spgrid .yellow a /*for consistency across functional homepage boxes added by FD 25/09/2013*/
{
font-size: 130%;
}

#subNav ul li ul.multilevel-linkul-0 li span.currentsection
{
background-color: #fff !important;
padding-left: 12px;
font-weight: bold;
display:block;
}
/*added MR 2013-02-26 5.21pm - indent for level 3 sub menu*/

#subNav ul li ul.multilevel-linkul-0 li ul.multilevel-linkul-1
{
padding-left: 5px;
}


/*************************************************
 * calendar
 */

#t4_calendar {padding-top: 20px;}

#calendar .links {
	padding-left: 2px;
	padding-top: 5px;
	font-weight: bold;

}
#calendar .links a {
	font-weight: normal;
}

#t4_calendar {padding-top: 0;margin-top: -5px;} /*edited by FD Granite to remove padding and add negative margin*/
#calendar caption {
	display:none;
}

#calendarFilter {padding-top: 8px; padding-left: 25px;}

#calendar a {
	text-decoration:none;
	display:block;
	color: #666666;
	padding-right: 0.3em;
	padding-left: 0.3em;
padding-top: 0.3em;
padding-bottom: 0.3em;
	background: none;

}
#calendar a:hover, #calendar a:active{
	color:#ffffff;
	background:#666666;
}
#calendar th {
	font-weight: bold;
	color: #FFFFFF;
	background: #005288;
	padding:0.3em;
	border-top: 0.1em solid #005288;
	border-right: 0.1em solid #005288;
	border-bottom: 0.1em solid #005288;
	border-left: 0.1em solid #005288;
}
#calendar th a {
	color:#ffffff;
}
#calendar th a:hover, #calendar a:active {
	background: #006699;
}
#calendar td {
	border: 0.1em solid #e3e3e3;
}

#calendar td.filterMainMonth {
	background-color: #e3e3e3;
}

#calendar table tbody tr td.filterMainMonth a.hasEvents {
background-color: #666666;
color: #fff;
}


#calendar td.filterPreMonth {
	background-color: #e3e3e3;
}

#calendar td.filterPostMonth {
	background-color: #e3e3e3;
}

#calendar td.mainMonth a {
	color: #505050;
}

#calendar td.postMonth a {
	color: silver;
}

#calendar td.preMonth a {
	color: silver;
}

#calendar td a:hover {
	color: white;
}

#calendarCategories {padding-top: 0px; padding-left: 3px; padding-bottom: 15px; padding-right: 5px;}


/*************************************************
 * calendarFilter
 */
 
#calendarFilter {
	font-size: 1em;
}

/*************************************************
 * search
 */
#search {


}

#calendarSearch {
padding-top:20px;
padding-bottom:20px;

}

/*************************************************
 * categories
 */


#categories fieldset{
padding-bottom:8px;
border: none;
	
}

#categories fieldset legend {
color: #006699;
font-weight: bold;
padding-top:20x;
padding-bottom:5px;
}


#categories div .mainCategory {
padding-top:12px;
padding-bottom:10px;

}

#categories div.subCategory {
margin-left: 2em;
padding-top:5px;
padding-bottom:5px;
}

#categories div.mainCategory .calendarCheckbox{
}

#categories .input #EventsSearch{
padding-top:5px;
padding-bottom:5px;
}



/*************************************************
 * calendarResults
 */

#calendarResults span.left {
	float: left;
}

#results span.right {
	float: right;
}

#calendarResults td.even {
background-color: #F7F7F7;
padding: 5px;
text-align: left;
vertical-align: top;
}

#calendarResults td.odd {
background-color: #E3E3E3;
padding: 5px;
text-align: left;
vertical-align: top;
}

#results p.result {
 font-size: medium;
 font-weight: bold;
text-align: left;
vertical-align: top;
	
}

#calendarResults td.even {
background-color: #ffffff;
padding: 5px;
text-align: left;
vertical-align: top;
}

#calendarResults td.odd {
background-color: #eeeeee;
padding: 5px;
text-align: left;
vertical-align: top;
}

#calendarResults table td {
background-color: #eeeeee;
padding: 3px;
}

#calendarResults table tr.even td {
background-color: #ffffff;
padding: 3px;
}

#calendarResults p.right {
text-align: right;
}

#calendarResults p.left {
text-align: left;
}
/*SEARCH RESULTS PAGE
*****************************************************************/
 
/*main search box*/
 
/*the !important declarations are required to override Googles default styles*/
 
form.gsc-search-box {
    border: 10px solid #eff0f0;
	width: auto !important;
	margin-bottom: 20px !important;
}
 
.gsc-input-box {
	border: 0 !important;
	height: 36px !important;
}
 
form.gsc-search-box input#gsc-i-id1 {
	height: 1.9em !important;
}
 
form.gsc-search-box span.gscb_a {
	position: relative !important;
	top: 2px !important;
}
 
form.gsc-search-box .gsc-search-button input.gsc-search-button {
	background-color: transparent !important;
	border: 0 !important;
	background: transparent url('/en/media/siteassets/styleassets/images/misc/search_red_16.png') center center no-repeat !important;
	padding: 16px 16px !important;
	filter: none !important;
	text-indent: -5000px !important;
	width: 0 !important;
	height: 0 !important;
}
 
/*results - people*/
 
div#peopleContentSearchResults div#uccpeoplesearch {
	margin-top: 30px;
	font-size: 0.9em;
}
 
div#peopleContentSearchResults h2 a {
	font-size: 0.7em;
}
 
/*results - courses*/
 
div#coursesContentSearchResults div.lp-search-input {
	display: none; /*hide extra search box on Course search*/
}
 
div#coursesContentSearchResults div.courseSelector h2 {
	color: #000;
	padding-left: 0;
}

/***************************************************************************
****************************************************************************
NEW DEPARTMENT PAGE BOXES
****************************************************************************
****************************************************************************/
 
/*BUTTONS
************************************************/
.red .expandedText a
{
color: #000;
text-decoration: underline;
}

p.more {
    text-align: right;
}
 
p.more a {
	display: inline-block;
	padding: 7px 27px 6px 12px;
	background: #000 url('/en/media/siteassets/styleassets/images/misc/arrowRight_white_7.png') 90% center no-repeat;
	color: #fff !important; 
	text-decoration: none;
}

p.moreNext a {
	display: inline-block;
	padding: 7px 27px 6px 12px;
	background: none;
	color: #fff !important; 
	text-decoration: none;
	float: right;
}
 
.red p.more a, .red p.moreNext a, .red p.morePrev a {
	background-color: #cd202c;
}
 
.blue p.more a, .blue p.moreNext a, .blue p.morePrev a {
	background-color: #003c69;
}
 
.yellow p.more a, .yellow p.moreNext a {
	background-color: #ffb500;
	background-image: url('/en/media/siteassets/styleassets/images/misc/arrowRight_black_7.png');
	color: #000;
}
 
p.more a.prev {
	padding: 7px 12px 6px 27px;
	background-image: url('/en/media/siteassets/styleassets/images/misc/arrowLeft_white_7.png');
	background-position: 12px center;
	float: left;
}

p.morePrev a {
	display: inline-block;
	padding: 7px 12px 6px 27px;
	background: none;
	color: #fff !important; 
	text-decoration: none;
	float: left;
}


 
 
/*TWO COLUMN LAYOUT
used for twitter/facebook and also to break news/events into two columns.
*************************************************/
 
div.fivepointfivecolex  {
	width: 48.3%;
	margin-right: 3.4%;
	float: left;
	min-height: 1px;
}
 
div.fivepointfivecolex.last {
	margin-right: 0;
}
 
 
/*COLOURS
colours set for new elements that don't already inherit colours from elsewhere
*************************************************/
 
.twelvecol .red.greybox .date {
	background-color: #cd202c;
}
 
.twelvecol .blue.greybox .date {
	background-color: #003c69;
}
 
.twelvecol .yellow.greybox .date {
	background-color: #ffb500;
	color: #000;
}
 
.twelvecol .red div.bgPrev a,
.twelvecol .red div.bgNext a {
	background-color: #cd202c;
}
 
.twelvecol .blue div.bgPrev a,
.twelvecol .blue div.bgNext a {
	background-color: #003c69;
}
 
.twelvecol .yellow div.bgPrev a,
.twelvecol .yellow div.bgNext a {
	background-color: #ffb500;
}
 
 
/*GREYBOXES
used in a couple of places - news & events, social media boxes
****************************************************************/
 
.twelvecol .greybox {
	margin-bottom: 1em;
	background-color: #f1f1f2;
	overflow: hidden;
}
 
 
/*SPOTLIGHT
************************************************/
 
div.spotlight {
	position: relative;
	z-index: 10;
}
 
div.spotlight .text {
	position: absolute;
	z-index: 11;
	top: 0;
	bottom: 12px;
	right: 0;
	left: 68%;
	background: rgba(0,82,136,0.9);
	color: #fff;
	padding: 15px;
}
 
div.spotlight .text .strap {
	border-bottom: 1px solid #fff;
	padding: 4px 0 10px 0;
	margin: 0 0 10px 0;
}
 
div.spotlight .text h2 {
	color: #fff;
	font-size: 15px;
	line-height: 18px;
}
 
div.spotlight .text h2 a {
	color: #fff;
	padding: 0;
}
 
div.spotlight .text p {
	color: #fff;
}
 
div.spotlight ol.sliderNav {
	background-color: #cd202c;
	position: absolute;
	z-index: 11;
	bottom: 20px;
	right: 35%;
	color: #fff;
	padding: 12px 4px 12px 12px;	
}
 
ol.sliderNav li {
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 8px 0 0;
	list-style-type: none;
}
 
ol.sliderNav li a {
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -5000px;
	background-color: #8f161f;
}
 
ol.sliderNav li.sel a {
	background-color: #fff;
}

div#slideshow div#slideshowWindow { margin:0; padding:0; position:relative; overflow:hidden; }  
div#slideshow div#slideshowWindow div.slide { margin:0; padding:0; position:relative; }
 
 
/*NEWS AND EVENTS
******************************************************/
 
.twelvecol .featured,
.twelvecol .list {
	width: 45.3%;
	padding: 1.5%;
}
 
.twelvecol .featured h3,
.twelvecol .list h3 {
	color: #000;
	text-decoration: none;
	font-size: 1.1em;
	margin: 3px 0 0 40px;
	min-height: 45px;
}
 
.twelvecol .featured h3 a,
.twelvecol .list h3 a {
	color: #000;
	text-decoration: none;
	padding: 0;
}
 
.twelvecol .featured .date,
.twelvecol .list .date {
	display: inline-block;
	text-align: right;
	color: #fff;
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
	padding: 5px 5px 2px 5px;
	float: left;
}
 
.twelvecol .featured .date span,
.twelvecol .list .date span  {
	display: block;
	font-size: 18px;
	font-weight: bold;
}
 
.twelvecol .featured .image a {
	padding: 0;
}
 
.twelvecol .featured img {
	width: 132px;
	height: auto;
	float: left;
}
 
.twelvecol .featured p {
	margin-left: 144px;
}
 
.twelvecol .list ul {
	padding-left: 0;
}
 
.twelvecol .list li {
	list-style-type: none;
	border-bottom: 1px solid #bbbcbc;
}
 
 
/*MEDIA BOXES 
used for videos and photo galleries - most of these styles are
non-specific to the media boxes
******************************************************************/
 
.fourcolex {
	position: relative; /*required to position the media icons*/
}
 
.main1 img.icon {
	width: auto;
	height: auto;
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 50%;
	margin-top: -36px;
	margin-left: -32px;
}
 
 
/*SOCIAL MEDIA BOXES 
used for vfacebook, twitter etc
******************************************************************/
 
.twelvecol iframe {
  width: 100% !important;
	background-color: #fff;
}
 
 
/*PUBLICATIONS
fairly generic code and styling - could easily be used elsewhere
***********************************************************************/
.twelvecol ul.articlesList {
	padding: 0 10px;
}
 
.twelvecol ul.articlesList li {
	list-style-type: none;
	border-bottom: 1px solid #bbbcbc;
}
 
.twelvecol ul.articlesList li a {
	display: block;
	padding: 8px 0 10px 0;
	color: #000;
}
 
.twelvecol ul.articlesList li a span {
	font-weight: bold;
	display: block;
}
 
 
/*HOVER BOXES
I've used similar code for the dropdowns thats used elsewhere 
eg http://www.ucc.ie/en/study/
***********************************************************************/
 
.twelvecol .row.position {
	position: relative;
	z-index: 20;
	overflow: visible;
}
 
.fourcolex.hoverpanel {
	position:	relative;
	z-index: 5;
}
 
.fourcolex.hoverpanel a {
    color: #fff;
	padding: 0.25em 0 0.25em 0.6em;
	font-weight: normal;
	width: auto;
	text-indent: 0;
}

.fourcolex.hoverpanel a:hover {
padding: 0.25em 0.6em 0.25em 0.6em;
}


.fourcolex.hoverpanel.yellow a {
    color: #000;
}
 
.fourcolex.hoverpanel > ul > li:hover > a,
.fourcolex.hoverpanel > ul > li.isOpen > a,
.fourcolex.hoverpanel > ul > li:hover > h2,
.fourcolex.hoverpanel > ul > li.isOpen > h2{
	background: #ffb500;
	padding-right: 0;
}
 
.fourcolex.hoverpanel > ul > li:hover > a {
	color: #000;
}
 
.fourcolex.hoverpanel .has-sub {
	background-image: url('/en/media/siteassets/styleassets/images/misc/arrowRight_white_7.png');
	background-position: 95% center;
	background-repeat: no-repeat;
}

.fourcolex.hoverpanel.yellow .has-sub {
    background-image: url('/en/media/siteassets/styleassets/images/misc/arrowRight_black_7.png');
}
 
.fourcolex.hoverpanel .has-sub:hover > a {
	background-image: url('/en/media/siteassets/styleassets/images/misc/arrowDown_black_7.png');
	background-position: 95% center;
	background-repeat: no-repeat;
}
 
.fourcolex.hoverpanel .has-sub ul li a {
	background-color: #ffb500;
	background: rgba(255,181,0,0.9);
	border-bottom: 1px dotted #fff;
	border-bottom: 1px dotted rgba(255,255,255,0.5);
	color: #000;
	font-size: 100%;
	padding: 6px 5%;
	text-indent: 0;
	width: 90%;
}
 
.fourcolex.hoverpanel .has-sub ul li a:hover {
	background-color: #ffb500;
}
 
.twelvecol .hovertext a {
	display: block;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-bottom: 1em;
}
 
.twelvecol .hovertext img {
	margin-bottom: 0;
}
 
.twelvecol .hovertext p {
	position: absolute;
	z-index: 10;
	bottom: -10px;
	left: 0;
	background-color: #f1f1f2;
	background: rgba(241,241,242,0.9);
	background-image: url('/en/media/siteassets/styleassets/images/misc/arrowRight_black_16.png');
	background-position: 96% 20px;
	background-repeat: no-repeat;
	padding: 15px 10% 15px 5%;
	width: 85%;
	height: 30px;
	-webkit-transition: height .3s ease;
	-moz-transition: height .3s ease;
	transition: height .3s ease;
	height: 30px;
}
 
.twelvecol .hovertext p.long {
	visibility: hidden;
	opacity: 0;
	height: 30px;
}
 
.twelvecol .hovertext:hover p.short {
	visibility: hidden;
	opacity: 0;
	height: 60px;
}
 
.twelvecol .hovertext:hover p.long {
	visibility: visible;
	opacity: 1;
	height: 60px;
}
 
 
/*LOGOS CAROUSEL
***********************************************************************/
 
.twelvecol .logos {
  height:72px;
  position: relative;  
  z-index: 10;
	margin: 0 0 1em 0;
	background-color: #fff;
	padding: 1em;
}

.twelvecol .logos.home {
	height: 60px;
	border-top: 1px solid #bbbcbc;
	overflow: hidden;
	padding-left: 40px;
	padding-right: 40px;
	margin-bottom: 50px;
}
 
.twelvecol .logos .carouselInner {
  position: absolute;
  z-index: 11;
  top: 1em;
  left: 1.5em;  
  height: 72px;
  overflow: hidden;
}
 
.twelvecol .logos .shade {
	width: 100px;
	height: 100%;
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
	background: transparent url('/en/media/siteassets/styleassets/images/misc/shadeCarousel.png') top right repeat-y;
}
 
.twelvecol .logos ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
	left: 0;
  height: 72px;
}

.twelvecol .logos.home .carouselInner,
.twelvecol .logos.home ul {
  height: 60px;
}
 
.twelvecol .logos ul li {
	height: 72px;
	float: left;
	margin: 0 1em 0 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	z-index: 13;
}
 
.twelvecol .logos ul li a {
	padding: 0;
}
 
.twelvecol .logos ul li img {
	width: 100%;
	height: auto;
}

.twelvecol .logos.home ul li img {
	width: auto;
	height: 60px;
}
 
.twelvecol .logos ul li.last {
	margin-right: 0;
}
 
.twelvecol .logos div.bgPrev a {
	width: 18px;
	height: 18px;
	padding: 0;
	display: inline-block;
	text-indent: -5000px;
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -9px;
	left: 0px;
	background-image: url('/en/media/siteassets/styleassets/images/misc/arrowLeft_white_7.png');
	background-position: center center;
	background-repeat: no-repeat;
}
 
.twelvecol .logos div.bgNext a {
width: 18px;
	height: 18px;
	padding: 0;
	display: inline-block;
	text-indent: -5000px;
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -9px;
	right: 0px;
	background-image: url('/en/media/siteassets/styleassets/images/misc/arrowRight_white_7.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.twelvecol .logos.home div.bgPrev a {
	width: 18px;
	height: 18px;
	padding: 0;
	display: inline-block;
	text-indent: -5000px;
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -9px;
	left: 0px;
	background-image: none;
}
 
.twelvecol .logos.home div.bgPrev a i,
.twelvecol .logos.home div.bgNext a i {
	text-indent: 0;
	display: block;
	color: #231f20;
	opacity: 0.4;
	font-size: 22px;
	text-decoration: none;
	margin-top: -24px;
}
 
 
 
/*INFORMATION BOX
in sidebar
***********************************************************************/
 
.asideModule.information {
	background-color: #cd202c;
	color: #fff;
}
 
.asideModule.information a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 8px 6px 10px 6px;
}
 
.asideModule.information a.text {
	position: static;
	margin-bottom: 0px;
	display: block;
	background-image: none;
	background-color: #d74d56;
	padding: 4px 6px;
	color: #fff;
}
 
 
 
/***************************************************************************
****************************************************************************
EVENTS/NEWS/PEOPLE LISTINGS
****************************************************************************
****************************************************************************/
 
.articles  {
	background-color: transparent;
}
 
.article  {
	overflow: hidden;
	margin-top: 12px;
}
 
.article .column {
	width: 40%;
	float: left;
}
 
.article.greybox {
	padding: 20px;
}
 
.article .image {
	width: 30%;
	height: auto;
	float: left;
	margin-right: 2.5%;
}
 
.people .article .image {
	width: 15%;
}

.articleDetail a,
.article a {
    color: #000;
	padding: 0;
	text-decoration: underline;
}

.article .image a {
	padding: 0;
}
 
.article .text {
	width: 67.5%;
	float: left;
}
 
.people .article .text {
	width: 82.5%;
}
 
.article h2 a {
	padding: 0;
	color: #000;
}
 
.article h3 {
	padding: 0;
	font-size: 1.3em;
	margin-bottom: 3px;
}
 
.red .article h3,
.red .article h3 a,
.red .article span.title {
    color: #cd202c;
}
 
.article p {
	margin-bottom: 12px;
}

.red .article span.title {
    font-weight: bold;
	font-size: 1.2em;
} 
 
ul.details {
    list-style-type: none;
	margin: 0 0 12px 0;
	padding: 0;
	overflow: hidden;
}
 
ul.details li {
	margin: 0;
	padding: 5px 0 4px 24px;
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 1.2em;
}

.people ul.details li {
    float: left;
}
 
ul.details li a {
	color: #333437;
	font-size: 1em;
	padding: 0;
}
 
ul.details li.date {
	background-image: url('/en/media/siteassets/styleassets/images/misc/date_red_16.png');	
}
 
ul.details li.time {
	background-image: url('/en/media/siteassets/styleassets/images/misc/time_green_16.png');	
}
 
ul.details li.location {
	background-image: url('/en/media/siteassets/styleassets/images/misc/location_blue_16.png');	
}
 
ul.details li.phone {
	background-image: url('/en/media/siteassets/styleassets/images/misc/phone_red_16.png');	
}
 
ul.details li.email {
	background-image: url('/en/media/siteassets/styleassets/images/misc/email_green_16.png');	
}
 
ul.details li.fax {
	background-image: url('/en/media/siteassets/styleassets/images/misc/fax_blue_16.png');	
}
 
ul.details li.web {
	background-image: url('/en/media/siteassets/styleassets/images/misc/web_yellow_16.png');	
}
 
/*.article p.more {
	text-align: left;
}*/
 
.articleDetail {
	background-color: transparent;
}

.articleDetail p.caption2 {
    margin: 0 0 12px 0;
	font-style: italic;
}
 
.articleDetail .greybox {
	padding: 12px;
}
 
.articleDetail .share h3 {
	margin: 8px 15px 10px 0;
	min-height: 0;
	float: left;
}
 
.articleDetail .share ul {
	margin: 0;
	padding: 0;
	float: left;
}
 
.articleDetail .share ul li {
	margin: 0 10px 10px 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 24px;
	height: 24px;
}
 
.articleDetail .share ul li a {
	display: block;
	width: 24px;
	height: 24px;
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: -5000px;
}
 
.articleDetail .share ul li.twitter a {
	background-image: url('/en/media/siteassets/styleassets/images/misc/twitter_24.png');	
}
 
.articleDetail .share ul li.facebook a {
	background-image: url('/en/media/siteassets/styleassets/images/misc/facebook_24.png');	
}
 
.articleDetail .share ul li.googleplus a {
	background-image: url('/en/media/siteassets/styleassets/images/misc/googleplus_24.png');	
}
 
.articles .contact p {
	line-height: 1.8em;
}
 
/*QUICK SEARCH FOR DIRECTORIES
**************************************************************/
 
div.quickSearch {
	margin-bottom: 12px;
	overflow: hidden;
	padding: 15px 20px 8px 20px;
}
 
div.quickSearch h3 {
	float: left;
	padding: 5px 20px 0 0;
}
 
div.quickSearch form {
	float: left;
}
 
div.quickSearch form input[type="text"],
div.quickSearch form select {
	width: 150px;
	padding: 6px;
	border: 0;
	margin-right: 8px;
	margin-bottom: 8px;
}
 
div.quickSearch form select {
	width: 162px;
	padding: 5px;
	border: 0;
}
 
div.quickSearch form input[type="submit"] {
	border: 0;
	margin: 0 0 8px 0;
	padding: 0;
	width: 30px;
	height: 28px;
	text-indent: -5000px;
	background: #cd202c url('/en/media/siteassets/styleassets/images/misc/search_white_16.png') center center no-repeat;
}
 
 
/*PHOTO AND VIDEO LISTING PAGES
*********************************************************/
 
.threecolex.media {
    position: relative;
	width: 23%;
	margin-right: 2.2%;
}
 
.media span.thumbnailCaption {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	background-color: #e8e8e9;
	background: rgba(255,255,255,0.8);
	padding: 5px 12px;
}

.blue h2.title,
.red h2.title,
.yellow h2.title {
    margin-bottom: 0;
}
 
.blue h2.title a,
.red h2.title a,
.yellow h2.title a {
	font-size: 0.9em;
	font-weight: normal;
}

/*end of new additions nov 2013*/
/*ONLINE LEARNING - ADDED BY FIONA AT GRANITE JULY 2014
************************************************************/
 
.courseTeaser {
	margin: 1em 0 1em;
}
 
.courseTeaser a {
	display: block;
	padding: 0;
	position: relative;
	overflow: hidden;
}
 
.courseTeaser h3 {
	font-size: 15px;
	line-height: 18px;	
	padding: 10px 10px 0;
	margin-bottom: 0;
	min-height: 60px;
}
 
.courseTeaser h3 span {
	font-size: 12px;
	line-height: 18px;	
	font-weight: normal;
	padding-left: 5px;
}
 
.courseTeaser p.qual {
	font-size: 12px;
	line-height: 18px;	
	color: #fff;
	padding: 0 10px 0;
	margin-top: 0;
}
 
.courseTeaser p.qual span:first-child {
        padding-right: 5px;
    }

 
.courseTeaser img {
	margin: 0;
}
 
.courseTeaser p.summary {
	display: block;
	background-color: #eee;
	background: rgba(255,255,255,0.8);
	/*arrow right black 7*/
	background-image: url('/en/media/siteassets/styleassets/images/misc/arrowRight_black_7.png');
	background-position: 97% 34px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -40px;
	left: 0;
	right: 0;
	padding: 10px 10px 12px;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
 
.courseTeaser a:hover p.summary {
	background-color: #eee;
	background: rgba(238,238,238,0.9);
	background-image: none;
	background-position: 97% 34px;
	background-repeat: no-repeat;	
	bottom: 0;
}
 
.courseTeaser p.summary .more {
	font-weight: bold;
	display: block;
	background: #fff;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 4px 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	transition: all .8s ease;
}
 
.courseTeaser a:hover p.summary .more {
	opacity: 1;
}
 
/*end of online learning*/
/*CAMPAIGN BLOCKS added 2014-10-03 MR
*****************************************************/
 
.campaignBlocks  .row {
	max-width: 1160px;
}
 
.campaignBlocks .row .campaign {
	position: relative;
	min-height: 0;
	background: transparent;
}
 
.campaignBlocks .row .fourcol {
	width: 33.3333333333%;
	padding-bottom: 33.3333333333%;
}
 
.campaignBlocks .row .campaign.half {
	padding-bottom: 16.66666666665%;
}
 
.campaignBlocks .campaign .inner {
	background: transparent;
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
 
.campaignBlocks .campaign a {
	padding: 0;
	background: transparent;	
}
 
.campaignBlocks .campaign .content {
	position: absolute;
	z-index: 20;
	bottom: 25px;
	left: 0;
	right: 0;
	background: #cd202c;
	color: #fff;
	padding: 14px 10px 10px;
	opacity: 0.9;
}
 
.campaignBlocks .campaign h2 {
	font-size: 20px;
	font-weight: normal;
	position: relative;
	margin: 0;
	padding: 0 20px 5px 0;
}
 
.campaignBlocks .campaign h2:after {
	content: "\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #fff;
	font-size: 26px;
	position: absolute;
	top: 0;
	right: 5px;
}
 
.campaignBlocks .campaign p {
	font-size: 14px;
	opacity: 0;
	max-height: 0;
	transition: .7s all ease;
	padding: 0 0 0 0;
	margin: 0;
}
 
.campaignBlocks .campaign a:hover p {
	opacity: 1;
	max-height: 30px;
	padding-bottom: 5px;
}
 
/*colours*/
 
.campaignBlocks .campaign.red .content {
	background: #cd202c;
}
.campaignBlocks .campaign.blue .content {
	background: #003c69;
}
.campaignBlocks .campaign.yellow .content {
	background: #ffb500;
	color: #231f20;
}
.campaignBlocks .campaign.green .content {
	background: #74aa50;
}
.campaignBlocks .campaign.mauve .content {
	background: #7566dc;
}
.campaignBlocks .campaign.sky .content {
	background: #69b3e7;
}
.campaignBlocks .campaign.stone .content {
	background: #c6893f;
}
.campaignBlocks .campaign.earth .content {
	background: #b46a55;
}
.campaignBlocks .campaign.yellow h2:after {
	color: #231f20;
}

/*SCROLL TO CONTENT
*****************************************************/
 
.scroll a {
	width: 48px;
	height: 42px;
	margin: 5px auto 0;
	padding-top: 8px;
	display: block;
	position: relative;
	border: 2px solid #bbbcbc;
	border-radius: 50%;
	text-decoration: none;
	color: #bbbcbc;
	font-size: 32px;
	transition: .5s all ease;
}
 
.scroll a:hover {
	border: 2px solid #231f20;
	color: #231f20;
}

/*NEWS & EVENTS
*****************************************************/
 
.container.newsAndEvents {
	margin-top: 5px;
}
 
.newsAndEvents  .row {
	max-width: 1160px;
	display: -ms-flexbox;
	display: flex;
}
 
.newsAndEvents .row .greybox {
	position: relative;
	min-height: 0;
	background: transparent;
	width: 50%;
	display: -ms-flexbox;
	display: flex;
}
 
.newsAndEvents .greybox .inner {
    margin: 10px;
    background: #ebebed;
    padding: 20px 0 5px 20px;
    width: 100%;
}

 
.newsAndEvents .greybox h2 {
	margin: 0 0 10px;
	font-size: 26px;
	color: #231f20;
}
 
.newsAndEvents .greybox h2:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
}
 
.newsAndEvents i {
	padding: 0 0 0 10px;
}
 
.newsAndEvents .greybox .more {
	text-align: right;
	font-size: 16px;
}
 
.newsAndEvents .greybox .more a {
    background-color: transparent;
    background-image: none;
}

 
/*arrows*/
 
.newsAndEvents .arrows {
	position: absolute;
	z-index: 20;
	top: 34px;
	right: 30px;
}
 
.newsAndEvents .arrows > div {
	display: inline;
}
 
.newsAndEvents .arrows a {
	display: block;
	float: left;
	font-size: 0;
	width: 20px;
	height: 20px;
	margin: 0 0 0 1px;
	transition: .3s background ease;
}
 
.newsAndEvents .arrows i {
	text-indent: 0;
	font-size: 20px;
	position: relative;
	left: -3px;
}
 
/*news*/
 
.newsAndEvents .news ul {
	margin: 0;
	padding: 0;
}
 
.newsAndEvents .news li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 0 0;
    width: 50%;
    min-height: 220px;
}
 
.newsAndEvents .news h3 {
	color: #231f20;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	margin: 15px 0 10px 0;
}
 
.newsAndEvents a {
	margin: 0;
	padding: 0;
}
 
.newsAndEvents .news img {
	width: 100%;
}
 
/*events*/
 
.newsAndEvents .events ul {
	margin: 0;
	padding: 0;
}
 
.newsAndEvents .events li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px 0 0;
}
 
.newsAndEvents .events .date {
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 18px;
	display: inline-block;
	float: left;
	padding: 8px 12px 6px;
	margin-top: 3px;
}
 
.newsAndEvents .events .date span {
	display: block;
	font-size: 22px;
}
 
.newsAndEvents .events h3 {
	color: #231f20;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	margin: 0 0 4px 0;
	padding-left: 65px;
}
 
.newsAndEvents .events li p {
	padding-left: 65px;
	margin-bottom: 6px;
	color: #4d494a;
}
 
/*colours*/
 
.newsAndEvents .blue h2:before,
.newsAndEvents .blue .date {
	background: #003c69;
}
.newsAndEvents .blue a,
.newsAndEvents .blue i {
	color: #003c69;
}
.newsAndEvents .blue p.more a {
	color: #003c69 !important;
}
.newsAndEvents .blue .arrows a {
	background: rgba(0,60,105,0.1);
}
.newsAndEvents .blue .arrows a:hover {
	background: rgba(0,60,105,0.2);
}
 
.newsAndEvents .red h2:before,
.newsAndEvents .red .date {
	background: #cd202c;
}
.newsAndEvents .red a,
.newsAndEvents .red i {
	color: #cd202c;
}
.newsAndEvents .red p.more a {
	color: #cd202c !important;
}
.newsAndEvents .red .arrows a {
	background: rgba(205,32,44,0.1);
}
.newsAndEvents .red .arrows a:hover {
	background: rgba(205,32,44,0.2);
}

/*MOSAIC LINKS & SOCIAL FEEDS
*****************************************************/
 
.social  .row {
	max-width: 1160px;
	margin-top: 10px;
}
 
.social .row > div {
	position: relative;
	min-height: 0;
	background: transparent;
}
 
.social .row .fourcol {
	width: 33.3333333333%;
}
 
/*mosaic links*/
 
.mosiacLinks .tile {
	height: 0;
	float: left;
	position: relative;
	text-align: center;
	background: transparent;
}
 
.mosiacLinks .tile.large {	
	width: 33.3333333333%;
	padding-bottom: 33.3333333333%;	
}
 
.mosiacLinks .tile.small {
	width: 50%;
	padding-bottom: 50%;
	
}
 
.mosiacLinks .tile a {
	position: absolute;
	top: 10px;
	left:10px;
	right:10px;
	bottom: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height: 17px;
	padding: 10px;
	transition: opacity 0.3s ease;
}
 
.mosiacLinks .tile a:hover {
	opacity: 0.85;
}
 
.mosiacLinks .tile.small a {	
	font-size: 0;
}
 
.mosiacLinks .tile.large i {
	display: block;
	font-size: 48px;
	padding: 5px 0 5px;
}
 
.mosiacLinks .tile.small i {
	display: block;
	font-size: 22px;
	padding: 0;
}
 
.mosiacLinks .tile.small i.icon-tripadvisor {
	text-indent: -5000px;
	width: 24px;
	height: 24px;
	background: transparent url('/en/media/siteassets/styleassets/images/misc/icon_tripadvisor_24.png') center center no-repeat;
}
 
/*mosaic colours*/
 
.mosiacLinks .tile.small a {
	background: #003c69;
}
.mosiacLinks .tile.red a {
	background: #cd202c;
}
.mosiacLinks .tile.blue a {
	background: #003c69;
}
.mosiacLinks .tile.yellow a {
	background: #ffb500;
	color: #231f20;
}
.mosiacLinks .tile.green a {
	background: #74aa50;
}
.mosiacLinks .tile.mauve a {
	background: #7566dc;
}
.mosiacLinks .tile.sky a {
	background: #69b3e7;
}
.mosiacLinks .tile.stone a {
	background: #c6893f;
}
.mosiacLinks .tile.earth a {
	background: #b46a55;
}
.mosiacLinks .tile.facebook a {
	background: #3b5997;
}
.mosiacLinks .tile.twitter a {
	background: #00aced;
}
.mosiacLinks .tile.linkedin a {
	background: #005a87;
}
.mosiacLinks .tile.rss a {
	background: #ff6c00;
}
 
/*social feeds*/
 
.socialFeed .inner {
	margin: 10px;
	border: 1px solid #ebebed;
	position: relative;
	overflow: hidden;
}
 
.socialFeed.closed .inner {
	height: 0;
	padding-bottom: 61%;
}
 
.socialFeed h2 {
	background: #ebebed;
	font-weight: normal;
	margin: 0;
	padding: 15px;
}
 
.socialFeed.red a,
.socialFeed.red h2 {
	color: #cd202c;
}
 
.socialFeed.blue a,
.socialFeed.blue h2 {
	color: #003c69;
}
 
.socialFeed .expand a {
	font-size: 16px;
	display: block;
	text-align: center;
	padding: 50px 0 15px 0;
	position: absolute;
	z-index: 20;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ebebed;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* W3C */
}
 
.socialFeed.open .expand a {
	padding: 10px 0 5px;
	position: static;
	background: transparent;
}
 
.socialFeed .expand i {
	padding: 0 0 0 5px;
}
 
.socialFeed iframe {
	width: 100% !important;
}

/*FOOTER
*********************************************************/
footer {
	border-top: 1px solid #bbbcbc;
	border-bottom: 0;
	margin-top: 30px;
	padding: 15px 0 15px;
}
 
footer .footerLinks, 
footer .copyright {
	float: none;
}
 
footer .footerLinks {
	text-align: center;
	padding-bottom: 15px;
}
 
footer .footerLinks li {
	float: none;
	display: inline-block;
}
 
footer .footerLinks li:last-child {
	border-right: 0;
}
 
footer .footerLinks li a {
	color: #231f20;
	font-weight: normal;
	font-size: 1.1em;
	border-left: 1px solid #4d494a;
	padding: 0 10px;
}
 
footer .footerLinks li:first-child a {
	border-left: 0;
}
 
footer .footerLinks li a:hover {
	background-color: transparent;
	border-left: 1px solid #4d494a;
	color: #000;
	margin-right: 0px;
	position: relative;
	left: 0;
	z-index: 10;
	text-decoration: none;
	padding: 0 10px;
}
 
footer p {
	text-align: center;
	color: #231f20;
	font-size: 1.1em;
}
 
footer p i {
	color: #cd202c;
	font-size: 14px;
	padding: 0 5px 0 10px;
}
 
footer p a {
	text-decoration: none;
}
 
footer .copyright {
	margin: 0 30px 0 0;
	font-weight: normal;
	padding: 4px 0 0 0;
	height: auto;
}

/*FANCYBOX ON HOME PAGE - USED FOR CAMPAIGNS MODAL WINDOWS
**************************************************************************/
 
.homepage .fancybox-wrap {
	max-width: 500px;
}
 
.homepage .fancybox-skin {
	padding: 0 !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.5);
	text-align: left;
}
 
.homepage .fancybox-inner {
	max-width: 480px !important;
}
 
.homepage .fancybox-close {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
	background-image: none;
	background: #fff;
	background: rgba(255,255,255,0.5);
	border-radius: 50%;
	text-decoration: none;
}
 
.homepage .fancybox-close:after {
	content: "x";
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	position: relative;
	top: 10px;
	left: 13px;
}
 
.homepage .fancybox-skin .modalCampaigns {
	height: auto;
}
 
.homepage .fancybox-skin h3 {
	background: #cd202c;
	color: #fff;
	font-weight: 400;
	font-size: 28px;
	padding: 12px 50px 12px 20px;
	margin: 0;
}

.homepage .fancybox-skin .image {
	width: 100%;
	max-height: 300px;
	overflow: hidden;
}
 
.homepage .fancybox-skin img {
	width: 100%;
}
 
.homepage .fancybox-skin .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	width: 100%;
}
 
.homepage .fancybox-skin .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
 
.homepage .fancybox-skin .modalContent {
	padding: 15px 20px;
	background: #fff;
}
 
.homepage .fancybox-skin .modalContent p {
	color: #231f20;
	font-size: 17px;
	line-height: 24px;
	padding: 0 0 15px;
	margin: 0;
}
 
.homepage .fancybox-skin .modalContent ul {
	margin: 0;
	padding: 0 0 15px;
}
 
.homepage .fancybox-skin .modalContent li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
 
.homepage .fancybox-skin .modalContent li a {
	display: block;
	color: #cd202c;
	font-size: 15px;
	line-height: 20px;
	padding: 10px 25px 10px 15px;
	margin: 1px 0 0 0;
	background: #ebebed;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	text-align: left;
}
 
.homepage .fancybox-skin .modalContent li a:after {
	content: "\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #cd202c;
	font-size: 16px;
	position: absolute;
	top: 11px;
	right: 15px;
}
 
.homepage .fancybox-skin .modalContent li img {
	max-width: 80px;
	height: auto;
	float: left;
	margin: 0 10px 0 0;
}
 
.homepage .fancybox-skin .modalContent li.selected img {
	box-shadow: 0 0 0 3px #cd202c;
}
 
.homepage .fancybox-skin .bottom a {
	display: block;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	background: #bbbcbc;
	color: #231f20;
	font-size: 19px;
}

/*modals showing a larger image*/
 
.homepage .fancybox-skin .largeImg .modalContent li a {
	padding-top: 30px;
}
 
.homepage .fancybox-skin .largeImg .modalContent li a:after {
	top: 30px;
}
 
.homepage .fancybox-skin .largeImg .modalContent li img {
	max-width: 120px;
	position: relative;
	margin-top: -20px;
}
 
/*colours*/
 
.homepage .fancybox-skin .red .modalContent li a,
.homepage .fancybox-skin .red .modalContent li a:after {
	color: #cd202c;
}
.homepage .fancybox-skin .red h3 {
	background: #cd202c;
}
.homepage .fancybox-skin .yellow .modalContent li.selected img {
	box-shadow: 0 0 0 3px #cd202c;
}
 
.homepage .fancybox-skin .yellow .modalContent li a,
.homepage .fancybox-skin .yellow .modalContent li a:after {
	color: #4d494a;
}
.homepage .fancybox-skin .yellow h3 {
	background: #ffb500;
	color: #231f20;
}
.homepage .fancybox-skin .yellow .modalContent li.selected img {
	box-shadow: 0 0 0 3px #ffb500;
}
 
.homepage .fancybox-skin .blue .modalContent li a,
.homepage .fancybox-skin .blue .modalContent li a:after {
	color: #003c69;
}
.homepage .fancybox-skin .blue h3 {
	background: #003c69;
}
.homepage .fancybox-skin .blue .modalContent li.selected img {
	box-shadow: 0 0 0 3px #003c69;
}
 
.homepage .fancybox-skin .mauve .modalContent li a,
.homepage .fancybox-skin .mauve .modalContent li a:after {
	color: #6156ab;
}
.homepage .fancybox-skin .mauve h3 {
	background: #7566dc;
}
.homepage .fancybox-skin .mauve .modalContent li.selected img {
	box-shadow: 0 0 0 3px #7566dc;
}
 
.homepage .fancybox-skin .stone .modalContent li a,
.homepage .fancybox-skin .stone .modalContent li a:after {
	color: #9d6624;
}
.homepage .fancybox-skin .stone h3 {
	background: #c6893f;
}
.homepage .fancybox-skin .stone .modalContent li.selected img {
	box-shadow: 0 0 0 3px #c6893f;
}
 
.homepage .fancybox-skin .earth .modalContent li a,
.homepage .fancybox-skin .earth .modalContent li a:after {
	color: #9d5d4a;
}
.homepage .fancybox-skin .earth h3 {
	background: #b46a55;
}
.homepage .fancybox-skin .earth .modalContent li.selected img {
	box-shadow: 0 0 0 3px #b46a55;
}
 
.homepage .fancybox-skin .green .modalContent li a,
.homepage .fancybox-skin .green .modalContent li a:after {
	color: #518230;
}
.homepage .fancybox-skin .green h3 {
	background: #74aa50;
}
.homepage .fancybox-skin .green .modalContent li.selected img {
	box-shadow: 0 0 0 3px #74aa50;
}
 
.homepage .fancybox-skin .sky .modalContent li a,
.homepage .fancybox-skin .sky .modalContent li a:after {
	color: #3f87ba;
}
.homepage .fancybox-skin .sky h3 {
	background: #69b3e7;
}
.homepage .fancybox-skin .sky .modalContent li.selected img {
	box-shadow: 0 0 0 3px #69b3e7;
}