/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
html,
button,
input,
select,
textarea {
  color: #222;
}
body {
  font-size: 0.9em;
  line-height : 1.4;
  }
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
   
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Animations
   ========================================================================== */
   
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}

@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-500px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(5px);
	}
	
	80% {
		opacity: 1;
		-webkit-transform: translateY(-1px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-500px);
	}
	
	80% {
		opacity: 1;
		-moz-transform: translateY(5px);
	}
	
	90% {
		opacity: 1;
		-moz-transform: translateY(-1px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-500px);
	}
	
	80% {
		opacity: 1;
		-o-transform: translateY(5px);
	}
	
	90% {
		opacity: 1;
		-o-transform: translateY(-1px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-500px);
	}
	
	80% {
		opacity: 1;
		transform: translateY(5px);
	}
	
	90% {
		opacity: 1;
		transform: translateY(-1px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=521be13e-de4c-44ed-af89-612183b2f989");
@font-face{
font-family:"Glypha Web Light";
src:url("../fonts/24f06ec1-5bcf-458a-bcfb-eac146760ba0.eot?#iefix");
src:url("../fonts/24f06ec1-5bcf-458a-bcfb-eac146760ba0.eot?#iefix") format("eot"),url("../fonts/439b0ebb-aa56-4484-bb89-d8fcd8fffe83.woff") format("woff"),url("../fonts/31124f99-dab9-42b9-98c8-65c991eb80dc.ttf") format("truetype"),url("../fonts/4024835f-8aea-4b85-a0e1-d0ede737eefd.svg#4024835f-8aea-4b85-a0e1-d0ede737eefd") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:"Glypha Web Light Italic";
src:url("../fonts/97bb0d10-97e5-46c7-8687-26d752869b99.eot?#iefix");
src:url("../fonts/97bb0d10-97e5-46c7-8687-26d752869b99.eot?#iefix") format("eot"),url("../fonts/779ff1a6-2860-40fd-9532-80325af29469.woff") format("woff"),url("../fonts/179331f7-9694-4007-8c2e-93503acc7ee3.ttf") format("truetype"),url("../fonts/daa02aa9-fa6d-4fea-acfe-45bc3a7e63c9.svg#daa02aa9-fa6d-4fea-acfe-45bc3a7e63c9") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:"Glypha Web Light Bold";
src:url("../fonts/a9fac05b-7139-447c-9d0a-e2cfe6f08956.eot?#iefix");
src:url("../fonts/a9fac05b-7139-447c-9d0a-e2cfe6f08956.eot?#iefix") format("eot"),url("../fonts/52db8eec-5d0e-4047-9df3-01b004f01371.woff") format("woff"),url("../fonts/fb20e835-937d-4e90-b91a-38e17c8bb0ee.ttf") format("truetype"),url("../fonts/124daf03-3c02-409f-aa57-3b8cb061723e.svg#124daf03-3c02-409f-aa57-3b8cb061723e") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:"Glypha Web Light BoldItalic";
src:url("../fonts/af7ad3fe-d518-46b9-b428-4eff9698a70d.eot?#iefix");
src:url("../fonts/af7ad3fe-d518-46b9-b428-4eff9698a70d.eot?#iefix") format("eot"),url("../fonts/41fcd388-0473-487f-a4e4-903d7a45552f.woff") format("woff"),url("../fonts/4ab5ebc1-404b-43c0-bf4c-f8ec29c088f3.ttf") format("truetype"),url("../fonts/929328f7-c744-496f-98ee-d385c7dfc1a6.svg#929328f7-c744-496f-98ee-d385c7dfc1a6") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:"Glypha Web";
src:url("../fonts/5d685597-f360-4464-a715-9c1484c941d1.eot?#iefix");
src:url("../fonts/5d685597-f360-4464-a715-9c1484c941d1.eot?#iefix") format("eot"),url("../fonts/2ac87a71-d939-489d-bc6b-347d07881063.woff") format("woff"),url("../fonts/9884d4c9-f5c9-40fc-839d-e64bc2bca326.ttf") format("truetype"),url("../fonts/9afb9aeb-d1ab-4165-858b-a9f6a9329cc2.svg#9afb9aeb-d1ab-4165-858b-a9f6a9329cc2") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:"Glypha Web Italic";
src:url("../fonts/9a3e7863-7e5b-4f3a-adcf-8fb8b27c785f.eot?#iefix");
src:url("../fonts/9a3e7863-7e5b-4f3a-adcf-8fb8b27c785f.eot?#iefix") format("eot"),url("../fonts/bee909ed-5851-4a4c-8010-d81551f74b6b.woff") format("woff"),url("../fonts/0657dc0d-113d-42cb-9414-030e07d07fa0.ttf") format("truetype"),url("../fonts/31abaea4-3db9-4be2-9da2-c7d6170a00b5.svg#31abaea4-3db9-4be2-9da2-c7d6170a00b5") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:"Glypha Web Bold";
src:url("../fonts/a9fac05b-7139-447c-9d0a-e2cfe6f08956.eot?#iefix");
src:url("../fonts/a9fac05b-7139-447c-9d0a-e2cfe6f08956.eot?#iefix") format("eot"),url("../fonts/52db8eec-5d0e-4047-9df3-01b004f01371.woff") format("woff"),url("../fonts/fb20e835-937d-4e90-b91a-38e17c8bb0ee.ttf") format("truetype"),url("../fonts/124daf03-3c02-409f-aa57-3b8cb061723e.svg#124daf03-3c02-409f-aa57-3b8cb061723e") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:"Glypha Web BoldItalic";
src:url("../fonts/af7ad3fe-d518-46b9-b428-4eff9698a70d.eot?#iefix");
src:url("../fonts/af7ad3fe-d518-46b9-b428-4eff9698a70d.eot?#iefix") format("eot"),url("../fonts/41fcd388-0473-487f-a4e4-903d7a45552f.woff") format("woff"),url("../fonts/4ab5ebc1-404b-43c0-bf4c-f8ec29c088f3.ttf") format("truetype"),url("../fonts/929328f7-c744-496f-98ee-d385c7dfc1a6.svg#929328f7-c744-496f-98ee-d385c7dfc1a6") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:"Glypha Web Black";
src:url("../fonts/23cd6501-d4ab-44aa-b031-4c65da0cff5a.eot?#iefix");
src:url("../fonts/23cd6501-d4ab-44aa-b031-4c65da0cff5a.eot?#iefix") format("eot"),url("../fonts/c92456bd-13d3-4aba-a066-00abe6e12a23.woff") format("woff"),url("../fonts/fcb4b45b-2069-48f9-86b9-fd4878c9fab5.ttf") format("truetype"),url("../fonts/5dd3e112-c1ab-4286-8da3-226de603fe4f.svg#5dd3e112-c1ab-4286-8da3-226de603fe4f") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:"Glypha Web Black Italic";
src:url("../fonts/01efe3fe-95ff-4876-b251-0f08920ac940.eot?#iefix");
src:url("../fonts/01efe3fe-95ff-4876-b251-0f08920ac940.eot?#iefix") format("eot"),url("../fonts/9f22178b-57e4-4c36-9c5f-635367044cda.woff") format("woff"),url("../fonts/72584572-333f-4e65-855f-dce145f19a8b.ttf") format("truetype"),url("../fonts/b7e3572c-9df8-4c2b-865c-0beef74b26ec.svg#b7e3572c-9df8-4c2b-865c-0beef74b26ec") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:"Sosa Web";
src:url("../fonts/sosa-regular-webfont.eot?#iefix");
src:url("../fonts/sosa-regular-webfont.eot?#iefix") format("eot"),url("../fonts/sosa-regular-webfont.woff") format("woff"),url("../fonts/sosa-regular-webfont.ttf") format("truetype"),url("../fonts/sosa-regular-webfont.svg#sosa-regular-webfont") format("svg");
font-weight: normal;
font-style: normal;
}

html,
button,
input,
select,
textarea {
	font-family: "Glypha Web Light", Helvetica, Arial, sans-serif;
}

b,
strong {
	font-weight: normal;
	font-family: "Glypha Web Light Bold", Helvetica, Arial, sans-serif;
}

html.windows,
html.windows button,
html.windows input,
html.windows select,
html.windows textarea {
	font-family: "Glypha Web", Helvetica, Arial, sans-serif;
}

html.windows b,
html.windows strong {
	font-family: "Glypha Web Light Bold", Helvetica, Arial, sans-serif;
}

acronym,
abbr {
	cursor: help;
}

body {
	text-align: center;
	background-color: #fff;
}

.touch body {
	-webkit-text-stroke: 0.35px;
}

body > .message {
	position: relative;
	padding: 3px 10px;
	background: #0f0f0f;
	font-size: 12px;
	color: #fff;
}
	body > .message p {
		margin: 0;
		font-family: "Glypha Web Light Bold", Helvetica, Arial, sans-serif;
	}
	
	body > .message p a {color:#fff;}
	
	html.windows body > .message p {
		font-family: "Glypha Web Bold", Helvetica, Arial, sans-serif;
	}
		body > .message p strong {
			color: #b8b8b8;
		}
		body > .message p .close {
			margin-left: 15px;
			color: #fff;
			font-family: "Sosa Web", sans-serif;
			font-weight: normal;
			text-decoration: none;
		}
		body > .message p .close:hover {
			color: #999;
		}

.header.banner {
	overflow: hidden;
}

#portal-breadcrumbs {text-transform:lowercase; margin-top:5px;}
.external-link, .internal-link, .mail-link {font-weight:bold;}

dl dt span.summary {line-height:2;}

div.fb-page {margin-top:10px;}

table.grid {width:100%; border:1px solid #ccc;}
table.grid tr:first-child, table.listing thead tr {background-color:#ccc;}
table.grid tr th, table.listing tr th {padding:6px 3px 6px 3px; vertical-align:top;}
table.grid tr td {border:1px solid #ccc; padding:6px 3px 6px 3px; vertical-align:top;}

table.plain {border:0;}
table.plain th {padding:5px; text-align:left; vertical-align:top; background:#eee8ef;}
table.plain td {padding:5px; text-align:left; vertical-align:top;}

table.listing {width:100%; max-width:800px;}
table.listing tr td {padding:6px 3px 6px 3px; vertical-align:top;}
.listingBar {margin-top:20px;}

table.fees7col, table.fees4col, table.fees3col, table.fees2col {width:100%; border:1px solid #ddd; margin-bottom:50px;}

table.fees7col tr:first-child, table.fees4col tr:first-child, table.fees3col tr:first-child, table.fees2col tr:first-child {background:#eee;}
div#Fees div table.fees7col tr:first-child, div#Fees div table.fees4col tr:first-child, div#Fees div table.fees3col tr:first-child, div#Fees div table.fees2col tr:first-child {background:#572163;}

table.fees7col th ul, table.fees4col th ul, table.fees3col th ul, table.fees2col th ul {margin:0; padding:0;}
table.fees7col th ul li, table.fees4col th ul li, table.fees3col th ul li, table.fees2col th ul li {font-weight:normal; list-style-type:none;}
table.fees7col th, table.fees4col th, table.fees3col th, table.fees2col th {vertical-align:bottom;}

table.fees2col th, table.fees2col td {width:52%; text-align:center;border:1px solid #ddd; padding:4px;}
table.fees2col th:first-child {width:48%; text-align:left;border:1px solid #ddd;}
table.fees2col td:first-child {width:48%; text-align:right;border:1px solid #ddd;}

table.fees3col th, table.fees3col td {width:26%; text-align:center;border:1px solid #ddd; padding:4px;}
table.fees3col th:first-child {width:48%; text-align:left;border:1px solid #ddd;}
table.fees3col td:first-child {width:48%; text-align:right;border:1px solid #ddd;}

table.fees4col th, table.fees4col td {width:18%; text-align:center;border:1px solid #ddd; padding:4px;}
table.fees4col th:first-child {width:48%; text-align:left;border:1px solid #ddd;}
table.fees4col td:first-child {width:48%; text-align:right;border:1px solid #ddd;}

table.fees7col th, table.fees7col td {width:10%; text-align:center;border:1px solid #ddd; padding:4px;}
table.fees7col th:first-child {width:30%; text-align:left;border:1px solid #ddd;}
table.fees7col td:first-child {width:30%; text-align:right;border:1px solid #ddd;}

div#content-core div#parent-fieldname-text ul li {margin:7px 0 7px 0;}

#content-core .callout {
	background: none repeat 0 0 #eee;
    border-left: 1em solid #ccc;
    padding: 1em;
    padding-left: 2.5em;
        padding-right: 2.5em;
    overflow:hidden;
    quotes: "\201C""\201D""\2018""\2019";
    position: relative;
}

#content-core .callout:before {
    content: open-quote;  
    color: #ccc;
  font-size: 4em;
  line-height: 0.1em;
  vertical-align: -0.4em;
    left: 3px;
  top: 0.4em;
  position: absolute;
}
#content-core .callout:after {
    content: close-quote;
  color: #ccc;
  font-size: 4em;
  line-height: 0.1em;
    position: absolute;
  bottom:0px; 
  right:3px; 
}

.header.banner .tools {
	margin: -2px 0 0;
	padding: 0;
	font-size: 12px;
}
	.header.banner .tools li {
		display: inline;
		list-style: none;
		margin: 0 2px;
	}
		.header.banner .tools li a {
			display: inline-block;
			margin-bottom: 2px;
			padding: 3px 6px;
			vertical-align: top;
			color: #fff;
			border: 1px solid #fff;
			border-radius: 0 0 3px 3px;
			font-family: "Glypha Web Light Bold", Helvetica, Arial, sans-serif;
			text-decoration: none;
			text-shadow: 1px 1px 0 rgba(0,0,0,.1);
		}
		html.windows .header.banner .tools li a {
			font-family: "Glypha Web Bold", Helvetica, Arial, sans-serif;
		}
		.header.banner .tools li a:hover {
			margin-bottom: 0;
			padding-top: 5px;
			transition: all .1s;
			-webkit-transition: all .1s;
		}
		.header.banner .tools li.students a {
			background: #572163;
			box-shadow: 0 0 0 1px #572163;
		}
		.header.banner .tools li.staff a {
			background: #b74783;
			box-shadow: 0 0 0 1px #b74783;
		}
		.header.banner .tools li.alumni a {
			background: #d15861;
			box-shadow: 0 0 0 1px #d15861;
		}
		.header.banner .tools li.language a {
			background: #f1765f;
			box-shadow: 0 0 0 1px #f1765f;
		}
		.home .header.banner .tools li a {
			background: #bbb;
			box-shadow: 0 0 0 1px #bbb;
		}
		.home .header.banner .tools li a:hover {
			background: #bbb;
			box-shadow: 0 0 0 1px #bbb;
		}
	.header.banner li form {
		display: inline-block;
	}
	.lt-ie8 .header.banner li form {
		display: inline;
	}
		.header.banner li form input[type="submit"] {
			padding: 1px 3px;
			border: none;
			background: none;
			font: bold 21px "Sosa Web", sans-serif;
			color: #fff;
			background: #0f0f0f;
			border-radius: 3px;
		}
		
		.lt-ie8 .header.banner li form input[type="submit"] {
			height: 33px;
		}
		.home .header.banner li form input[type="submit"] {
			padding: 1px 0;
			background: none;
			color: #d6d6d6;
		}
			.home .header.banner li form input[type="submit"]:hover {
				color: #bbb;
			}
		.lt-ie8 .header.banner li form .keyword {
			margin-top: 6px;
		}
		.header.banner li form .keyword {
			padding-bottom: 5px;
			border: none;
			border-bottom: 1px solid #d6d6d6;
			font-family: "Glypha Web Light Bold", Helvetica, Arial, sans-serif;
		}
		html.windows .header.banner li form .keyword {
			font-family: "Glypha Web Bold", Helvetica, Arial, sans-serif;
		}

.header.banner .logo {
	margin: 0;
}
	.header.banner .logo a {
		width: 180px;
		height: 57px;
		display: block;
		margin: 7px auto 3px auto;
		text-indent: -9999px;
		background: url(../img/logo.gif) no-repeat;
		background-size: 100%;
	}
	.lt-ie9 .header.banner .logo a {
		text-indent: 0;
		background: none;
		background-size: auto;
	}
		.header.banner .logo a img {
			width: 100%;
		}

.header.banner .signpost {
	margin: 0 10px 6px;
	font-family: "Oswald", Helvetica, Arial, sans-serif;
}
	.header.banner .signpost .question > span {
		display: inline-block;
		margin: 5px 0;
		padding: 4px 6px;
		font-size: 14.5px;
		font-weight: bold;
		text-transform: uppercase;
		background: #572163;
		border-radius: 3px;
		color: #fff;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
	}
		.header.banner .signpost .question strong {
			color: #e9b6d2;
			font-weight: bold;
			font-family: "Oswald", Helvetica, Arial, sans-serif;
		}
	.header.banner .signpost .answer {
		display: block;
		margin: 0 4px;
	}
		.header.banner .signpost .answer a {
			display: inline-block;
			margin: 5px 0;
			padding: 4px 10px;
			font-size: 14px;
			text-transform: uppercase;
			background: #d15861;
			border: 1px solid #fff;
			box-shadow: 0 0 0 1px #d15861;
			border-radius: 3px;
			color: #fff;
			text-shadow: 1px 1px 0 rgba(0,0,0,.5);
			text-decoration: none;
		}
		.header.banner .signpost .answer a:hover {
			box-shadow: 0 0 0 3px #d15861;
			text-shadow: 2px 2px 0 rgba(0,0,0,.5);
		}
		.header.banner .signpost .answer.local a {
			background: #f1765f;
			box-shadow: 0 0 0 1px #f1765f;
		}
		.header.banner .signpost .answer.local a:hover {
			box-shadow: 0 0 0 3px #f1765f;
			text-shadow: 2px 2px 0 rgba(0,0,0,.5);
		}

.header.banner .nav.primary {
	font: bold 14.5px "Oswald", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0 10px 10px;
}
	.header.banner .nav.primary ul {
		margin: 0;
		padding: 0;
	}
		.header.banner .nav.primary ul li {
			display: inline-block;
			padding: 0 2px;
			list-style: none;
			line-height: 2.7;
		}
		.lt-ie8 .header.banner .nav.primary ul li {
			display: inline;
		}
			.header.banner .nav.primary ul li a {
				color: #0f0f0f;
				text-decoration: none;
				border-top: 4px solid #0f0f0f;
				border-bottom: 4px solid #0f0f0f;
				border-radius: 3px;
			}
			.header.banner .nav.primary ul li.active a {
				color: #572163;
				border-top: 5px solid #572163;
				border-bottom: 5px solid #572163;
			}
			.header.banner .nav.primary ul li a:hover {
				border-top-width: 5px;
				border-bottom-width: 5px;
			}

.section.clearfix > .wrap {
	margin: 0 auto;
	max-width: 1340px;
}

.mountains2 {
	padding-top: 80px;
	background: url(../img/mountains_mobile.png) no-repeat;
}
.section.intro {
	position: relative;
	overflow: hidden;
	background: #0f0f0f;
	color: #fff;
	text-align: left;
}

.home .section.intro {
	position: static;
	overflow: visible;
	text-align: center;
}
	.section.intro > .wrap {
		overflow: hidden;
		padding-bottom: 15px;
		background-repeat: no-repeat;
	}
	.home .section.intro > .wrap {
		overflow: visible;
		padding-bottom: 0;
	}
	.section.intro .col.half {
		display: table-header-group;
	}
	.section.intro .col.half:first-child {
		display: table-footer-group;
	}
	.section.intro .video * {
		width: 100%;
	}
	.section.intro h1 {
		position: relative;
		float: left;
		margin: 15px 10px 0 0;
		padding: 10px;
		font: 23px "Oswald", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		background: #0f0f0f;
	}
	
	html[lang=gd] .section.intro h1 {font: 40px "Oswald", Helvetica, Arial, sans-serif;}
	
	.home .section.intro h2 {
		margin: .83em 10px 0 10px;
		font: 28px/1 "Glypha Web Black", Helvetica, Arial, sans-serif;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
	}
		.home .section.intro h2 strong {
			font-weight: normal;
			font-family: "Glypha Web Black", Helvetica, Arial, sans-serif;
			color: #b8b8b8;
		}
	.section.intro p {
		position: relative;
		z-index: 1;
		float: left;
		clear: left;
		margin: 15px 10px 0 0;
		padding: 10px;
		font-size: 13px;
		background: #0f0f0f;
	}
	.lt-ie8 .section.intro p {
		width: 90%;
	}
	.home .section.intro p {
		float: none;
		width: auto;
		clear: none;
		margin: 0 10px 1em 10px;
		padding: 0;
		font-size: 14px;
		background: none;
	}

.section.coursedetails {
	position: relative;
	background: #572163 url(../img/whitefade_bottom.png) center bottom no-repeat;
	color: #fff;
	font-size: 13px;
	text-align: left;
}

.section.coursedetails a {text-decoration:underline;}

	.section.coursedetails .apply {
		float: right;
		margin: 6px 10px 0 20px;
	}
		.section.coursedetails .apply a {
			display: inline-block;
			padding: 3px 6px;
			background: #fff;
			color: #0f0f0f;
			font-size: 14px;
			text-decoration: none;
			border-radius: 3px;
		}
	.section.coursedetails .tabnav {
		margin: 4px 0 0 10px;
		padding: 0;
	}
		.section.coursedetails .tabnav li {
			display: inline-block;
			list-style: none;
			margin: 6px 3px 0 0;
		}
		.lt-ie8 .section.coursedetails .tabnav li {
			display: inline;
		}
			.section.coursedetails .tabnav li h2 {
				display: inline;
				margin: 0;
				font-weight: normal;
			}
				.section.coursedetails .tabnav li h2 a {
					display: inline-block;
					padding: 3px 6px;
					background: #b74783;
					color: #fff;
					font-size: 14px;
					text-decoration: none;
					border-radius: 3px;
				}
				.section.coursedetails .tabnav li.ui-tabs-active h2 a {
					background: #0f0f0f;
					color: #fff;
				}
	.section.coursedetails .tab {
		margin: 10px;
	}
	.section.coursedetails h3 {
		margin: 0;
	}
	.section.coursedetails p,
	.section.coursedetails ul,
	.section.coursedetails ol {
		margin-top: 0;
	}
	.section.coursedetails ul li {
		list-style: square;
	}

.section.courselist .col.threequarters {
	padding-bottom: 10px;
	text-align: left;
}
	.section.courselist .col.threequarters > ul {
		margin: 0 10px;
		padding: 0;
		list-style: none;
	}
		.section.courselist .col.threequarters > ul li {
			overflow: hidden;
		}
		.lt-ie8 .section.courselist .col.threequarters > ul li {
			float: left;
			width: 100%;
		}
		.backgroundsize .section.courselist .col.threequarters > ul li {
			background: url(../img/blackfade_bottom.png) center bottom no-repeat;
			background-size: 100% 100%;
		}
			.section.courselist .col.threequarters > ul li a {
				display: block;
				overflow: hidden;
				padding: 4px 10px;
				font-size: 15px;
				color: #0f0f0f;
				border-bottom: 4px dotted #ccc;
				text-decoration: none;
				cursor: pointer;
			}
			.section.courselist .col.threequarters > ul li a:hover {
				background: #eaeaea;
			}
			.section.courselist .col.threequarters > ul li a .course {
				float: left;
				width: 100%;
			}
			.section.courselist .col.threequarters > ul li a .level {
				clear: left;
				color: #666;
			}
				.section.courselist .col.threequarters > ul li a .modes .mode {
					display: inline-block;
					margin-left: 3px;
					padding: 0 5px;
					background: #e0e0e0;
					color: #fff;
					border-radius: 3px;
					font-family: "Glypha Web Black", Helvetica, Arial, sans-serif;
					text-shadow: 1px 1px 0 rgba(0,0,0,.1);
				}
				.section.courselist .col.threequarters > ul li a:hover .modes .mode {
					background: #ccc;
				}
				.section.courselist .col.threequarters > ul li a .modes .mode.active {
					background: #f1765f;
					text-shadow: 1px 1px 0 rgba(0,0,0,.5);
				}
				.section.courselist .col.threequarters > ul li a .modes .mode.active:first-child {
					background: #d15861;
				}

	.section.courselist .col.onequarter {
		margin-bottom: 10px;
		text-align: left;
	}
		.section.courselist .col.onequarter h2 {
			margin: 0 10px;
			font: bold 23px "Oswald", Helvetica, Arial, sans-serif;
			text-transform: uppercase;
			color: #572163;
		}
		.section.courselist .col.onequarter > ul {
			margin: 0 10px;
			padding: 0;
			list-style: none;
		}
			.section.courselist .col.onequarter > ul > li {
				margin-bottom: 6px;
				background: #b74783;
				color: #fff;
			}
				.section.courselist .col.onequarter > ul > li h3 {
					margin: 0;
					padding: 5px 10px;
					font-size: 15px;
					font-weight: normal;
				}
				.js .section.courselist .col.onequarter > ul > li h3 {
					cursor: pointer;
				}
					.section.courselist .col.onequarter > ul > li h3 .arrow {
						float: right;
						margin-left: 4px;
						font-size: 12px;
						vertical-align: middle;
					}
			.section.courselist .col.onequarter > ul > li:nth-child(even) {
				background: #572163;
			}
			.section.courselist .col.onequarter > ul > li.open {
				background: #eee;
				color: #0f0f0f;
			}
			.section.courselist .col.onequarter > ul > li.open:nth-child(even) {
				background: none;
			}
			.section.courselist .col.onequarter > ul > li ul {
				margin: 0;
				padding: 0 5px 10px 5px;
				list-style: none;
			}
			.js .section.courselist .col.onequarter > ul > li ul {
				display: none;
			}
				.section.courselist .col.onequarter > ul > li ul li a {
					display: inline-block;
					margin: 3px 11px 3px 0;
					padding: 0 5px;
					color: #fff;
					font-size: 13px;
					text-decoration: none;
				}
				.section.courselist .col.onequarter > ul > li.open ul li a {
					color: #0f0f0f;
				}
				.section.courselist .col.onequarter > ul > li ul li.active a {
					background: #b74783;
					color: #fff;
					border-radius: 3px;
				}
				.section.courselist .col.onequarter > ul > li:nth-child(even) ul li.active a {
					background: #572163;
				}

.section.testimonials {
	background: #572163 url(../img/whitefade_bottom.png) center bottom no-repeat;
	color: #fff;
}
	.section.testimonials .col.half {
		padding-top: 10px;
	}
	.section.testimonials img {
		display: none;
	}
	.section.testimonials h2 {
		margin: 0 10px;
		font: 28px/1 "Glypha Web Black", Helvetica, Arial, sans-serif;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
	}
		.section.testimonials h2 strong {
			font-weight: normal;
			font-family: "Glypha Web Black", Helvetica, Arial, sans-serif;
			color: #e9b6d2;
		}
	.section.testimonials blockquote {display: none; margin: 0 10px;}
	.section.testimonials blockquote:first-child {display: block;}
	.section.testimonials blockquote p {padding: 4px 40px 0 40px; font-size: 14px;}
	.section.testimonials blockquote p:first-child {margin-top: 0;}
	.section.testimonials blockquote p a {color:#fff; text-decoration:underline;}
	.section.testimonials blockquote p .quotee {display: block; color: #e9b6d2; font-size: 12px;}
	.section.testimonials blockquote p .quotee .role {font-family: "Glypha Web Light Bold", Helvetica, Arial, sans-serif;}
	
				html.windows .section.testimonials blockquote p .quotee .role {
					font-family: "Glypha Web Bold", Helvetica, Arial, sans-serif;
				}
	.section.testimonials blockquote:before {
		float: left;
		content: "B";
		font: 30px/.5 "Sosa Web", sans-serif;
	}
	.section.testimonials blockquote:after {
		float: right;
		margin-top: -46px;
		content: "C";
		font: 30px "Sosa Web", sans-serif;
	}

.section.coursefinder {
	position: relative;
	overflow: hidden;
	padding-top: 10px;
	background: #0f0f0f url(../files/coursefinder_home_mobile.jpg) no-repeat;
	background-size: cover;
}
.course .section.coursefinder {
	background: #d15861;
}
.courses .section.coursefinder {
	overflow: visible;
	background: #572163;
}
	.section.coursefinder h2 {
		margin: 0 10px;
		color: #fff;
		font: 28px/1 "Glypha Web Black", Helvetica, Arial, sans-serif;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
	}
		.section.coursefinder h2 strong {
			font-weight: normal;
			font-family: "Glypha Web Black", Helvetica, Arial, sans-serif;
			color: #c6d7de;
		}
		.course .section.coursefinder h2 strong {
			color: #ffb4b6;
		}
	.section.coursefinder form {
		margin: 10px 0;
	}
	.courses .section.coursefinder form {
		margin: 0;
		padding: 10px;
		background: #572163;
	}
		.section.coursefinder form .keyword, ul.ui-autocomplete {
			padding: 8px 40px 8px 8px;
			border: none;
			border-radius: 3px;
			font-size: 14px;
			width: 250px;
			text-align: left;
		}
		
		html[lang=gd] .section.coursefinder form .keyword, ul.ui-autocomplete {width: 450px;}
		
		.courses .section.coursefinder form .keyword, ul.ui-autocomplete {
			width: 84%;
		}
		.section.coursefinder form input[type="submit"] {
			margin-left: -40px;
			padding: 0 8px 0 0;
			border: none;
			background: none;
			font: bold 26px "Sosa Web", sans-serif;
			color: #a3b9c2;
		}
		.course .section.coursefinder form input[type="submit"] {
			color: #ffb4b6;
		}
		.courses .section.coursefinder form input[type="submit"] {
			color: #ccc;
		}
		ul.ui-autocomplete {
			padding: 16px 20px 8px 20px;
			margin-top: -10px;
			background: #fff;
			list-style-type: none;
			z-index: 9;
			max-height: 200px;
			overflow-y: scroll;
			-webkit-overflow-scrolling: touch;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}
			ul.ui-autocomplete li {
				list-style-type: none;
			}
			ul.ui-autocomplete a {
				display: block;
				cursor: pointer;
				margin-bottom: 5px;
			}
			ul.ui-autocomplete a:hover, ul.ui-autocomplete a:focus, ul.ui-autocomplete a.ui-state-focus {
				background: #f4f4f4;
			}
	.section.coursefinder ul.suggestions {
		margin: 10px;
		padding: 0;
		font-size: 13px;
		font-family: "Glypha Web Light Bold", Helvetica, Arial, sans-serif;
	}
	html.windows .section.coursefinder ul.suggestions {
		font-family: "Glypha Web Bold", Helvetica, Arial, sans-serif;
	}
		.section.coursefinder ul.suggestions li {
			display: inline-block;
			padding: 4px 2px;
			list-style: none;
		}
		.lt-ie8 .section.coursefinder ul.suggestions li {
			display: inline;
		}
			.section.coursefinder ul.suggestions li a {
				display: inline-block;
				padding: 3px 6px;
				color: #fff;
				text-decoration: none;
				background: #0f0f0f;
				border-radius: 3px;
			}
			.section.coursefinder ul.suggestions li.all a {
				color: #0f0f0f;
				background: #fff;
			}
			.section.coursefinder ul.suggestions li a:hover {
				color: #fff;
				background: #a3b9c2;
				text-shadow: 1px 1px 0 rgba(0,0,0,.5);
			}
			.course .section.coursefinder ul.suggestions li a:hover {
				background: #ffb4b6;
			}
	.course .section.coursefinder #unistats-widget-frame {
		display: none;
	}
	.section.coursefinder .prospectus p {
		overflow: hidden;
		width: 232px;
		height: 232px;
		margin: 0 auto -50px auto;
		border: 8px solid #b74783;
		background: #b74783;
		border-radius: 174px;
	}
	.courses .section.coursefinder .prospectus p {
		border-color: #fff;
		background: #fff;
	}
	.section.coursefinder .prospectus p:hover {
		border-color: #0f0f0f;
		background: #0f0f0f;
		transition: all .1s;
		-webkit-transition: all .1s;
	}
	.courses .section.coursefinder .prospectus p:hover {
		border-color: #fff;
		background: #fff;
	}
		.section.coursefinder .prospectus p:hover a .text {
			color: #b8b8b8;
			transition: all .1s;
			-webkit-transition: all .1s;
		}
		.section.coursefinder .prospectus p a {
			display: block;
			width: 100%;
			height: 100%;
			background: url(../files/prospectus.jpg) center top no-repeat;
			background-size: 232px 130px;
			text-decoration: none;
		}
			.section.coursefinder .prospectus p a .text {
				display: inline-block;
				margin-top: 129px;
				padding: 0 20px;
				font-size: 14px;
				background: #b74783;
				color: #e9b6d2;
				text-decoration: none;
			}
			.section.coursefinder .prospectus p:hover a .text {
				background: #0f0f0f;
			}
			.courses .section.coursefinder .prospectus p a .text {
				background: #fff;
				color: #5a5a5a;
			}
			.section.coursefinder .prospectus p a strong {
				color: #fff;
			}
			.courses .section.coursefinder .prospectus p a strong {
				color: #0f0f0f;
			}
			.courses .section.coursefinder .prospectus p:hover a strong {
				color: #b74783;
			}
			.section.coursefinder .prospectus p a .download {
				font-family: "Sosa Web", sans-serif;
			}

.section.specialise {
	position: relative;
	background: #b74783;
	color: #fff;
	z-index: 0;
}
	.section.specialise .col.half {
		padding-top: 10px;
	}
	.section.specialise .half + .half img {
		width: 100%;
	}
	.section.specialise h2, .section.specialise p, .section.specialise img {
		position: relative;
		z-index: 2;
	}
	.section.specialise h2 {
		margin: 0 10px;
		font: 28px/1 "Glypha Web Black", Helvetica, Arial, sans-serif;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
	}
		.section.specialise h2 strong {
			font-weight: normal;
			font-family: "Glypha Web Black", Helvetica, Arial, sans-serif;
			color: #e9b6d2;
		}
	.section.specialise p {
		margin: 0 10px 1em 10px;
		font-size: 14px;
	}

.section.specialistsubjects {
	position: relative;
	padding: 10px 0;
	background: #572163 url(../img/whitefade_bottom.png) center bottom no-repeat;
	color: #e9b6d2;
}
	.section.specialistsubjects h2 {
		margin: 0 10px;
		font-size: 28px;
		line-height: 1;
		font-weight: normal;
		color: #fff;
	}
	.section.specialistsubjects p {
		margin: 0 10px;
		font-size: 14px;
	}

.section.ctas {
	min-height: 550px;
	padding: 10px 0;
	background-position: bottom center;
	background-repeat: no-repeat;
}
	.section.ctas .section.testimonials {
		max-width: 640px;
		margin: 0 auto;
		background: none;
		text-align: left;
	}
		.section.ctas .section.testimonials h2 {
			text-align: center;
		}
		.section.ctas .section.testimonials ul.thumbs {
			display: none;
		}
	.section.ctas .section.tour .video {
		margin-bottom: 10px;
	}
	.section.ctas .section.tour p {
		margin: 0 10px 10px 10px;
		font-size: 16px;
		line-height: 1;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
		color: #fff;
	}
		.section.ctas .section.tour p a {
			color: #fff;
			text-decoration: none;
		}
		.section.ctas .section.tour p a:hover {
			border-bottom: 1px solid #fff;
		}
	.section.ctas .section.tour h2 {
		margin: 0 10px;
		font-size: 28px;
		font-weight: normal;
		line-height: 1;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
		color: #fff;
	}
	
	.section.ctas .section.tour h2 a {	color: #fff;}
	
		.section.ctas .section.tour h2 strong {
			display: block;
			text-transform: uppercase;
			font-family: "Glypha Web Black", Helvetica, Arial, sans-serif;
			font-weight: normal;
		}
		.section.ctas .section.tour .ctas ul {
			margin: 10px 0;
			padding: 0;
			font: bold 14.5px "Oswald", Helvetica, Arial, sans-serif;
			text-transform: uppercase;
		}
			.section.ctas .section.tour .ctas ul li {
				display: inline-block;
				padding: 5px;
				list-style: none;
			}
			.lt-ie8 .section.ctas .section.tour .ctas ul li {
				display: inline;
			}
				.section.ctas .section.tour .ctas ul li a {
					display: inline-block;
					padding: 5px 10px;
					color: #fff;
					text-decoration: none;
					background: #0f0f0f;
					border-radius: 3px;
				}
				.section.ctas .section.tour .ctas ul li a:hover {
					background: #572163;
					text-shadow: 2px 2px 0 #000;
				}
	.section.ctas .section.apply {
		padding-top: 15px;
		font: bold 13px "Oswald", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		color: #fff;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
		background: url(../img/hr_black_mobile.png) top center no-repeat;
	}
		.section.ctas .section.apply h2 {
			margin: 0 10px;
			font: 28px/1 "Glypha Web Black", Helvetica, Arial, sans-serif;
			color: #572163;
			text-shadow: 1px 1px 0 rgba(255,255,255,.3);
		}
			.section.ctas .section.apply .row {
				display: none;
				margin-top: 10px;
			}
			.js .section.ctas .section.apply .row { 
				display: block;
			}
			.js #applystep2, .js #applystep3, .js #applystep4 {
				display: none;
			}
			.section.ctas .section.apply a {
				display: inline-block;
				margin: 0 2px 4px;
				padding: 5px 10px;
				color: #fff;
				font-size: 14.5px;
				text-decoration: none;
				background: #666;
				background: rgba(0,0,0,.4);
				border-radius: 3px;
				text-shadow: none;
				vertical-align: middle;
			}
			.section.ctas .section.apply a.toggled {
				color: #0f0f0f;
				background: #fff;
			}
			.section.ctas .section.apply .submit a {
				padding-left: 30px;
				padding-right: 30px;
				color: #fff;
				background: #0f0f0f;
			}
			.section.ctas .section.apply a:hover {
				color: #fff;
				background: #572163;
				text-shadow: 2px 2px 0 #000;
			}

.section.applyconditions {
	background: #0f0f0f;
	color: #fff;
	font-size: 12px;
}
	.section.applyconditions p {
		margin: 10px;
	}

.map {
	position: relative;
	margin: -3em auto 0;
	max-width: 620px;
	background: url(../img/map_grid.png) no-repeat center bottom;
}
	.map:before, .map:after {
		display: block;
		content: '';
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 10%;
		background: -moz-linear-gradient(top, rgba(183,71,131,1) 0%, rgba(183,71,131,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,71,131,1)), color-stop(100%,rgba(183,71,131,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(183,71,131,1) 0%,rgba(183,71,131,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(183,71,131,1) 0%,rgba(183,71,131,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(183,71,131,1) 0%,rgba(183,71,131,0) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(183,71,131,1) 0%,rgba(183,71,131,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b74783', endColorstr='#00b74783',GradientType=0 ); /* IE6-9 */
	}
	.map:after {
		top: auto;
		bottom: 0;
		height: 5%;
		z-index: 2;
		background: -moz-linear-gradient(top, rgba(183,71,131,0) 0%, rgba(183,71,131,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,71,131,0)), color-stop(100%,rgba(183,71,131,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(183,71,131,0) 0%,rgba(183,71,131,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(183,71,131,0) 0%,rgba(183,71,131,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(183,71,131,0) 0%,rgba(183,71,131,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(183,71,131,0) 0%,rgba(183,71,131,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b74783', endColorstr='#b74783',GradientType=0 ); /* IE6-9 */
	}
	.map > img {
		position: relative;
		width: 100%;
		z-index: 0;
	}
	
	.map .key {
		position: absolute;
		z-index: 1;
		top: 0;
		left: -10%;
		max-width: 50%;
	}
		.map .key img {
			max-width: 100%;
		}
		
	.map .pin {
		display: block;
		position: absolute;
		width: 5%;
		height: 10%;
		background: url(../img/map_pin.png) no-repeat center center;
		background-size: contain;
		z-index: 3;
	}
	.map .pin:hover {
		-webkit-transition: all 0.1s;
		-webkit-transform: translateY(-1px);
		/* yes, webkit only prefixes, Firefox bugs out even with the w3 standard for some reason.
		   and what? - DJS */
	}
		.js .map .pin {
			opacity: 0;
			/* we'll animate these in */
		}
		.map .pin i {
			display: none;
			font-style: normal;
			font-size: 0.75em;
			padding: 0.25em;
			position: absolute;
			bottom: 101%;
			left: -150%;
			right: -150%;
			color: #fff;
			background: rgb(87,33,99);
			background: rgba(87,33,99,0.95);
			border-radius: 3px;
			text-align: center;
			z-index: 10;
		}
			.map .pin:hover i {
				display: inline-block;
			}

.section.connections {
	padding-top: 10px;
	background: #0f0f0f url(../files/connections_home_mobile.jpg) no-repeat;
	background-size: cover;
}
	.section.connections .text {
		display: inline-block;
		margin: 0 10px;
		padding: 10px;
		background: #fff;
		border-radius: 3px;
	}
		.section.connections .text h2 {
			margin: 0 10px;
			color: #0f0f0f;
			font: 28px/1 "Glypha Web Black", Helvetica, Arial, sans-serif;
		}
			.section.connections .text h2 strong {
				font-weight: normal;
				font-family: "Glypha Web Black", Helvetica, Arial, sans-serif;
				color: #e9b6d2;
			}
		.section.connections .text p {
			margin: 0 10px 1em 10px;
			color: #0f0f0f;
			font-size: 14px;
		}
		.section.connections .text p:last-child {
			margin-bottom: 0;
		}
	.section.connections .ctas h2 {
		margin: 0 10px;
		padding-top: 95px;
		color: #fff;
		font: 28px/1 "Glypha Web Black", Helvetica, Arial, sans-serif;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
		background: url(../img/arrow_connections_small.png) center top no-repeat;
	}
	.section.connections .ctas ul {
		margin: 0 0 10px 0;
		padding: 0;
		font: bold 14.5px "Oswald", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
	}
		.section.connections .ctas ul li {
			display: inline-block;
			padding: 5px;
			list-style: none;
		}
		.lt-ie8 .section.connections .ctas ul li {
			display: inline;
		}
			.section.connections .ctas ul li a {
				display: inline-block;
				padding: 5px 10px;
				color: #fff;
				text-decoration: none;
				background: #0f0f0f;
				border-radius: 3px;
			}
			.section.connections .ctas ul li a:hover {
				background: #572163;
				text-shadow: 2px 2px 0 #000;
			}

body > .footer {
	padding: 10px 10px 0 10px;
	background: #0f0f0f url(../img/whitefade_top.png) center top no-repeat;
	color: #bebebe;
	font-size: 13px;
}
	body > .footer ul.nav {
		margin: 0 0 10px 0;
		padding: 0;
		font-family: "Glypha Web Light Bold", Helvetica, Arial, sans-serif;
	}
	html.windows body > .footer ul.nav {
		font-family: "Glypha Web Bold", Helvetica, Arial, sans-serif;
	}
		body > .footer ul.nav li {
			display: inline-block;
			padding: 4px 2px;
			list-style: none;
		}
		.lt-ie8 body > .footer ul.nav li {
			display: inline;
		}
			body > .footer ul.nav li a {
				display: inline-block;
				padding: 3px 6px;
				color: #0f0f0f;
				text-decoration: none;
				background: #fff;
				border-radius: 3px;
			}
			body > .footer ul.nav li a:hover {
				color: #fff;
				background: #572163;
				text-shadow: 1px 1px 0 #000;
			}
	body > .footer > .wrap {
		margin: 0 auto 10px auto;
		max-width: 1340px;
	}
		body > .footer .col.quarter ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
			body > .footer .col.quarter ul li a {
				color: #fff;
				text-decoration: none;
			}
			body > .footer .col.quarter ul li a:hover {
				border-bottom: 1px solid #fff;
			}
		body > .footer .col.quarter p {
			margin-top: 0;
		}
	body > .footer .col.half {
		font-size: 11px;
	}
		body > .footer .share {
			margin-bottom: 0;
		}
			body > .footer .share ul {
				margin: 0;
				padding: 0;
			}
				body > .footer .share li {
					display: inline;
					list-style: none;
				}
					body > .footer .share li a {
						display: inline-block;
						margin: 0 3px 6px 0;
						width: 32px;
						height: 32px;
						text-indent: -9999px;
					}
					.lt-ie8 body > .footer .share li a {
						float: left;
					}
						body > .footer .share li.facebook a {
							background: url(../img/facebook.png) no-repeat;
							background-position: 0 100%;
						}
						body > .footer .share li.facebook a:hover {
							background-position: 0% 0%;
						}
						body > .footer .share li.twitter a {
							background: url(../img/twitter.png) no-repeat;
							background-position: 0 100%;
						}
						body > .footer .share li.twitter a:hover {
							background-position: 0% 0%;
						}
						body > .footer .share li.vimeo a {
							background: url(../img/vimeo.png) no-repeat;
							background-position: 0 100%;
						}
						body > .footer .share li.vimeo a:hover {
							background-position: 0% 0%;
						}
						body > .footer .share li.youtube a {
							background: url(../img/youtube.png) no-repeat;
							background-position: 0 100%;
						}
						body > .footer .share li.youtube a:hover {
							background-position: 0% 0%;
						}
						body > .footer .share li.flickr a {
							background: url(../img/flickr.png) no-repeat;
							background-position: 0 100%;
						}
						body > .footer .share li.flickr a:hover {
							background-position: 0% 0%;
						}
						body > .footer .share li.linkedin a {
							background: url(../img/linkedin.png) no-repeat;
							background-position: 0 100%;
						}
						body > .footer .share li.linkedin a:hover {
							background-position: 0% 0%;
						}
					.backgroundsize body > .footer .share li a {
						width: 20px;
						height: 20px;
						background-size: 20px;
					}
					body > .footer .share .col.half li a:hover {
						border-bottom: none;
					}
		body > .footer .col.half a {
			color: #fff;
			text-decoration: none;
		}
		body > .footer .col.half a:hover {
				border-bottom: 1px solid #fff;
			}
		body > .footer .col.half p {
			margin-top: 0;
		}


/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
 
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */

  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden, .ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 768px) {

body.home {
	background: #fff url(../img/home_back.png) left 350px repeat-x;
}

body > .message {
	padding: 5px 10px;
	font-size: 16px;
}

.header.banner {
	margin: 0 auto;
	max-width: 1340px;
}
.home .header.banner {
	max-width: 1020px;
	background: url(../img/map_signpost.png) right no-repeat;
}
.header.banner .tools {
	font-size: 16px;
}
	.header.banner .tools li {
		margin: 0 4px;
	}
	.header.banner .tools li a {
		padding: 5px 13px;
	}
	.header.banner .tools li a:hover {
		margin-bottom: 0;
		padding-top: 7px;
	}
	.header.banner li form input[type="submit"] {
		padding: 1px 7px;
		font-size: 29px;
	}
	.home .header.banner li form input[type="submit"] {
		padding: 1px 0;
	}

.header.banner .logo a {
	width: 279px;
	height: 89px;
	margin: 18px auto -7px auto;
}
.home .header.banner .logo a {
	width: 341px;
	height: 109px;
	margin: 25px auto 16px;
}
.header.banner .signpost {
	margin: 0 0 10px;
}
	.header.banner .signpost .question > span {
		position: relative;
		margin: 6px 0;
		padding: 3px 16px;
		font-size: 30.5px;
	}
	.gaelic .header.banner .signpost .question > span {
		font-size: 23.5px;
	}
		.header.banner .signpost .question > span .arrow {
			position: absolute;
			left: -53px;
			top: 12px;
			width: 50px;
			height: 83px;
			background: url(../img/arrow_signpost.png) no-repeat;
		}
		.header.banner .signpost .answer {
			display: inline-block;
		}
		.lt-ie8 .header.banner .signpost .answer {
			display: inline;
		}
			.header.banner .signpost .answer a {
				margin: 6px 0;
				padding: 6px 14px;
				font-size: 19px;
			}

.header.banner .nav.primary {
	margin: 22px 0 18px;
	font-size: 23px;
	letter-spacing: -.4px;
}
.home .header.banner .nav.primary {
	margin-top: 16px;
}
	.header.banner .nav.primary ul li {
		padding: 0 10px;
	}
		.header.banner .nav.primary ul li a {
			border-top-width: 8px;
			border-bottom-width: 8px;
		}
		.header.banner .nav.primary ul li.active a {
			border-top-width: 10px;
			border-bottom-width: 10px;
		}
		.header.banner .nav.primary ul li a:hover {
			border-top-width: 10px;
			border-bottom-width: 10px;
		}

.section.clearfix > .wrap > .col.half {
	float: left;
	width: 46%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: left;
}
.section.clearfix > .wrap > .col.half:first-child {
	text-align: right;
}
.section.clearfix > .wrap > .col.threequarters {
	float: left;
	width: 73%;
	padding-right: 2%;
	text-align: left;
}
.section.clearfix > .wrap > .col.onequarter {
	float: left;
	width: 23%;
	padding-left: 2%;
	text-align: right;
}

.mountains3 {
	background: url(../img/mountains3.png) 50% 0 no-repeat;
}
.mountains2 {
	padding-top: 0;
	background: url(../img/mountains2.png) 50% 0 no-repeat;
}
.home .section.intro {
	min-height: 455px;
	background: url(../img/mountains1.png) 50% 62px repeat-x;
}
	.section.intro > .wrap {
		overflow: visible;
		min-height: 340px;
		padding-bottom: 25px;
		background-image: none !important;
	}
	.home .section.intro > .wrap {
		min-height: 0;
		padding-bottom: 0;
	}
	.lt-ie8 .section.intro > .wrap {
		position: relative;
	}
	.section.intro > .wrap > .background {
		position: absolute;
		width: 100%;
		height: 365px;
		background-position: 0 -4px;
		background-repeat: no-repeat;
	}
	.lt-ie8 .section.intro > .wrap > .background {
		left: 0;
	}
	.section.intro > .wrap > .mapsingle {
		float: right;
		position: relative;
		width: 257px;
		height: 365px;
		margin-right: 2%;
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	.lt-ie8 .section.intro > .wrap > .mapsingle {
		margin-bottom: -25px;
	}
	.home .section.intro > .wrap > .tablewrap {
		display: table;
		height: 455px;
	}
	.lt-ie9 .home .section.intro > .wrap > .tablewrap {
		position: relative;
	}
	.home .section.intro > .wrap > .tablewrap > .col.half {
		display: table-cell;
		float: none;
		width: 46%;
		padding-left: 2%;
		padding-right: 2%;
		padding-bottom: 20px;
		text-align: left;
		vertical-align: bottom;
	}
	.lt-ie9 .home .section.intro > .wrap > .tablewrap > .col.half {
		float: right;
	}
	.home .section.intro > .wrap > .tablewrap > .col.half:first-child {
		padding-bottom: 0;
		text-align: right;
	}
	.lt-ie9 .home .section.intro > .wrap > .tablewrap > .col.half:first-child {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.section.intro h1 {
		margin-top: 25px;
		font-size: 30px;
	}
	.home .section.intro h2 {
		margin: 220px 0 0;
		font-size: 28px;
	}
	.section.intro p {
		max-width: 50%;
		margin-top: 25px;
		font-size: 15px;
	}
	.lt-ie8 .section.intro p {
		width: 50%;
	}
	.home .section.intro p {
		max-width: none;
		margin: 0 0 1em 0;
		font-size: 16px;
	}

.section.testimonials blockquote + blockquote + blockquote {
	display: none;
}

.section.coursedetails {
	font-size: 14px;
}
	.section.coursedetails .apply {
		position: relative;
		margin-right: 20px;
	}
	.lt-ie8 .section.coursedetails .apply {
		margin-top: -38px;
	}
		.section.coursedetails .apply .arrow {
			position: absolute;
			width: 260px;
			height: 17px;
			left: -270px;
			top: 13px;
			background: url(../img/arrow_apply.png) no-repeat;
		}
		.section.coursedetails .apply a {
			position: relative;
			z-index: 2;
			margin-top: 3px;
			padding: 5px 10px;
			font-size: 18px;
			border-radius: 3px 3px 0 0;
			vertical-align: bottom;
		}
		.section.coursedetails .apply a:hover {
			margin-top: 0;
			padding-bottom: 8px;
			transition: all .1s;
			-webkit-transition: all .1s;
		}
	.section.coursedetails .tabnav {
		position: relative;
		z-index: 1;
		margin: -44px 0 0 20px;
	}
		.section.coursedetails .tabnav li h2 a {
			margin-top: 3px;
			padding: 5px 10px;
			font-size: 18px;
			border-radius: 3px 3px 0 0;
			vertical-align: bottom;
		}
		.section.coursedetails .tabnav li h2 a:hover {
			margin-top: 0;
			padding-bottom: 8px;
			transition: all .1s;
			-webkit-transition: all .1s;
		}
		.section.coursedetails .tabnav li.ui-tabs-active h2 a {
			background: #572163;
			outline: none;
		}
	.section.coursedetails .col.half {
		float: left;
		width: 46%;
		margin-right: 4%;
	}
	.section.coursedetails .col.half:first-child {
		margin-left: 0;
	}
	.section.coursedetails .tab {overflow: hidden; margin: 30px;}
	.section.coursedetails h3 {
		margin-bottom: 4px;
		font-size: 24px;
		line-height: 1;
	}

.section.courselist .col.threequarters {
	padding-bottom: 30px;
}
	.section.courselist .col.threequarters > ul {
		margin: 0 0 0 10px;
	}
		.section.courselist .col.threequarters > ul li {
			background: url(../img/blackfade_bottom.png) center bottom no-repeat;
		}
			.section.courselist .col.threequarters > ul li a {
				padding: 7px 30px;
			}
			.section.courselist .col.threequarters > ul li a .course {
				width: 58%;
				margin-right: 2%;
			}
			.section.courselist .col.threequarters > ul li a .level {
				clear: none;
				float: left;
				width: 25%;
				text-align: right;
			}
			.section.courselist .col.threequarters > ul li a .modes {
				float: left;
				width: 15%;
				text-align: right;
			}
	.section.courselist .col.onequarter {
		margin-top: 50px;
		margin-bottom: 30px;
	}
		.section.courselist .col.onequarter h2 {
			position: relative;
			display: inline;
			margin-right: 20px;
			font-size: 30px;
		}
		.section.courselist .col.onequarter > ul > li h3 .arrow {
			float: none;
		}

.section.testimonials .col.half {
	padding-top: 30px;
}
.section.testimonials h2 {
	position: relative;
	margin: 0 10px 10px 0;
	font-size: 28px;
}
.section.testimonials img {
	display: inline;
	width: 100%;
}
	.section.testimonials blockquote {
		margin: 0;
		display: block;
	}
	.section.testimonials blockquote:last-child {
		margin-bottom: 30px;
	}
		.section.testimonials blockquote p {
			padding: 18px 80px 0 80px;
			font-size: 14px;
		}
			.section.testimonials blockquote p .quotee {
				font-size: 12px;
			}
	.section.testimonials blockquote:before {
		font-size: 60px;
	}
	.section.testimonials blockquote:after {
		margin-top: -75px;
		font-size: 60px;
	}

.section.coursefinder {
	padding-top: 30px;
	background-image: url(../files/coursefinder_home.jpg);
	background-position: center top;
}
.no-touch .section.coursefinder {
	background-attachment: fixed;
}
.no-touch .campus .section.coursefinder {
	background-position: 50% 248px;
}
.courses .section.coursefinder {
	padding-top: 0;
	background: none;
}
	.section.coursefinder h2 {
		font-size: 28px;
	}
		.courses .section.coursefinder form {
			margin: 0 150px 0 0;
			padding: 10px;
			text-align: left;
		}
		.section.coursefinder form .keyword, ul.ui-autocomplete {
			font-size: 17px;
			width: 410px;
		}
		
		html[lang=gd] .section.coursefinder form .keyword, ul.ui-autocomplete {font-size: 13px;}
		
		.courses .section.coursefinder form .keyword, ul.ui-autocomplete {
			width: 73%;
		}
		.section.coursefinder form input[type="submit"] {
			margin-left: -48px;
			font-size: 30px;
		}
	.section.coursefinder ul.suggestions {
		margin-bottom: 30px;
		font-size: 14px;
	}
	.course .section.coursefinder #unistats-widget-frame {
		display: inline;
		margin-bottom: 30px;
	}
	.courses .section.coursefinder .prospectus {
		float: right;
		margin-top: -138px;
		margin-right: 10px;
	}
	.courses .section.coursefinder .prospectus p {
		margin-left: 0;
		margin-right: 0;
		box-shadow: 0 -40px 40px 0 rgba(0,0,0,.5);
	}

.section.specialise .col.half {
	padding-top: 30px;
}
.section.specialise h2 {
	margin: 0;
	font-size: 28px;
}
.section.specialise p {
	margin: 0 0 1em 0;
	font-size: 16px;
}

.section.specialistsubjects {
	padding: 30px 0;
}
	.section.specialistsubjects > .wrap > .arrow {
		position: absolute;
		top: -130px;
		left: 50%;
		margin-left: 10px;
		width: 17px;
		height: 157px;
		background: url(../img/arrow_campusintro.png) no-repeat;
	}
.section.specialistsubjects h2 {
	margin: 0;
}
.section.specialistsubjects p {
	max-width: 770px;
	margin: 0 auto;
	font-size: 16px;
}

.section.ctas {
	min-height: 790px;
	padding: 30px 0;
}
	.section.ctas .section.testimonials h2 {
		margin-right: 0;
	}
	.section.ctas .section.testimonials ul.thumbs {
		float: left;
		width: 100%;
		display: block;
		margin: 0 0 30px 0;
		padding: 0;
		list-style: none;
	}
		.section.ctas .section.testimonials ul.thumbs li {
			float: left;
			width: 198px;
			margin-left: 17px;
		}
		.section.ctas .section.testimonials ul.thumbs li:first-child {
			margin-left: 0;
		}
			.section.ctas .section.testimonials ul.thumbs li .img {
				display: block;
				outline: none;
				background: #000;
			}
				.section.ctas .section.testimonials ul.thumbs li .img img {
				/*	width: auto; */
					opacity: .5;
				}
		.section.ctas .section.testimonials ul.thumbs li.ui-state-active {
			width: 210px;
			margin-top: -10px;
			padding-top: 10px;
			background: url(../img/testimonial_tab.gif) 20px 0 no-repeat;
		}
			.section.ctas .section.testimonials ul.thumbs li.ui-state-active .img {
				margin-top: -6px;
				border: 6px solid #fff;
			}
				.section.ctas .section.testimonials ul.thumbs li.ui-state-active .img img {
					opacity: 1;
				}
			
.section.ctas .section.tour .video {
	max-width: 640px;
	margin: 0 auto 30px auto;
}
.section.ctas .section.tour p {
	font-size: 18px;
}
.section.ctas .section.tour h2 {
	margin: 0 0 10px 0;
	font-size: 28px;
}
	.section.ctas .section.tour .ctas ul {
		margin: 15px 0;
		font-size: 22px;
	}
		.section.ctas .section.tour .ctas ul li a {
			padding: 10px 15px;
		}

.section.ctas .section.apply {
	padding-top: 30px;
	font-size: 16px;
	background-image: url(../img/hr_black.png);
}
	.section.ctas .section.apply h2 {
		margin: 0 0 10px 0;
	}
		.section.ctas .section.apply .row {
			margin-top: 15px;
		}
		.section.ctas .section.apply a {
			padding: 10px 15px;
			font-size: 22px;
		}
		.section.ctas .section.apply .submit a {
			padding-left: 50px;
			padding-right: 50px;
		}

.section.applyconditions {
	font-size: 14px;
}
	.section.applyconditions p {
		margin: 30px 10px;
	}

.map {
	float: right;
	margin: -3em -20% 0 auto;
}
	.map:after {
		content: none;
		display: none;
		height: 0px
	}

.section.connections {
	padding-top: 30px;
	background-image: url(../files/connections_home.jpg);
	background-position: center top;
}
.no-touch .section.connections {
	background-attachment: fixed;
}
	.section.connections .text {
		margin: 0;
		padding: 20px;
		width: 50%;
	}
		.section.connections .text h2 {
			margin: 0;
			font-size: 28px;
		}
		.section.connections .text p {
			font-size: 16px;
		}
	.section.connections .ctas h2 {
		margin: 0;
		padding-top: 305px;
		font-size: 28px;
		background-image: url(../img/arrow_connections.png);
	}
	.section.connections .ctas ul {
		margin-bottom: 30px;
		font-size: 22px;
	}
		.section.connections .ctas ul li a {
			padding: 10px 15px;
		}

body > .footer {
	padding: 30px 0 0;
}
	body > .footer ul.nav {
		margin-bottom: 30px;
	}
		body > .footer ul.nav li {
			padding: 6px 4px;
		}
			body > .footer ul.nav li a {
				padding: 5px 13px;
			}
	body > .footer > .wrap {
		margin-bottom: 30px;
	}
	body > .footer .col.quarter {
		float: left;
		width: 21%;
		margin: 0 2%;
		text-align: left;
	}
	body > .footer .col.half {
		float: left;
		width: 46%;
		margin: 0 2%;
		text-align: right;
	}
	body > .footer .col.half:first-child {
		text-align: left;
	}
		body > .footer .share {
			margin-top: -30px;
			margin-bottom: 0;
		}
			body > .footer .share .col.half ul {
				width: 50%;
			}

}

@media only screen and (min-width: 1000px) {

table.plain {width:600px;}

.touch body {
	-webkit-text-stroke: 0;
}

.home .header.banner .logo a {
	width: 440px;
	height: 140px;
}
	.header.banner .signpost .question > span {
		font-size: 38px;
	}
	.gaelic .header.banner .signpost .question > span {
		font-size: 29.3px;
	}
		.header.banner .signpost .question > span .arrow {
			top: 20px;
		}
	.header.banner .signpost .answer a {
		font-size: 24px;
	}

.header.banner .nav.primary {
	font-size: 26px;
}
.home .header.banner .nav.primary {
	font-size: 30px;
}

.section.intro h1 {
	font-size: 36px;
}	
.home .section.intro h2 {
	font-size: 36px;
}
.section.intro p {
	font-size: 16px;
}
.home .section.intro p {
	font-size: 18px;
}

.section.coursedetails {
	font-size: 15px;
}
	.lt-ie8 .section.coursedetails .apply {
		margin-top: -52px;
	}
	.section.coursedetails .apply .arrow {
		top: 21px;
	}
	.section.coursedetails .apply a {
		padding: 10px 15px;
		font-size: 21px;
	}
		.section.coursedetails .apply a:hover {
			padding-bottom: 13px;
		}
	.section.coursedetails .tabnav {
		margin-top: -58px;
	}
		.section.coursedetails .tabnav li h2 a {
			padding: 10px 15px;
			font-size: 21px;
		}
			.section.coursedetails .tabnav li h2 a:hover {
				padding-bottom: 13px;
			}
	.section.coursedetails h3 {
		font-size: 27px;
	}

.section.courselist .col.threequarters > ul li a {
	font-size: 18px;
}
.section.courselist .col.onequarter h2 {
	margin-right: 40px;
	font-size: 36px;
}
	.section.courselist .col.onequarter > ul > li h3 {
		padding: 5px 30px;
		font-size: 18px;
	}
	.section.courselist .col.onequarter > ul > li ul {
		padding: 0 30px 10px 30px;
	}
	.section.courselist .col.onequarter > ul > li ul li a {
		font-size: 15px;
	}

.section.testimonials h2 {
	font-size: 36px;
}
	.section.testimonials h2 .arrow {
		position: absolute;
		right: -10.2%;
		bottom: 15px;
		width: 8%;
		height: 264px;
		background: url(../img/arrow_intro.png) no-repeat;
	}
	.section.testimonials blockquote + blockquote + blockquote {
		display: block;
	}
	.section.testimonials blockquote p {
		font-size: 15px;
	}
		.section.testimonials blockquote p .quotee {
			font-size: 13px;
		}

.section.coursefinder h2 {
		font-size: 36px;
	}
		.section.coursefinder form .keyword, ul.ui-autocomplete {
			font-size: 20px;
			width: 540px;
		}
		
		html[lang=gd] .section.coursefinder form .keyword, ul.ui-autocomplete {font-size:17px;}
		
		.section.coursefinder form input[type="submit"] {
			margin-left: -50px;
			font-size: 32px;
		}
	.section.coursefinder ul.suggestions {
		font-size: 15px;
	}
	.section.coursefinder .prospectus p {
		width: 282px;
		height: 282px;
	}
		.section.coursefinder .prospectus p a {
			background-size: 282px;
		}
			.section.coursefinder .prospectus p a .text {
				margin-top: 173px;
				padding: 0 25px;
				font-size: 16px;
			}
	.courses .section.coursefinder .prospectus {
		margin-top: -178px;
	}

.section.specialise h2 {
	font-size: 36px;
}
.section.specialise p {
	font-size: 18px;
}

.section.specialistsubjects p {
	font-size: 20px;
}

.section.ctas .section.tour p {
	font-size: 21px;
}
.section.ctas .section.tour h2 {
	font-size: 36px;
}
.section.ctas .section.tour .ctas ul {
	font-size: 27px;
}
.section.ctas .section.apply {
	font-size: 17px;
}
	.section.ctas .section.apply h2 {
		font-size: 36px;
	}
	.section.ctas .section.apply a {
		font-size: 27px;
	}

.section.connections .text h2 {
	font-size: 36px;
}
.section.connections .text p {
	font-size: 18px;
}
.section.connections .ctas h2 {
	font-size: 36px;
}
.section.connections .ctas ul {
	font-size: 27px;
}

body > .footer {
	font-size: 14px;
}
	body > .footer .col.half {
		font-size: 12px;
	}
	.backgroundsize body > .footer .share .col.half li a {
		width: 32px;
		height: 32px;
		background-size: auto;
	}

}

@media only screen and (min-width: 1200px) {

.header.banner .tools {
	margin-right: 17px;
	text-align: right;
}
.home .header.banner .tools {
	text-align: center;
}
.header.banner .logo a {
	margin: 0 0 0 20px;
	float: left;
}
.home .header.banner .logo a {
	margin: 25px auto 16px;
	float: none;
}
.header.banner .nav.primary {
	float: right;
	margin-right: 10px;
}
.home .header.banner .nav.primary {
	float: none;
	margin-right: 0;
}
	.header.banner .nav.primary ul li.active a {
		border-bottom-width: 37px;
		border-radius: 3px 3px 0 0;
	}

.section.intro h1 {
	font-size: 42px;
}
.home .section.intro h2 {
	font-size: 42px;
}
.section.intro p {
	font-size: 18px;
}
.home .section.intro p {
	font-size: 20px;
}

.section.coursedetails {
	font-size: 16px;
}
	.lt-ie8 .section.coursedetails .apply {
		margin-top: -55px;
	}
	.section.coursedetails .apply .arrow {
		top: 22px;
	}
	.section.coursedetails .apply a {
		font-size: 23px;
	}
	.section.coursedetails .tabnav {margin-top: -61px;}
		.section.coursedetails .tabnav li h2 a {
			font-size: 23px;
		}
	.section.coursedetails h3 {
		font-size: 30px;
	}

.section.courselist .col.threequarters > ul li {
	background-image: url(../img/blackfade_bottom_large.png);
}
	.section.courselist .col.threequarters > ul li a {
		font-size: 20px;
	}
.section.courselist .col.onequarter h2 .arrow {
	position: absolute;
	width: 151px;
	height: 93px;
	left: -158px;
	bottom: 20px;
	background: url(../img/arrow_coursefilter.png) no-repeat;
}
.section.courselist .col.onequarter > ul > li h3 {
	font-size: 20px;
}
	.section.courselist .col.onequarter > ul > li ul li a {
		font-size: 17px;
	}

.section.testimonials h2 {
	font-size: 42px;
}
	.section.testimonials blockquote p {
		font-size: 16px;
	}
		.section.testimonials blockquote p .quotee {
			font-size: 14px;
		}

.section.coursefinder h2 {
		font-size: 42px;
	}
		.section.coursefinder h2 .arrow {
			position: absolute;
			left: -55px;
			top: 14px;
			width: 51px;
			height: 74px;
			background: url(../img/arrow_coursefinder.png) no-repeat;
		}
		.section.coursefinder form .keyword, ul.ui-autocomplete {
			padding: 10px 60px 10px 10px;
			font-size: 23px;
			width: 615px;
		}
		
html[lang=gd] .section.coursefinder form .keyword, ul.ui-autocomplete {width: 650px; font-size: 20px;}
		
		ul.ui-autocomplete {
			padding: 10px 10px 10px 10px;
			font-size: 23px;
			width: 655px;
		}

		.section.coursefinder form input[type="submit"] {
			margin-left: -54px;
			font-size: 36px;
		}
	.section.coursefinder ul.suggestions {
		font-size: 16px;
	}
	.section.coursefinder .prospectus p {
		width: 332px;
		height: 332px;
	}
		.section.coursefinder .prospectus p a {
			background-size: 332px;
		}
			.section.coursefinder .prospectus p a .text {
				margin-top: 210px;
				padding: 0 30px;
				font-size: 18px;
			}
	.courses .section.coursefinder .prospectus {
		margin-top: -208px;
	}

.section.specialise h2 {
	font-size: 42px;
}
.section.specialise p {
	font-size: 20px;
}

.section.specialistsubjects h2 {
	font-size: 30px;
}
.section.specialistsubjects p {
	font-size: 23px;
}

.section.ctas .section.tour p {
	font-size: 24px;
}
.section.ctas .section.tour h2 {
	font-size: 42px;
}
.section.ctas .section.tour .ctas ul {
	font-size: 30px;
}
.section.ctas .section.apply {
	font-size: 18px;
}
	.section.ctas .section.apply h2 {
		font-size: 42px;
	}
	.section.ctas .section.apply a {
		font-size: 30px;
	}

.section.connections .text h2 {
	font-size: 42px;
}
.section.connections .text p {
	font-size: 20px;
}
.section.connections .ctas h2 {
	font-size: 42px;
}
.section.connections .ctas ul {
	font-size: 30px;
}

body > .footer {
	font-size: 16px;
}
	body > .footer .col.half {
		font-size: 13px;
	}

}

@media only screen and (min-width: 1340px) {

.header.banner .logo a {
	width: 307px;
	height: 98px;
}
.header.banner .nav.primary {
	font-size: 30px;
}

}

@media only screen and (max-width: 767px) {

.mountains2 {
	background-position: center top !important;
}

.section.coursefinder {
	background-position: center top !important;
}

.section.connections {
	background-position: center top !important;
}

}

/*  QR Code  */

	#printQR {
	display:none;
	}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
  
    box-shadow: none !important;
    text-shadow: none !important;
	text-align: left !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
       * Don't show links for images, or javascript/internal links
       */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  
	body {
		line-height: 1.6;
	}
	
	body > .message,
	.header.banner .tools,
	.header.banner .signpost,
	.header.banner .nav.primary,
	.section.intro .col.half:first-child,
	.section.ctas .section.tour .video,
	.section.coursefinder form,
	.section.coursefinder .prospectus,
	.section.specialise .half img,
	.map,
	.section.connections .ctas,
	.section.coursedetails .tabnav,
	.section.coursedetails .apply,
	.section.coursefinder ul.suggestions li.all,
	.section.ctas .section.apply,
	.section.ctas .section.tour .ctas ul,
	.section.ctas .section.tour p,
	.section.courselist .col.onequarter,
	body > .footer ul.nav,
	.dlhekis,
	html.js body.course div.section div.wrap h2,
	html.js body.course div.footer div.wrap div.col,
	h1.logo,
	iframe,
	div#portal-column-one,
	div#portal-column-two, 
	div.quarter,
	div#portal-breadcrumbs {display: none;}
	
	
	html.js body.course div.section div.wrap div.background:after, div#content:before {content: url(../img/logo.gif);} 
		
	div#content {width:23cm !important;}
	div.footer {page-break-inside:avoid;}
		
	.section.testimonials blockquote,
	.section.coursedetails .tab {
		display: block !important;
	}
	
	.header.banner .logo a,
	.home .header.banner .logo a {
		height: auto;
		width: auto;
		margin: 0 10px 20px 10px;
		text-indent: inherit;
		text-decoration: none;
	}
	
	.mountains2 {
		padding-top: 0;
	}
	
	.home .section.intro {
		min-height: 0;
	}
	.section.intro > .wrap {
		padding-bottom: 0;
	}
	.home .section.intro > .wrap > .tablewrap {
		height: auto;
	}
	.section.intro h1,
	.section.intro p {
		margin-top: 0;
		padding: 0 10px;
	}
	.home .section.intro h2 {
		margin-top: 0;
	}
	
	.section.ctas {
		min-height: 0;
	}
	
	.section.courselist .col.threequarters > ul li a {
		padding: 4px 0;
	}
	
	.section.ctas .section.testimonials {
		max-width: none;
	}
	
	.section.connections .text {
		padding: 0;
	}
	.section.connections .text h2,
	.section.connections .text p {
		margin-left: 0;
		margin-right: 0;
	}
	
	.section.coursefinder ul.suggestions {
		padding-left: 40px;
	}
	.section.coursefinder ul.suggestions li {
		display: list-item;
		padding: 0;
		list-style: square;
	}
	.section.coursefinder ul.suggestions li a {
		padding: 0;
	}
	
	#printQR {
	display:block!important;
	}
}
#SummaryPic img { width:90%; }

/*
  #gsc-i-id1 { width:100%!important; }

  .cse input.gsc-search-button, input.gsc-search-button {
    background-color: #cecece;
    border: 1px solid #666;
    border-radius: 2px;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    height: 30px!important;
    min-width: 54px;
    padding: 0 8px;
    margin-left: 20px!important;
    float:left!important;
}*/