/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }

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

a { color: #3b5179; text-decoration: none; }
a:visited { color: #586b8d; }
a:hover { color: #990000; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 25px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ---------------------------------------------------- */
body {
	font-family: 'Droid Sans', Verdana, Arial, Geneva, sans-serif;
	background: url(../images/bg.png) repeat-x 0 0;
	font-size: 0.75em;
	line-height: 1.9em;
	color: #444;
	background-color: #a7b0c1;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
form {
	margin: 0;
}
input {
	font-size: 1em;
	border: 1px solid #B1ACA4;
    padding: 5px;
}
#jpForm input{
	width: 90%;	
}
#jpForm a{
	display: none;
}
select {
	font-size: 1em;
	margin-top: 10px;
}
h1, h2, h3 {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	color: #444;
	/*text-transform: uppercase;*/
}
h1 {
	font-size: 2.2em;
   	font-weight: bold;
   	line-height: 1.2em;
	margin-top: 5px;
	text-transform: uppercase;
}
h2 {
	font-size: 1.5em;
	margin: 40px 0 0 0;
}
h3 {
	font-size: 1.2em;
	margin: 30px 0 0 0;
}
aside {
	float: right;
	width: 28%;
	margin: 0 0 5% 5%;
	padding: 3%;
	border: 1px dashed #a1a1a1;
}
aside h2, aside h3{
	margin-top: 0;	
}
aside h3{
	margin-bottom: 10px;	
}
aside p:first-child{
	margin-top: 0;	
}
aside p:last-child{
	margin-bottom: 0;	
}
hr {
  	height: 0;
	border-style: dashed;
 	border-color: #8a8a8a;
 	border-width: 1px 0 0 0;
	margin: 40px 0 30px 0;
}
img, iframe, embed, object{
	border: 0;
	max-width: 100%;
}
blockquote {
	font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
	color: #777;
	width: 80%;
	font-size: 1.25em;
	line-height: 1.5em;
	margin: 30px auto;
	/*overflow: auto;*/
}
blockquote:before {
	content: '" ';
}
blockquote span:before {
	content: ' "';
}
blockquote span{
	font-size: 0.8em;
}
blockquote img{
	float: right;
	margin: 0 0 0 20px!important;
}
ul {
	list-style: circle;	
}
table {
	border: 1px solid #B1ACA4;
	border-bottom: 0;
	border-right: 0;
}
tr.fill {
	background-color: #e7eaf1;	
}
td {
	border-bottom: 1px solid #B1ACA4;
	border-right: 1px solid #B1ACA4;
	padding: 10px;
}
/* ---------------------------------------------------- */
#contentElement {
   width: 960px;
   margin: 20px auto;
   text-align: left;
}
/* ---------------------------------------------------- */
/* Header section */
#logo {
	position: relative;
	width: 280px;
	padding-bottom: 10px;
}
#deptlogo{
	float: right;
}
#search {
	float: right;
	margin: -50px 0 0 0;
}
#deptsearch {
	float: right;
	margin: 10px 0 0 0;
	clear: both;
}
.searchSubmit {
	background-color: #506790;
	color: #fff;
	border: 1px solid #fff;
	text-transform: uppercase;
}
.searchSubmit:hover {
	cursor: pointer;	
}
.schoolTitle{
	color: #fff;
	font-size: 3em;
    width: 65%;
	margin: 0;
	text-transform: none;
	min-height: 90px;
}
.schoolTitle a, .subTitle a, .subTitle2 a{
	color: #fff;	
}
.subTitle h2{
	color: #fff;
	font-size: 1.5em;
	margin-top: -20px;	
}
.subTitle2 h2{
	color: #fff;
	font-size: 1.5em;
	margin-top: 0;	
}
/* ---------------------------------------------------- */
nav.primary {
	text-transform: uppercase;
	margin-top: 15px;
}
.ie8 nav.primary, .ie7 nav.primary {
	float: left;
	width: 100%;
	margin-bottom: -20px;
}
nav.primary ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
nav.primary li{
	float: left;
	margin: 0;
	background-color: #444;
	border-right: 1px solid #7c7c7c;
	width: 12.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
nav.primary li:last-child{
	margin: 0;
	border-right: 0;
}
nav.primary a{
	display: block;
	padding: 3px 10px;
	color: #fff;	
}
nav.primary a:visited{
	color: #fff;
	text-decoration: none;
}
nav.primary a:hover{
	background-color: #B7C0D0;
	color: #444;
	text-decoration: none;
}
nav.primary li.current {
	background-color: #fff;
	padding: 3px 10px;
}
/* ---------------------------------------------------- */
/* HOMEPAGE LAYOUT */
/* ---------------------------------------------------- */
#slideShow{
	float: left;
	width: 100%;
	max-width: 1245px;
}
#links {
	background-color: #fff;
	padding: 10px;
	overflow: auto;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.1em;
	margin-bottom: 10px;
}
.linksList {
	float: left;
	width: 23.437%;
	margin-right: 2.040816%; /* 20/980 */
}
.linksList h3{
	background-color: #798aa9;
	color: #fff;
	padding: 7px 10px;
	text-transform: uppercase;
	margin-top: 0;
	font-weight: normal;
}
.linksList ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.linksList li{
	margin: 0px;
	padding: 7px 10px;
	border-bottom: 1px dashed #a1a1a1;
}
.linksList li:last-child{
	background: none;
	border-bottom: 0;
}
.lastList {
	margin-right: 0!important;	
}
#socialicons{
	float: right;
	padding-top: 55px;
}
/* ---------------------------------------------------- */
/* CONTENT PAGE LAYOUT */
/* ---------------------------------------------------- */
.mobileNav{
	display: none;	
}
.breadcrumb{
	background-color: #eee;
    font-size: 0.9em;
    margin-bottom: 20px;
    padding: 2px 10px 2px 0;
}
.breadcrumb a{
	border-bottom: 0!important;
	margin: 0 10px;
}
.hss{
	background-color: #dceae9;
}
.se{
	background-color: #e5e3f2;
}
.smd{
	background-color: #ebd7d7;
}
.addThis{
	float: right;
	clear: both;
	margin-top: 30px;
}
.addThis a{
	border-bottom: 0!important;
}
.content{
	float: left;
	width: 96%;
	background-color: #fff;
	margin: 0 0 10px 0;
	padding: 2%;
	font-size: 1.1em;
}
.content a[id] {
    color: #444;
}
.content a[href]{
	border-bottom: 1px dotted #506790;
}
.content a[href]:hover{
	border-bottom: 1px dotted #990000;
}
.content li{
	margin-bottom: 10px;	
}
.secondary{
	width: 20%;
	margin: 0;
	text-transform: none;
}
.secondary li{
	margin: 0px;
	padding: 7px 0;
	border-bottom: 1px dashed #a1a1a1;
	float: none;
}
.secondary li ul li{
	border-bottom: 0;
	padding: 7px 0 0 25px;
}
.secondary li ul li ul{
	margin-bottom: 0;
}
.secondary a{
	background-color: transparent;
	padding: 0;
	height: auto;
	line-height: 1.6em;
	border-bottom: 0!important;
}
.secondary a:visited{
	color: #748dbc;
}
.secondary a:hover{
	background-color: transparent;
	color: #990000;
}
.extraNav{
	margin-top: 40px;
}
.extraNav p{
	margin: 0;	
}
.content section{
	float: right;
	width: 75%;
	margin-left: 5%;
}
.content section img{
	margin-bottom: 10px;
}
.inlineImg{
	float: right;
	padding: 10px;
	margin: 0 0 40px 40px;
	border: 1px solid #a1a1a1;
	width: 40%;
}
.inlineImg img{
	margin-bottom: 0!important;	
}
/* legacy images */
#whatOurStudentsSayProfile .inlineImg{
	width: auto;	
}
#whatOurStudentsSayProfile .inlineImg img{
	margin-bottom: 0;
}
.inline_img{
	float: right;
	padding: 10px;
	margin: 0 0 40px 40px;
	border: 1px solid #a1a1a1;
	/*max-width: 190px;*/
}
.inline_img p{
	margin: 0;	
}
.inline_img img{
	margin: 0!important;	
}
.inline_img_left img{
	float: left;
	padding: 10px;
	margin: 0 40px 40px 0;
	border: 1px solid #a1a1a1;
}
.news{
	max-width: 270px;
}
.jump{
	display: none;	
}
/* ---------------------------------------------------- */
footer {
	float: left;
	clear: both;
	width: 100%;
	padding: 0;
	line-height: 2em;
	margin: 0 0 20px 0;
}
#copyright {
	float: right;	
}
#footerLinks {
	width: 61.2244897%; /* 600/980 */
}
#footerLinks ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}
#footerLinks li{
	float: left;
	margin-right: 5px;
}
#footerLinks li a:visited{
	color: #3b5179;
}
#footerLinks li a:hover{
	color: #990000;
}
/* ---------------------------------------------------- */
/* GENERAL CLASSES */
/* ---------------------------------------------------- */
.smlScreen{
	display: none;	
}
.highlight1, .highlight2, .highlight, .homeHighlight {
	padding: 3%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	margin: 10px 0 20px 0;
	overflow: auto;
	/*clear: both;*/
}
.highlight1{
	background-color: #e9e3d8;
}
.highlight2, .highlight{
	background-color: #E7EAF1;
}
.highlight1 h2, .highlight2 h2, .highlight h2, .column h2, .homeHighlight h2{
	margin-top: 0;
	line-height: 1.4em;
}
.highlight1 p:last-child, .highlight2 p:last-child, .highlight p:last-child, .column p:last-child, .highlight1 li:last-child, .highlight2 li:last-child, .highlight li:last-child{
	margin-bottom: 0;
}
.highlight1 img, .highlight2 img {
    border: 1px solid #A1A1A1;
    float: right;
    margin: 0 0 0 20px;
    padding: 10px;
    width: 28%;
}
.highlight ul{
	margin-bottom: 0;	
}
.highlight1 label{
	font-size: 1.2em;
	margin-right: 10px;
}
.homeHighlight {
    background-color: #FFFFFF;
    float: left;
    font-size: 1.8em;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 15px 3%;
	width: 94%;
}
.homeHighlight:hover {
    background-color: #444;
    color: #fff;
}
.ctaWrapper{
	overflow: auto;	
}
.columnWrapper{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.column {
    background-color: #E7EAF1;
    float: left;
    margin-bottom: 20px;
    margin-right: 2%;
    padding: 3%;
    width: 43%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.column img{
    margin: 10px 0 0 0!important;	
}
.extraWidth{
	width: 55%;	
}
.subColumn{
	float: left;
	width: 44%;
	margin: 20px 4% 0 0;
	background-color: rgba(255,255,255,.4);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	padding: 2%;
}
.subColumn:last-child{
	margin-right: 0;
}
.subColumn ul{
	margin: 5px 0 0 0;	
}
.subColumn li, .LandingBox li{
	margin: 0 10px 0 0;
}
.LandingBoxes{
	float: left;
	width: 100%;
	margin: 20px 0;
	overflow: hidden;
}
.LandingBox{
	float: left;
	width: 32%;
	background: #e7eaf1;
	margin-right: 2%;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
}
.LandingBox strong{
	background: #b7c0d0;
	padding: 5px 10px;
	display: block;
}
.content .quad{
	width: 23.5%;
	margin-right: 2%;
}
.content .LandingBoxes .two{
	margin-right: 2%;
}	
.content .LandingBoxes .quad.last{
	margin-right: 0;
}	
.LandingBox .button2{
	float: left;
	margin: 10px 0 15px;
}
.LandingBox p{
	padding: 0 10px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.contentSearch{
	width: 67%;
}
.contentSearchSubmit{
	background: #6f809f;
	padding: 5px;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	width: 15%;
	margin-left: 2%;
	float: right;
}
.contentSearchSubmit:hover{
	cursor: pointer;
	background-color: #444;
}
.tiles{
	float: left;
	width: 32%;
}
.tiles h2{
	margin-top: 0;	
}
.button{
	display: block;
	background: #6f809f url(../images/button_arrow.png) no-repeat 95% 50%;
	padding: 10px 45px 10px 15px;
	color: #fff;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	border-radius: 0.5em;
	border-bottom: 0!important;
	font-size: 1.2em;
	text-shadow: 1px 1px 0 #444;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 8px 6px -6px #a1a1a1;
    -moz-box-shadow: 0 8px 6px -6px #a1a1a1;
    box-shadow: 0 8px 6px -6px #a1a1a1;
}
.button:hover{
	background: #444 url(../images/button_arrow_hover.png) no-repeat 95% 50%;
	text-shadow: none;
	color: #fff;
}
.button:visited{
	color: #fff;	
}
.button2{
	background: #6f809f;
	padding: 5px 15px;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	border-radius: 0.5em;
	border-bottom: 0!important;
	font-size: 1.2em;
	text-shadow: 1px 1px 0 #444;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 8px 6px -6px #a1a1a1;
    -moz-box-shadow: 0 8px 6px -6px #a1a1a1;
    box-shadow: 0 8px 6px -6px #a1a1a1;
	display: inline-block;
}
.button2:hover{
	background: #444;
	text-shadow: none;
	color: #fff;
}
.button2:visited{
	color: #fff;	
}
.highlight1 .button2, .highlight2 .button2{
	float: left;
	margin-bottom: 0;
}
.contentVideo{
	float: left;
	width: 66%;
	margin-right: 2%;
}
.noFloat{
	float: none;
}
.imageTextLink {
	clear: both;
	float: left;
	width: 100%;
	margin: 10px 0 20px 0;
}
.imageTextLink img{
	float: left;
	padding: 10px;
	margin: 0 20px 20px 0;
	border: 1px solid #a1a1a1;
	width: 28%;	
}
.imageTextLink a{
	font-weight: bold;
	font-size: 1.2em;	
}
.imageTextLink p{
	margin-top: 0;	
}
.newsList{
	float: left;
    width: 100%;
}
.newsList img {
    float: right;
    margin: 0 0 10px 10px;
}
.galleryList {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.galleryList ul {
    list-style: none;
    margin: 0 0 0 -10px;
    padding: 0;
}
.galleryList li {
    border: 1px solid #B3ABA6;
    display: inline;
    float: left;
    height: 75px;
    margin: 0 0 10px 10px;
    padding: 10px;
    width: 113px;
}
.threeColumnList {
	list-style: none;
	overflow: hidden;
	width: 100%;
}
.threeColumnList li{
	float: left;
	width: 32%;
	margin-right: 1%;
}
.bgHeading {
    background-color: #E7EAF1;
    padding: 5px 10px;
	margin-bottom: 20px;
	clear: right;
}
.intro {
	font-size: 1.5em;
	line-height: 1.4em;
}
.twitterWidget{
	float: right;
    margin: 0 0 20px 2%;
    width: 32%;
}
.twtr-doc{
	width: 100%!important;	
}
.whereNext {
	margin-top: 50px;
	padding: 0 20px 20px;
}
.whereNext h2 {
	margin-top: 20px;
}
.whereNext ul, .whereNext li:last-child {
	margin-bottom: 0;
}
.timeRead {
	padding: 5px 8px;
	margin: 0;
}
.whereNext, .timeRead {
	border: 3px solid #ddd;
	display: inline-block;
}
/* ---------------------------------------------------- */
/* Student profiles */
/* ---------------------------------------------------- */
.whatOurStudentsSay{
	overflow: auto;
	margin-bottom: 10px;
}
.whatOurStudentsSay ul{
	list-style: none;
	padding: 0;
}
.whatOurStudentsSay li{
	float: left;
	width: 170px;
	height: 270px;
	padding: 10px;
}
.whatOurStudentsSay li:hover{
	background-color: #e7eaf1;
}
.whatOurStudentsSay h3{
	margin: 0 0 5px 0;
}
.whatOurStudentsSay p{
	margin: 0;
}
.whatOurStudentsSay .StudentProfileSnippet {
	background: none;
	padding: 0;
	width: 170px;
}
/* ---------------------------------------------------- */
/* Research layout */
/* ---------------------------------------------------- */
.researchTheme{
	float: right;
	width: 40%;
	margin: 0 0 20px 20px;	
}
.researchTheme .newsList {
    border-bottom: 1px dashed #A1A1A1;
    float: left;
    margin-top: 0;
    padding-bottom: 10px;
}
.researchTheme .newsList a{
	font-weight: bold;
}
.researchTheme .newsList strong{
	display: none;
}
.researchTheme img{
	float: left;
	margin: 0 10px 0 0;
	background-color: #fff;
}
.researchIntro a{
	display: inline;
}
.researchNews{
	margin-top: 40px;
}
/* ---------------------------------------------------- */
/* ImpactQM layout */
/* ---------------------------------------------------- */
.researchTheme .homesnippet {
    border-bottom: 1px dashed #A1A1A1;
    float: left;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
}
.researchTheme .homesnippet a {
    font-weight: bold;
}
.researchTheme img {
    background-color: #FFFFFF;
    float: left;
    margin: 0 10px 0 0;
}
/* ---------------------------------------------------- */
/* UG and PG Careers layout */
/* ---------------------------------------------------- */
.column last .newsList strong{
	display: none;
}
/* ---------------------------------------------------- */
/* News items layout */
/* ---------------------------------------------------- */
.newsExtra{
	float: right;
	clear: both;	
}
.newsExtra ul{
	list-style: none;
	margin: 0;
	padding: 0;	
}
.newsExtra li{
	display: inline;	
}
.newsExtra a{
	border-bottom: 0!important;
	margin-right: 5px;
}
/* ---------------------------------------------------- */
/* Accordion */
/* ---------------------------------------------------- */
#accordion, #accordion2, #accordion3, #accordion4{
	margin-bottom: 20px;	
}
#accordion h3, #accordion2 h3, #accordion3 h3, #accordion4 h3{
	background: #e5ebf4 url("http://www.qmul.ac.uk/qmcms/datatables/media/images/sort_desc.png") no-repeat right center;
	padding: 5px 10px;
	outline: none;
	border-bottom: 1px dashed #a1a1a1;
	margin: 0;
	font-size: 1em;
	text-transform: none;
	font-weight: normal;
}
#accordion div, #accordion2 div, #accordion3 div, #accordion4 div{
	padding: 0 10px 10px 10px;	
}
#accordion h3:hover, #accordion2 h3:hover, #accordion3 h3:hover, #accordion4 h3:hover{
	background-color: #506790;
	color: #fff;
	cursor: pointer;
}
/* ---------------------------------------------------- */
/* Tabs */
/* ---------------------------------------------------- */
.tabs{
	margin-top: 40px;	
}
.tabs img{
	float: right;
	margin: 0 0 20px 20px;	
}
ul.tabNavigation {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 0;
	height: 40px;
}
ul.tabNavigation li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	width: 25%;
	border: 1px solid #fff;
	float: left;
}
ul.tabNavigation li a {
	background-color: #444;
	color: #fff;
	border: 0;
	display: block;
	height: 45px;
	line-height: 1.3em;
	padding: 5px 10px;
}
ul.tabNavigation li a.selected {
	background-color: #E7EAF1;
	border: 0;
	color: #444;
}
ul.tabNavigation li a:hover {
	background-color: #E7EAF1;
	border: 0!important;
	color: #880D36;
}
ul.tabNavigation li a:focus {
	outline: 0;
}
@media only screen and (max-width: 550px) {
	ul.tabNavigation li {
		width: 50%;
		height: 50px;
	}
	.tabs div{
		float: left;	
	}
}
/* ---------------------------------------------------- */
/* Cookie Notice */
/* ---------------------------------------------------- */
#cookieNotice {
	position: fixed;
	bottom: 0;
	padding: 10px 2%;
	background-color: #444;
	width: 96%;
	color: #fff;
}
#cookieNotice h2 {
	margin-top: 0;
	color: #fff;
}
#cookieNotice p {
	margin: 0;
}
#cookieNotice a {
	text-decoration: underline;
	color: #fff;
	font-weight: bold;
}
#cookieNotice a.cookieButton {
	background-color: #fff;
	padding: 0 15px;
	float: right;
	color: #990000;
	text-decoration: none;
	font-weight: normal;
}
.hide {
	display: none!important;
}
/* ---------------------------------------------------- */
/* Programmes */
/* ---------------------------------------------------- */
.prog h2.code, .prog .tabs h2:first-child{
	margin: 0 0 20px 0;
}	
.prog blockquote {
	overflow: visible;
}
.prog a.applyButton {
	display: block!important;
	background-color: #506790;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	border-radius: 0.5em;
	padding: 5px 10px!important;
	margin-bottom: 10px;
	color: #fff;
	font-size: 1.2em;
}
.prog a:hover.applyButton {
	background-color: #444;
	color: #fff;
}
.prog .tabs {
	margin-top: 30px;
	float: left;
	width: 60%;
}
.prog .tabs img {
	float: right;
	margin: 0 0 20px 20px;
}
.prog ul.fees {
	margin-top: -10px;
}
.prog ul.tabNavigation {
	border-bottom: 0;
	list-style: none outside none;
	margin: 20px 0;
}
.prog ul.tabNavigation li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	width: 14.25%;
	border: 1px solid #fff;
}
.prog ul.tabNavigation li a {
	background-color: #444;
	color: #fff;
	border: 0;
	display: block;
	height: 45px;
}
.prog ul.tabNavigation li a.selected {
	background-color: #E7EAF1;
	border: 0;
	color: #444;
}
.prog ul.tabNavigation li a:hover {
	background-color: #E7EAF1;
	border: 0;
	color: #880D36;
}
.prog ul.tabNavigation li a:focus {
	outline: 0 none;
}
.prog aside {
	background-color: #E7EAF1;
	width: 25%;
	margin-top: 30px;
}
.prog aside hr{
	margin: 20px 0;	
}
.prog div.tabs > div {
	clear: left;
	margin-top: 3px;
	padding: 5px;
}
.prog .courseWidget{
	float: left;
    margin-top: 100px;
    width: 60%;	
}
@media only screen and (max-width: 1240px) {
	.prog ul.tabNavigation li {
		width: 25%;
	}
} /*/mediaquery*/
@media only screen and (max-width: 900px) {
	.prog .tabs {
		width: 100%;
	}
	.prog aside.smlScreen {
		clear: both;
	}
} /*/mediaquery*/
@media only screen and (max-width: 550px) {
	.prog ul.tabNavigation li {
		width: 50%;
		height: 57px;
	}
	.prog ul.tabNavigation li a {
		height: 45px;
	}
} /*/mediaquery*/
@media only screen and (max-device-width: 480px) {
	.prog ul.tabNavigation li a {
		line-height: 1.3em;
	}
} /*/mediaquery*/

/* ---------------------------------------------------- */
/* KIS Widget */
/* ---------------------------------------------------- */
@media only screen and (min-width: 900px) {
	.prog aside {
		width: 35%;
	}
	.prog .tabs {
		width: 50%;	
	}
}
@media only screen and (min-width: 1024px) {
	.prog aside {
		width: 31%;
	}
	.prog .tabs {
		width: 54%;	
	}
}
@media only screen and (min-width: 1241px) {
	.prog aside {
		width: 25%;
	}
	.prog .tabs {
		width: 60%;	
	}
}
/* ---------------------------------------------------- */
/* Country info */
/* ---------------------------------------------------- */
.countryInfo {
	margin-top: 40px;
}
@media only screen and (min-width: 320px) {
	.countryInfo ul.tabNavigation li {
		width: 50%;
	}
	.countryInfo .tabs{
		clear: both;	
	}
}
@media only screen and (min-width: 800px) {
	.countryInfo ul.tabNavigation li {
		width: 20%;
	}
}
.countryManager img{
	float: right;
	margin: 0 0 0 5%;	
}

/* ---------------------------------------------------- */
/* Clearing 2012 */
/* ---------------------------------------------------- */
.banner{
	margin: 20px 0 -10px 0;
	padding: 10px;
	border: 1px solid #a1a1a1;	
}
.content section .banner img{
	margin-bottom: 0;	
}
.columnWrapper{
		margin-top: 40px;	
	}
.wideColumn {
	float: left;
	margin-bottom: 20px;
	margin-right: 2%;
	padding: 0 3% 3% 0;
	/*width: 33%;*/
	width: 45%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.wideColumn ul{
	margin-top: 0;	
}
/*.narrowColumn {
	background-color: #E7EAF1;
	float: left;
	margin-bottom: 20px;
	margin-right: 0;
	padding: 3%;
	width: 18%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.narrowColumn h2{
	margin-top: 0;	
}*/
.tooltip {
	display: none;
	background-color: #444;
	padding: 20px;
	color: #eee;
	width: 260px;
}
#tooltips ul{
	list-style: none;
	padding: 0;
	margin: 20px 0 0 0;
	display: inline-block;
}
#tooltips li{
	float: left;
	margin-right: 10px;
}
#tooltips li a{
	display: block;
	background-color: #E7EAF1;
	padding: 5px 10px;
	border-bottom: 0!important;
}

@media only screen and (min-width: 320px) {
	.banner{
		display: none;	
	}
	.wideColumn {
		float: none;
		width: 100%;
		margin: 0;
		padding-bottom: 0;
	}
	/*.narrowColumn {
		float: none;
		width: 94%;
		margin-top: 30px;
	}*/
}
@media only screen and (min-width: 650px) {
	.banner{
		display: block;	
	}
}
@media only screen and (min-width: 768px) {
	.wideColumn {
		float: left;
		width: 47%;
	}
	/*.narrowColumn {
		clear: both;
	}*/
}
@media only screen and (min-width: 1024px) {
	.wideColumn {
		float: left;
		/*width: 33%;*/
		width: 45%;
		margin-right: 2%;
		padding: 0 3% 3% 0;
	}
	/*.narrowColumn {
		float: left;
		width: 18%;
		clear: none;
		margin-right: 0;
		padding: 3%;
		margin-top: 0;
	}*/
}


/* ---------------------------------------------------- */
/* MEDIA QUERIES */
@media screen and (max-device-width: 480px) {
	html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
	body {
		font-size: 0.9em;
		background-image: none;
		background-color: #606c8c;
		text-shadow: none;
	}
}
@media screen and (max-width: 480px) {
	footer{
		color: #eee;	
	}
	footer a{
		color: #fff;
		border-bottom: 1px dotted #fff;
	}
	h1 {
		font-size: 1.8em;
		margin: 10px 0 0 0;
	}
	header h1 + .column{
		margin-top: 20px!important;	
	}
	h2 {
		font-size: 1.3em;
	}
	h3 {
		font-size: 1.1em;
	}
	#contentElement {
	   margin-top: -10px;
	   width: 94%!important;
	}
	#logo{
		float: left;
		width: 60%;
		margin: 0;
	}
	#deptlogo{
		float: left;
		width: 50%;
		margin: 0;	
	}
	.mobileNav{
		float: right;
		display: block;
		margin: 0 0 0 5%;
	}
	.mobileNav #jumpMenu{
		width: 85px;
	}
	.mobileNavDept{
		position: absolute;
		top: 0;
		right: 10px;	
	}
	.mobileNavDept select{
		width: 85px;	
	}
	#q{
		width: 200px;	
	}
	.schoolTitle{
		float: left;
		clear: both;
		width: 100% !important;
		padding: 10px 0;
		min-height: 40px;
		font-size: 2em;
	}
	.subTitle{
		float: left;
		margin: 10px 0;
	}
	.subTitle h2 {
		font-size: 1.2em;
	}
	.breadcrumb{
		display: none;
	}
	.off{
		display: none;
	}
	.content section{
		padding: 4%!important;
		float: none;
		width: 92%!important;
	}
	.content a[href]{
		/*word-break: break-all;*/
		word-wrap: break-word;
	}
	#socialicons{
		float: none;
		padding-top: 20px;
	}
	#footerLinks ul{
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		clear: both;
	}
	#footerLinks li{
		margin-right: 5px;
	}
	#slideShow{
		clear: both;
		margin-top: 10px;
	}
	.jump{
		display: inline;
		padding: 5px 10px;
		background-color: #E7EAF1;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-o-border-radius: 8px;
		border-radius: 8px;
		margin-bottom: 10px;
		font-size: 0.9em;
		border-bottom: 0!important;
	}
	.contentSearch{
		width: 96%!important;
		padding: 2%;
	}
	.contentSearchSubmit{
		width: 50%;
		margin: 10px 0 0 0;
		float: none;
	}
	.tiles{
		float: left;
		width: 100%;
	}
	.subColumn{
		width: 90%;
		padding: 5%;
	}
	.LandingBox{
		float: left;
		width: 100%;
		margin-right: 0;
	}
	.content .quad {
    	margin-right: 0;
    	width: 100%;
	}
	.newsExtra{
		float: none;
		margin-top: 0;	
	}
	.addThis{
		float: none;
	}
	.highlight1 label{
		display: none;
	}
	.intro {
		font-size: 1.3em;
		line-height: 1.4em;
	}
	#example_length{
		display: none;	
	}
	.tabs img.studentImg{
		float: none;
		margin: 0;
	}
	.button2{
		display: block;	
	}
	blockquote{
		width: 90%;	
	}
	.column, .highlight, .highlight1, .highlight2{
		padding: 5%!important;
		width: 90%!important;	
	}
	.whereNext, .timeRead {
		display: block;	
	}
} /*/mediaquery*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
	body {
		font-size: 0.9em;
	}
} /*/mediaquery*/
@media only screen and (max-width: 565px) {
	#slideShow{
		clear: both;
	}
	.linksList {
		float: left;
		width: 100%;
		margin: 0 0 20px 0;
	}
	.contentSearch{
		width: 96%;
	}
	.contentSearchSubmit{
		width: 50%;
		margin: 10px 0 0 0;
		float: none;
	}
	.subColumn{
		width: 90%;
		padding: 5%;
	}
	.content aside.smlScreen{
		display: block;
		float: none;
		margin: 0;
		width: 92%;
	}
} /*/mediaquery*/
@media only screen and (max-width: 600px) {
	#search {
		float: none;
		margin: 20px 0 0 0;
	}
} /*/mediaquery*/
@media only screen and (max-width: 768px) {
	.content section{
		width: 94%;
		padding: 0 3%;
		margin: 0 0 20px 0;
	}
	.secondary{
		width: 90%;
		padding: 5%;
		margin: 0;
		float: left;	
	}
	.schoolTitle{
		font-size: 2.2em!important;
		width: 50%;
	}
	.inlineImg, .imageTextLink img, .column img, blockquote img, .highlight1 img, .highlight2 img, .LandingBox img, .inline_img{
		display: none;
	}
	.content .quad {
    	margin-right: 4%;
    	width: 48%;
	}
	.content .quad.two {
    	margin-right: 0;
	}
	.researchTheme{
		float: none;
		width: 94%;
		margin: 0 0 20px 0;	
	}
	
	.content{
		margin: 0 0 10px 0;
	}
	#copyright {
		float: left;	
	}
	#footerLinks {
		float: left;
		width: 100%;
	}
	.LandingBox{
		float: left;
		width: 100%;
		margin-right: 0;
		min-height: 0;
	}
	.contentVideo{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.tiles{
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.tiles a{
		margin-right: 15px;
	}
	.twitterWidget{
		margin: 0 0 20px 0;
		width: 100%;
	}
	.column {
		margin-right: 0;
		padding: 3%;
		width: 94%;
	}
	.hideColumn{
		display: none;	
	}
	.schoolTitle{
		width: 58%;
	}
	.LandingBoxes{
		margin-bottom: 0;	
	}
} /*/mediaquery*/
@media only screen and (min-width: 501px) and (max-width: 800px) {
	.linksList {
		float: left;
		width: 48.5%;
		margin: 0 3% 20px 0;
	}
	.two{
		margin-right: 0;
	}
} /*/mediaquery*/
@media only screen and (max-width: 900px) {
	.lrgScreen{
		display: none;	
	}
	aside.smlScreen{
		display: block;
		float: none;
		margin: 0;
		width: 50%;
	}
	/*	aside.smlScreen{
		display: block;
		float: none;
		margin: 0;
		width: auto;	
	}*/
	.schoolTitle{
		font-size: 2.7em;
	}
} /*/mediaquery*/
@media only screen and (max-width: 1023px) {
	nav.primary li{
		margin: 0;
		border-right: 1px solid #7c7c7c;
		border-bottom: 1px solid #7c7c7c;
		width: 50%;
	}
	nav.primary li.current {
		width: 50%;
		border-right: 0;
	}
	nav.primary li:last-child{
		border-right: 1px solid #7c7c7c;
	}
	nav.primary a{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	nav.primary li:last-child a {
		width: 100%;
	}
	nav.primary li.noBorder{
		border-right: 0;
	}
	#links {
		background-color: #fff;
		padding: 10px;
		overflow: auto;
		float: left;
		width: 100%;
	}
} /*/mediaquery*/
@media only screen and (min-width: 565px) and (max-width: 1023px) {
	.contentSearch{
		width: 79%;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
	.contentSearch{
		width: 61%;
	}
} /*/mediaquery*/
@media only screen and (max-width: 1400px) {
	#contentElement {
	   width: 90%;
	}
} /*/mediaquery*/
@media only screen and (min-width: 1401px) {
	#contentElement {
	   width: 1245px;
	   margin: 20px auto;
	   text-align: left;
	}
} /*/mediaquery*/


.noTopMargin{
	margin-top: 0;	
}
.noBackground{
	background-color: transparent;	
}
.noPad{
	padding: 0;	
}
.pad{
	padding: 20px 0;	
}
.right{
	float: right;
	margin: 0 0 20px 20px;	
}
.last{
	margin-right: 0;	
}
.largeLink{
	font-size: 1.2em;
}
section.wide {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }

/* Set values for different number of nav items on school sites */
@media only screen and (min-width: 1024px) {
nav.primary ul.class1 li {width:100%;}
nav.primary ul.class2 li {width:50%;}
nav.primary ul.class3 li {width:33.33%;}
nav.primary ul.class4 li {width:25%;}
nav.primary ul.class5 li {width:20%;}
nav.primary ul.class6 li {width:16.66%;}
nav.primary ul.class7 li {width:14.28%;}
nav.primary ul.class8 li {width:12.50%;}
nav.primary ul.class9 li {width:11.11%;}
}
@media only screen and (max-device-width : 768px) and (orientation : portrait) {
	.jump{
		display: inline;
		padding: 5px 10px;
		background-color: #E7EAF1;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-o-border-radius: 8px;
		border-radius: 8px;
		margin-bottom: 10px;
		font-size: 0.9em;
		border-bottom: 0!important;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	body {
		font-size: 0.7em;
	}
	#contentElement {
		margin: 10px auto;
	}
	#logo{
		width: 200px;
	}
	nav.primary {
		margin-top: 5px;
	}
	nav.primary li{
		width: 12.5%;
		font-size: 0.8em;
		border-bottom: 0;
	}
	nav.primary li.current{
		width: 12.5%;
	}
	nav.primary li.noBorder{
		border-right: 1px solid #7c7c7c;
	}
	nav.primary li:last-child{
		border-right: 0;
	}
	.content section {
		float: right;
		margin-right: -3%;
		width: 75%;
	}
	.secondary {
		margin: 0;
		text-transform: none;
		width: 20%;
		padding: 0;
		float: none;
	}
	.inlineImg, .imageTextLink img, .column img, blockquote img, .highlight1 img, .highlight2 img, .LandingBox img, .inline_img{
		display: inline;
	}
	.LandingBox{
		float: left;
		width: 32%;
		margin-right: 2%;
		min-height: 0;
	}
	.column {	
		margin-right: 2%;
		padding: 3%;
		width: 43%;
	}
	.extraWidth{
		width: 55%;	
	}
	.twitterWidget{
		float: right;
		margin: 0 0 20px 2%;
		width: 32%;
	}
	.last {
		margin-right: 0;
	}
	section.wide {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	aside.smlScreen{
		display: none;	
	}
	aside.lrgScreen{
		display: block;
		width: 28%;
	}
	.prog aside {
		width: 31%;
	}
	.prog .tabs {
		width: 54%;	
	}
}

/* IE9 hack */
:root body { font-size: 0.75em \0/IE9; }
/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}