@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700);
/*
*** now included at end of this file ***
@import url('http://assets.mhs.manchester.ac.uk/2012/css/site-category-colours_v002.css');
*/

/* YUI reset fonts grids */
	/*
	Copyright (c) 2009, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 2.8.0r4
	*/
	html{color:#000;background:#FFF;}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
	del,ins{text-decoration:none;}
	li{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym{border:0;font-variant:normal;}
	sup{vertical-align:baseline;}
	sub{vertical-align:baseline;}
	legend{color:#000;}
	input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
	input,button,textarea,select{*font-size:100%;}
	body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
	select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
	table{font-size:inherit;font:100%;}
	pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
	body{text-align:center;}
	#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}
	#doc2{width:73.076em;*width:71.25em;}
	#doc3{margin:auto 10px;width:auto;}
	#doc4{width:74.923em;*width:73.05em;}
	.yui-b{position:relative;}
	.yui-b{_position:static;}
	#yui-main .yui-b{position:static;}
	#yui-main,.yui-g .yui-u .yui-g{width:100%;}
	.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}
	.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}
	.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}
	.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}
	.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}
	.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}
	.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}
	.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}
	.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}
	.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}
	.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}
	.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}
	.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}
	.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}
	.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}
	#yui-main .yui-b{float:none;width:auto;}
	.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}
	.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}
	.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}
	.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}
	.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}
	.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}
	.yui-gc div.first,.yui-gd .yui-u{width:66%;}
	.yui-gd div.first{width:32%;}
	.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}
	.yui-ge .yui-u,.yui-gf div.first{width:24%;}
	.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}
	.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}
	.yui-g .yui-g .yui-u{width:48.1%;}
	.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}
	.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}
	.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}
	.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}
	.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}
	.yui-g .yui-gb .yui-u{_margin-left:1.0%;}
	.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}
	.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}
	.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}
	.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}
	.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}
	.yui-gb .yui-gb .yui-u{_margin-left:.7%;}
	.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}
	.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}
	.yui-gb .yui-gd div.first{width:32%;}
	.yui-g .yui-gd div.first{_width:29.9%;}
	.yui-ge .yui-g{width:24%;}
	.yui-gf .yui-g{width:74.2%;}
	.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}
	.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}
	.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}
	.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}
	.yui-ge div.first .yui-gd .yui-u{width:65%;}
	.yui-ge div.first .yui-gd div.first{width:32%;}
	#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

/* YUI base min */
	/*
	Copyright (c) 2009, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 2.8.0r4
	*/
	body{margin:10px;}
	h1{font-size:138.5%;}
	h2{font-size:123.1%;}
	h3{font-size:100%;}
	h1,h2,h3{margin:1em 0;}
	h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}
	optgroup{font-weight:normal;}
	abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
	em{font-style:italic;}
	del{text-decoration:line-through;}
	blockquote,ul,ol,dl{margin:1em;}
	ol,ul,dl{margin-left:2em;}
	ol li{list-style:decimal outside;}
	ul li{list-style:disc outside;}
	dl dd{margin-left:1em;}
	th,td{border:1px solid #000;padding:.5em;}
	th{font-weight:bold;text-align:center;}
	caption{margin-bottom:.5em;text-align:center;}
	sup{vertical-align:super;}
	sub{vertical-align:sub;}
	p,fieldset,table,pre{margin-bottom:1em;}
	button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}


/*
Sticky Footer
http://ryanfait.com/sticky-footer/
*/
	* {
		margin: 0;
		}
	html, body {
		height: 100%;
		}
	.page-wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin-top: 0;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:-74px;
		}
	.page-footer, .page-push {
		height: 74px;
		}
	.has-nav #nav-line {position:absolute;top:14px;left:184px;border-left:1px solid #ccc;}
	.page-footer {overflow:hidden;z-index:1;}
	#nav-footer {height:27px;}
	#contact-footer {height:27px;}
	#contact-footer .affiliation {float:left;margin-left:2px;padding:3px 10px 5px 10px;border-left:1px dotted white;border-right:1px dotted white;}
	#extra-footer .centred {
		border-top:1px solid #ccc;
		padding: 10px 0;
		}
	
/* general */
	.inline-link-list {
		margin:0;
		font-family: 'Courier New',monospace;	
		letter-spacing: -0.63em;				/* whitespace in inline lists should be 0.65em wide when monospaced, so this hides it. From http://stacklayout.com/ */
		word-spacing: -0.63em;				/* Opera needs word-spacing instead of letter spacing */
		 }
	.inline-link-list li {
		vertical-align:top;
		min-height: 1em;
		display:inline-block;
		font-family: Verdana, "DejaVu Sans", Arial, Helvetica, Sans-Serif, sans-serif; /* set the font back to normal */
		letter-spacing: normal; /* set the letter-spacingback to normal */
		word-spacing: normal; /* set the letter-spacingback to normal */
		zoom: 1; /* Hack for IE */
		*display: inline;	/* For IE 7 and less*/
		_height:1%; /* Hack for IE6 */
		}
	.inline-link-list li li {
		vertical-align:inhertit;
		min-height: inhertit;
		display:block;
		}
	.hidden,
	.mobile-show,
	.smaller-show {display:none;}

/* body */
	body {
	    text-align:left;
	    margin:0;
		font-family: Verdana, "DejaVu Sans", Arial, Helvetica, Sans-Serif, sans-serif;
		font-size: 80%;
		}
	a {color:#004AB4;} /* H153 S255 V180, darkened and slightly reddened from #0066CC H149 S255 V204 */
	
	h1 {
		font-size: 1.3em;
		margin: 0;
		padding: 0.2em 0;
	}
	h2, h3, h4, h5, h6, legend {color:#0066cc;}

	h2, h3, h4, h5, h6 {margin-bottom:0.5em;}
	h2 a, h3 a, h4 a, h5 a, h6 a, .page-header a, .page-footer a, .only-links a, .tabs-list a, .link-list a, .inline-link-list a {text-decoration:none;}
	a:hover, a:focus {color:#e38c00;text-decoration:underline !important;}	/* orange */
	a:active {color:#E23C00;}

	sup, sub {
		vertical-align: baseline;
		position: relative;
		top: -0.4em;
	}
	sub { top: 0.4em; }
	th, td {border:0px;}
	td {vertical-align:top;}
	
/* header */
	.page-header {}
	.page-header a, .page-footer a {color:#ffffff;}
	.page-header a:hover, .page-header a:focus, .page-footer a:hover, .page-footer a:focus, .page-header a.selected, .page-footer a.selected {color:#ff9d00;} /* darker shade used for nav-secondary */
	
	.full-width {}
	.centred {width:994px;margin-left:auto;margin-right:auto;}
	
	body {top:0 !important;margin-top:0;padding-top:0;}
	#logo-search {margin-bottom:11px;float:left;}
	#aUniLogo, #search {display:inline-block;}
	#aUniLogo {float:left;}
	
	#site-title {clear:both;margin-top:11px;}
	#site-title, #contact-footer {background-color:#0066cc;color:#ffffff;}
	#site-menu, #nav-footer {background-color:#003366;color:#ffffff;}
	#site-title, #site-menu, #nav-footer, #contact-footer {padding:7px 5px 3px 5px;}
	#site-title {font-size:1.4em;font-weight:700;}
	#site-title h1 {font-size:1em;padding:0 0 0 0;font-weight:700;}
	#site-menu {padding-bottom:0;position:relative;z-index:2;}
	#site-menu ul {position:relative;}
	#site-menu li, #nav-footer li, #contact-footer li {border-right:1px dotted #ffffff;}
	#site-menu li:first-child, #nav-footer li:first-child, #contact-footer li:first-child, #site-menu li.first, #nav-footer li.first, #contact-footer li.first {border-left:1px dotted #ffffff;}

	#site-menu li a, #nav-footer li a, #contact-footer li a, #nav-footer li span, #contact-footer li span {
		padding:3px 10px 3px 10px;
		display:inline-block;
		}
	#site-menu li .dropdown a {padding:0;display:inline;}
	#site-menu li .dropdown li {border:none;}
	#nav-footer li a, #nav-footer li span {
		padding:3px 8px 3px 8px;
		}
	#nav-footer li a, #contact-footer li a, #nav-footer li span, #contact-footer li span {
		padding-top:1px;
		}
	#site-menu .intranet {
		position: absolute;
		right: 0;
		top:0;
		border-left:1px dotted #ffffff;
		}
	#site-menu a.menu-item {
		padding-bottom:5px;
		}
	#site-menu a.selected {
		background-color:#fff;
		color:#004AB4;
		}
	#site-menu a.hovered {
		background-color:#fff;
		color:#004AB4;
		}
	#site-menu a.selected-not-hovered {
		background-color:#ccc;	
	}
	#extra-footer a {color:inherit;}

/* Search and tabs */
	/* tabs from http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php */
	#search {
		float:right;
		padding-top:10px;
		vertical-align:top;
		}  
	#search-options {display:none;}
	#search-options.display {
		display:block;
		float: left;
		}
	#search-options input {display:none;}
	.tabs ul.tabs-list {
		padding:14px 10px 0 0;
		margin:0;
    	}
    .tabs .tabbody .list-description, .tabs .tabbody .list-more, .tabs .tabbody .list-message {margin:1em 1em 1em 2em;}
    .tabs .tabbody .list-description, .tabs .tabbody .list-more, .tabs .tabbody .list-description a, .tabs .tabbody .list-more a {color:#666;}
	#search-options li, .tabs-list li {
	    float:left;
	    margin:0 1px 0 0;
	    padding:0 5px 0 5px;
    	position:relative;
		list-style:none;
		border-top:1px solid #CCC;
		border-left:1px solid #CCC;
		border-right:1px solid #CCC;
		-moz-border-top-left-radius:5px;
		-moz-border-top-right-radius:5px;
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-khtml-border-top-left-radius:5px;
		-khtml-border-top-right-radius:5px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		}	
	#search-options label, .tabs-list li a {
		float:left;
		display:block;
	    padding-top:0.4em;
	    padding-left:0.5em;
	    padding-right:0.5em;
	    padding-bottom:0.35em;
		font-weight:bold;
		color:#765;
		text-align:center;
		cursor:pointer;
		}	
	#search-options .selected, .tabs ul.tabs-list .current {
		background-color:#0066cc;
		color:#ffffff;
		z-index:900;
		}

	/*position each individual tab's heading (default class .tabhead) off-screen*/
    .tabs .current-info, .tabs .accessibletabsanchor, .tabs .tabhead, .nav-skiplinks {
        position:absolute;
        left:-999em;
    	}
    .nav-skiplinks {
        top:0;
    	}
    #intranet-toolbar {
		float:right;
		padding:7px 14px 10px 14px;
		vertical-align:top;
		background: #eee;
		}
	#intranet-toolbar a {
		display:block;
		margin-top:10px;
		padding:5px;
		background-color:#06C;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;
		border-radius:5px;
		text-align:center;
		}
    #search-options {padding:0;margin:0;}
	#search-options .selected label, .tabs ul.tabs-list .current a {
		padding-bottom:0.42em;
		color:#ffffff;
   		 }    
	#search-options span.arrow, .tabs-list span.arrow {
		width: 100%;
		height: 9px;
		position: absolute;
		bottom: -9px;
		left: 0;
		display:none;
		z-index:1901;
		}
	#search-options .selected span, .tabs-list .current span.arrow {
		background: url(images/arrow-down-blue.png) no-repeat center;
		display:inline;
		}
	#search-inputs {clear:both;padding-bottom:5px;}	
	#search-inputs input {vertical-align:top;}
	#search #q {
		width:16em;
		font-weight:bold;
		height:1.45em;
		line-height:1.45em;
		padding:0.6em 0.5em 0.4em 0.5em;
		border:1px solid #CCC;
		-moz-border-bottom-right-radius:2px;
		-moz-border-top-right-radius:2px;
		-webkit-border-bottom-right-radius:2px;
		-webkit-border-top-right-radius:2px;
		-khtml-border-bottom-right-radius:2px;
		-khtml-border-top-right-radius:2px;
		border-bottom-right-radius:2px;
		border-top-right-radius:2px;
		color:#776655;
		}
	#search #search-submit {
		border:1px solid #ff9d00;
		height:2.6em;
		line-height:2.6em;
		padding: 0 0.5em 0 0.5em;
		background-color:#ddd;
		font-weight:bold;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		-khtml-border-radius:2px;
		border-radius:2px;
		}
	#search #search-submit:hover, #search #search-submit:focus {color:#996000;cursor:pointer;}
	#search #search-submit:active {color:#E23C00;}
	
	#search-options label:hover, #search-options label:focus, .tabs ul.tabs-list a:hover, .tabs ul.tabs-list a:focus {
		color:#e38c00;
		}
	.tabs .content {
		clear:both;
		}
	.tabbody {
		border:1px solid #ccc;
		}
	
/* footer */
	#nav-footer ul, #contact-footer {text-align:right;}
	  
/* main */
	#main {
		margin-bottom:24px;
		position:relative;
		z-index:1;
		}		
	.clear {clear:both;}
	
/* grid
	71 x 14px columns = 	994px
	ideally we would just use e.g. .box-layout.box-47 but IE6 doesn't combine classes as it should,
	so there are extra classes e.g. .box-layout-47 for IE6
	To keep the HTML clean, JavaScript looks for elements with classes .box-layout AND .box-47 and adds the class .box-layout-47
*/

	.grid .box-layout, .grid .box-content {display:inline;float:left;}
	.grid .box-layout {margin-right:14px;}
	.grid .box-layout.last {margin-right:0;}
	.grid .box-content {margin-left:14px;margin-top:14px;overflow:hidden;}
	.grid .box-content:first-child, .grid .box-content.first {margin-left:0;}

	.grid .box-layout.box-47 {width:658px;}
	.grid .box-content.box-47 {width:658px;}
	.grid .box-content.box-47.has-border {width:656px;}
	
	.grid .box-layout.box-23 {width:322px;}
	.grid .box-content.box-23 {width: 322px;}
	.grid .box-content.box-23.has-border {width:320px;}
	
	.grid .box-layout.box-15 {width:210px;}
	.grid .box-content.box-15 {width:210px;}
	.grid .box-content.box-15.has-border {width: 207.51px;} /* using 207.51 stops the box being too wide when browser is zoomed out */
	
	/* classes for narrower grid next to menu */
	.grid .box-layout.box-32ish {width:452px;}
	.grid .box-content.box-32ish {width:452px;}
	.grid .box-content.box-32ish.has-border {width:450px;}
	
	.grid .box-layout.box-16ish {width:219px;}
	.grid .box-content.box-16ish {width:219px;}
	.grid .box-content.box-16ish.has-border {width: 217.51px;} /* using 207.51 stops the box being too wide when browser is zoomed out */
	
	.grid .has-border {border-width:1px;border-style:solid;}
	.grid .box-blue {border-color:#99BCFF;} /* lightened border from luminance of 204 (#0066CC) to 235 (#0076EB) */
	.grid .box-grey {border-color:#CCC;}
	.grid .box-red {border-color:#931728;}

	.grid .box-content.has-header {
			-moz-border-top-right-radius:5px;
			-moz-border-top-left-radius:5px;
			-webkit-border-top-right-radius:5px;
			-webkit-border-top-left-radius:5px;
			-khtml-border-top-right-radius:5px;
			-khtml-border-top-left-radius:5px;
			border-top-right-radius:5px;
			border-top-left-radius:5px;
			}

	.grid .box-content h3 {background-color:#CCC;color:#0066CC;margin:0;padding:5px 7px;}
	.grid .box-content.box-blue h3, .grid .box-content.box-blue h3 a {background-color:#0066CC;color:#fff;text-decoration:none;}
	.grid .box-content.box-red h3, .grid .box-content.box-red h3 a {background-color:#931728;color:#fff;text-decoration:none;}

	.grid .break-before {
		margin-left:0;
		clear:both;
		}

	.grid .box-content.image-full-width h3 {
		margin-top:0;
		background-color:inherit;
		}

	.grid .box-content.image-full-width p {
		padding:5px;
		}

	.grid .link-list {
		margin:0;
		padding:0;
		list-style:none;
		}
	.grid .link-list li {
		margin:0;
		border-top:1px solid #fff;
		display: inline-block;

		}
	.grid .link-list a {
		display:inline-block;
		width:198px;
		background-color:#ddd;
		padding:0 5px;
		height:2.5em;
		}
	.grid .link-list a.one-line {line-height:2.5em;}
	.grid .six {background-color:#DDD;}
	.grid .six .link-list a, .grid .six .link-list a.one-line {
		height:2.05em;
		}
	.grid .link-list a:hover, .grid .link-list a:focus {
		color:#fff;

		background: #256ccf; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1NmNjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDMwOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #256ccf 0%, #00308a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#256ccf), color-stop(100%,#00308a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #256ccf 0%,#00308a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #256ccf 0%,#00308a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #256ccf 0%,#00308a 100%); /* IE10+ */
		background: linear-gradient(top,  #256ccf 0%,#00308a 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#256ccf', endColorstr='#00308a',GradientType=0 ); /* IE6-8 */
		}
		
	.grid .box-content.h191 {height:191px;Xoverflow-y:scroll;}
	.grid .box-content.h191 h3 {padding-botom:0;}

	.grid .box-content.vertical-image img {float:left;}
	.grid .box-content.vertical-image div {margin-left:101px;padding:5px 5px 0;}
	.grid .box-content.vertical-image h4 {margin-bottom:0;}
	
/* old main layout for 994px
	*
	* nav 184px + 1px + 14px right margin = 199px
	* adverts 1px + 170px + 1px + 14 px left margin = 186px
	* adverts 1px + 208px + 1px + 14 px left margin = 224px
	*
	* grid									main: .grid
	* breadcrumb, nav, content				main: .has-breadcrumb .has-nav
	* breadcrumb, nav, content, advert		main: .has-breadcrumb .has-nav .has-rhs-170/.has-rhs-210
	* breadcrumb, content					main: .has-breadcrumb 
	* breadcrumb, content full width		main: .has-breadcrumb .full-width
	*/
	#content, .nav-secondary-sectionheader, #rhs {
		padding-top:14px;
		}
	#content.grid {padding-top:0;} /* grid elements already have padding-top */
	#breadcrumb {
		color:#666;
		padding-top:5px;
		padding-bottom:5px;
		border-bottom:1px solid #ccc;
		}
	#breadcrumb ul {display:inline;}
	#breadcrumb li {
		padding:0 10px 0 10px;
		background: url(images/arrow_grey.gif) no-repeat center left;
		}
	#breadcrumb li.first, #breadcrumb li:first-child {
		padding-left:0;
		background-image:none;
		}
	#breadcrumb h1 {font-size:1em;font-weight:normal;padding:0 0 0 0;}

/* Secondary navigation */
	/* IE hacks */
	#nav-secondary li { word-wrap: break-word; }
	
	#nav-secondary a {text-decoration:none;display:block;}
	#nav-secondary a:hover, #nav-secondary a:focus {text-decoration: underline;}

	#nav-secondary {
		font-size: 0.85em;
		float: left;
		margin-right:14px;
		width: 184px;
		}
	#nav-secondary ul { font-size: 1em; margin: 0; padding: 0; }
	#nav-secondary li { font-size: 1em;  }

	/* Commented Backslash Hack \*/
	#nav-secondary li{ overflow: hidden; } 
	/* End IE5-Mac hack */

	.nav-secondary-sectionheader {
		list-style-type: none;
		border: none;
		background-color: inherit;
		color: #ffffff;
		margin: 0 0 4px 0;
		/* Start IE6 hack */
		_margin: 0 0 0 0;
		/* End IE6 hack */
		}
	.nav-secondary-sectionheader .header {
		background-color: inherit;
		color: #ffffff;
		display: block;
		padding: 0.4em 0.2em 0.5em 0.8em;
		background-color:#06c;
		border-top-left-radius:5px;
		-moz-border-top-left-radius:5px;
		-webkit-border-top-left-radius:5px;
		-khtml-border-top-left-radius:5px;
		}
	.nav-secondary-sectionmenu {
		margin: 0;
		padding: 0;
		list-style-type: none;
		Xbackground-color: #ffffff;
		color: inherit;
		display:block;
		}
	.nav-secondary-sectionmenu li {
		margin:0;
		padding:0 0 1px 0;
		}
	.nav-secondary-sectionmenu li { background-color: inherit; color: #000000; }
	.nav-secondary-sectionmenu li a, .nav-secondary-sectionmenu li span {
		margin: 0 0 0.2em 0;
		padding: 0.4em 0.4em 0.4em 1.6em;
		background: url("images/bullet_666666.gif") no-repeat 4px center;
		color: #663399;
		}	
	.nav-secondary-sectionmenu li.current a {
		background-color:#CDE7FF;
		background-image:url("images/circle_lrg_666666.gif");
		background-repeat:no-repeat;
		background-position:1px center;
		}
	.nav-secondary-sectionmenu li a:hover, .nav-secondary-sectionmenu li a:focus {
		background-color:#e6e6e6;
		color:#8E5500;
		}

	.nav-secondary-sectionheader.related .header {background-color:#666;}
	.nav-secondary-sectionheader.university .header {background-color:#036;}


	/* add a vertical line to the page background to extend the left nav's line but then hide it in the header and breadcrumb */
	.page-wrapper.has-nav {
		background-image:url(http://assets.mhs.manchester.ac.uk/2012/css/images/left-nav-line.gif);
		background-position:center top;
		background-repeat:repeat-y;
		}
	.page-header, #breadcrumb, 	#extra-footer {background-color:#fff;}


	#content {
		padding-bottom:0;
		position: relative;
		word-wrap: break-word;
		}
	#content table {
		border-width:0px;
		}
	#content li, #rhs li {
	    padding-bottom: 0.5em;
		}
	#content.grid li {
	    padding-bottom: inherit;
		}
	#content-primary, #content-secondary {position:relative;}

	.has-nav #main #content {
		margin-left: 205px;
		padding-left:0px;
		}
		
	/* IE6 pixel jog fix */
	.has-nav #content {height: 1%;}
	.has-nav #main>#content {height: auto;}
	
	#main.has-rhs-172 #content {
		margin-right: 186px;
		}
		
	#main.has-rhs-210 #content {
		margin-right: 226px;
		}
		
/* Advert boxes for third column (#rhs) on content pages */
/* need to search content for "boxadvert" and replace with "box" - don't call it advert or adblocker might block it. */ 
/* need to search content for "box-pallete-blue" and replace with "blue" */ 

	#rhs {
		position: absolute;
		top:0;
		right:0;
		}
	#rhs .box {
		margin-bottom:2em;
		border:1px solid #CCC;
		}
	.rhs-172 {width:172px;}
	.rhs-210 {width:210px;}
	.rhs-172 .box {width:170px;}
	.rhs-210 .box {width:208px;} /* was 207.51px */
	#rhs .box.blue {border-color:#99BCFF;}
	#rhs .box h2 {
		background-color: #666;
		color: #fff;
		font-size: 0.9em;
		font-weight: bold;
		margin: 0;
		padding: 0.5em 0.8em;
		}
	#rhs .box.blue h2 {background-color:#0066cc;}
	#rhs .box-strapline {
		font-size: 0.85em;
		line-height: 1.3em;
		margin: 0;
		padding: 0.5em 1em 0.5em 1em;
		}
	#rhs img {display:block;}
	#rhs .box-strapline img {display:inline;}
	
	#content .box.light-blue {background-color:#99ccff;}
	#content .box.light-blue h2, #content .box.blue h2 {background-color:#0066cc;}
	#content .box.light-blue h2, #content .box.blue h2 {color:#ffffff;margin:0;padding:5px 10px;}
	#content .box-275 {width:275px;}
	
	/* Forms - fieldsets and legends
	http://www.alistapart.com/articles/prettyaccessibleforms/
	*/
	#content fieldset {
	    background:url('http://assets.mhs.manchester.ac.uk/2012/css/images/fieldset-bg.gif') left top repeat-x;
	    border:0px;
	    border-top: solid 1px #0066cc;
	    border-bottom: solid 2px #85a8cc;
	    margin-top:20px;
	    margin-bottom:5px;
	    padding:5px 10px 10px 10px;
	    }
	
	#content legend {  
	    background-color:Transparent;
	    font-size:1.2em;
	    font-weight: bold;
	    color:#0066cc;
	    padding-left:5px;
	    padding-right:5px;
	    margin-top:5px;
	    margin-bottom:5px;
    }

/* Leader page style 1 - fixed width splash image and primary content with right side secondary content */		
	/* Original */		
	.page-leader-style1 #content { margin: 0; padding: 0; float: left; width: 482px; }
	.page-leader-style1 #content-primary { margin: 0; padding: 0; width: 275px; margin-left: 204px; }
	.page-leader-style1 #content-secondary { margin: 0; padding: 0; width: auto; margin-left: 502px;}
	// .page-leader-style1 .boxpromo .footer { clear: none; } // disabled by Mike on 2013-02-18
	.page-leader-style1 #content-primary .boxpromo,
	.page-leader-style1 #content-secondary .boxpromo { margin: 0; margin-bottom: 1em; width: auto; }
	.page-leader-style1 #content-secondary .boxpromo img { position: relative; }

	/* Extra */		
	.page-leader-style1 #content-primary, .page-leader-style1 #content-secondary {float:left;margin-top:14px;}
	.page-leader-style1 #content-primary {margin-left: 0;margin-bottom:2em;}
	.page-leader-style1 #content-secondary {margin-left: 14px; margin-bottom:2em; width:506px;}

	/* Course profile */
	/* initial styles before jQuery accordion overrides them - if JavaScript is enabled */
	#courseprofile .courseprofilecontent { margin: 0; padding: 1em 0 1em 0; width: 98%; }
	#courseprofile .courseprofilecontent h2 { margin: 1em 0 0.7em 0; padding: 0; font-size: 1.05em; }
	#courseprofile .courseprofilecontent h2 a { text-decoration: none !important; color: #06C; }
	#courseprofile .courseprofilecontent h3 a { text-decoration: none; color: #000000; }
	#courseprofile .courseprofilecontent p strong a { text-decoration: none; color: #000000; }
	#courseprofile .courseprofilecontent div.paragraph form { margin: 1em 0 1em 0; padding: 0; }
	#courseprofile .factfile { background-color: #f5f5f5; color: #000000; border-top: 2px solid #06C; border-bottom: 1px solid #06C; margin: 0.5em 0 0 0; padding: 10px 10px 10px 10px; }
	#courseprofile .factfile h2 { margin: 0 0 1em 0; padding: 0; }
	#courseprofile .factfile label { font-weight: bold; margin: 0; padding: 0; }
	#courseprofile .factfile p { font-size: 0.95em; margin: 0 1em 0.3em 1em; padding: 0; }
	#courseprofile table.courseoptions { width: 100%; margin: 0.5em 0 0.5em 0; padding: 0;  border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
	#courseprofile table.courseoptions th, #courseprofile table.courseoptions td { text-align: center; border-top-width:1px; border-bottom-width:1px;}
	
	/* for unistats widget */
	#courseprofile #unistats-widget-frame {float:right;margin-top:0.5em;}
	#courseprofile.has-unistats .factfile {margin-right:204px;}
	
	/* columba events calendar */
	.grid ul.event-list {margin:0 0 2em 0;}
	#content ul.event-list ul ul {margin-top:0;margin-bottom:0;}
	#content ul.event-list ol ol {margin-top:0;margin-bottom:0;}
	#content.grid ul.event-list li {
		padding:15px 15px 1px 15px;
		}
	#content.grid ul.event-list li {
		list-style:none;
		list-style-position: inside;
		}
	#content.grid ul.event-list li ul {
		margin-left:1.5em;
		}
	#content.grid ul.event-list li li {
		list-style-position: outside;
		padding:0 0 1em 0;
		}
	#content.grid ul.event-list li ul li {
		list-style:disc;
		}
	#content.grid ul.event-list li ol li {
		list-style:decimal;
		}
	.event-item.today {
		background: url(http://assets.mhs.manchester.ac.uk/2012/css/images/today-r.png) no-repeat 100% 0;
		background-color:rgb(255, 255, 200);
		padding-top:5px;
		padding-left:5px;
		border-bottom:1px solid #E5E557;
		margin-bottom:10px;
		}
	.event-item.today .event-title {
		padding-right:0px;
		}
	.event-item.today .event-title a {
		margin-right:35px;
		display: inline-block;
		}
	.event-item.today .event-date, .event-item.today div {
		padding-right:30px;
		}
	.grid .event-item.today .event-date, .grid .event-item.today div {
		padding-right:0px;
		}
	.event-item>div {margin-bottom:1em;}
	.event-item div.event-date {
		font-size:85%;
		color:#666;
		margin-top:3px;
		margin-bottom:3px;
		}

	/* staff profile */
	.profile-staff,
	.profile-project { font-size: 1em; width: auto; position: relative; }
	.profile-staff .letters-after-name {font-size:60%;}
	.profile-staff h2,
	.profile-staff h3 { margin: 0.4em 0 0 0; padding: 0; }
	.profile-staff p { margin: 0; padding: 0.5em 0 0.3em 0; }
	.profile-staff ul { margin: 0 0.5em 0.3em 1em; padding: 0; }
	.profile-staff .section,
	.profile-project .section,
	.profile-staff .contactdetails,
	.profile-project .project-overview {
		margin: 2em 0 0 0;
		padding: 14px;
		border-top: 1px solid #d5d5d5;
		border-right: 1px solid #d5d5d5;
		}
	.profile-staff .section,
	.profile-project .section {background-color:#f2f2f2;}
	.profile-staff .contactdetails,
	.profile-project .project-overview {border:1px solid #cccccc;box-shadow:1px 3px 4px 2px #ccc;}
	.profile-staff .section,
	.profile-project .section,
	.profile-staff .section h2,
	.profile-project .section h2,
	.profile-staff .contactdetails {
		-moz-border-top-left-radius:5px;
		-webkit-border-top-left-radius:5px;
		-khtml-border-top-left-radius:5px;
		border-top-left-radius:5px;
		-moz-border-top-right-radius:5px;
		-webkit-border-top-right-radius:5px;
		-khtml-border-top-right-radius:5px;
		border-top-right-radius:5px;
		}
		
	.profile-staff .contactdetails {overflow:auto;}
	.profile-staff .contactdetails h2 { margin: 0; padding: 0; }
	.profile-staff .contactdetails img { float: left; border: 1px solid black; margin: 0; padding: 0; position: relative; width: 141px;}
	.profile-staff .contactdetails .addressdetails.has-photo { margin-left: 156px; }
	.profile-staff .section h2, 
	.profile-project .section h2 {margin:-14px -14px 14px -14px; padding:3px 14px; background-color:#0066CC;color:#fff;}
	
	.profile-student .student-photo, .profile-student .student-contact {float:left;}
	.profile-student .student-photo {padding-right:14px;padding-bottom:14px;}
/* Data tables */
	.datatable {
	    background-color: #F5F5F5;
	    border-left: 1px solid #CCCCCC !important;
	    border-left-color:#CCCCCC !important;
	    border-top: 1px solid #CCCCCC;
	    color: #000000;
	    margin: 1em 0 0;
	    overflow: auto;
	    padding: 0;
	    table-layout: auto;
	    width: 98%;
	    word-wrap: break-word;
		}
	.datatable tr.odd {
	    background-color: #FFFFFF;
	    color: #000000;
		}
	.datatable tr.even {
	    background-color: #F5F5F5;
	    color: #000000;
		}
	.datatable tr.over {
	    background-color: #E5E5E5;
	    color: #000000;
		}
	.datatable th {
	    background-color: #99CCFF;
	    color: #000000;
		}
	.datatable th, .datatable td {
		border-color:#CCCCCC;
	    border-bottom: 1px solid #CCCCCC;
	    border-right: 1px solid #CCCCCC;
	    margin: 0;
	    padding: 0.3em;
	    text-align: left;
		}
		
/* jQuery UI accordion */
	.ui-accordion a {color: #000099;}
	.ui-accordion a:visited {color: #9966cc;}
	.ui-accordion .ui-accordion-content { overflow-y:hidden !important; } /* for when jQuery doesn't quite calculate the correct height */
	
	
	.ui-accordion .paragraph h1 {color:#0066cc; font-size: 1.125em;}
	#content .ui-widget { font-family: Verdana,"DejaVu Sans",Arial,Helvetica,Sans-Serif,sans-serif; font-size: 0.9em; }
	#content .ui-widget .ui-widget { font-size: 1em; }
	
	#content .ui-accordion h2 {color:#ffffff;margin:0.5em 0 1px 0; font-size: 1.125em;}
	#content .ui-accordion h2 a {color:#ffffff;}
	#content .ui-accordion .ui-accordion-header {padding:0;}
	#content .ui-accordion-header .ui-icon {left:auto;right:0.5em;}
	#content .ui-accordion .ui-accordion-header a {font-size:1.1em; display: block; padding: 0.375em 0.375em 0.375em 1.8em; }

	.ui-accordion-content .nextprev { padding-top: 1em; }
	
	/* gradients based on http://www.puremango.co.uk/2010/04/css-gradient-background/ */
	.ui-state-default, 
	.ui-widget-content .ui-state-default, 
	.ui-state-default a, 
	.ui-widget-content .ui-state-default a {
	    /* fallback (Opera) */
	    background: #999999;
	    /* Mozilla: */
	    background: -moz-linear-gradient(left, #999999, #cccccc);
	    /* Chrome, Safari:*/
	    background: -webkit-gradient(linear,
	                left top, right top, from(#999999), to(#cccccc));
	    /* MSIE */
	    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#999999', endColorstr='#cccccc'); /* IE6 & IE7 */
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#999999', endColorstr='#cccccc')"; /* IE8 */
	    zoom:1;
		}
	
	.ui-state-active, 
	.ui-widget-content .ui-state-active, 
	.ui-state-active a, 
	.ui-widget-content .ui-state-active a {
	    /* fallback (Opera) */
	    background: #0066CC;
	    /* Mozilla: */
	    background: -moz-linear-gradient(left, #0066CC, #7fb2e5);
	    /* Chrome, Safari:*/
	    background: -webkit-gradient(linear,
	                left top, right top, from(#0066CC), to(#7fb2e5));
	    /* MSIE */
	    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#0066CC', endColorstr='#7fb2e5'); /* IE6 & IE7 */
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#0066CC', endColorstr='#7fb2e5')"; /* IE8 */
	    zoom:1;
		}
	
	.ui-state-hover, 
	.ui-widget-content .ui-state-hover, 
	.ui-state-hover a, 
	.ui-widget-content .ui-state-hover a {
	    /* fallback (Opera) */
	    background: #666666;
	    /* Mozilla: */
	    background: -moz-linear-gradient(left, #666666, #a6a6a6);
	    /* Chrome, Safari:*/
	    background: -webkit-gradient(linear,
	                left top, right top, from(#666666), to(#a6a6a6));
	    /* MSIE */
	    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#666666', endColorstr='#a6a6a6'); /* IE6 & IE7 */
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#666666', endColorstr='#a6a6a6')"; /* IE8 */
	    zoom:1;
		}
	
	.ui-icon-triangle-1-e {background-position:-96px -16px !important;}
	
	.ui-accordion-content .nextprev input[type="button"], .ui-accordion .viewall, .ui-accordion .viewnormal  {
		padding:3px 5px;
		margin-right:10px;
		background-color:#06C;
		color:#fff;
		border:0px solid #06C;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-khtml-border-radius:3px;
		border-radius:3px;
		}
	.ui-accordion-content .nextprev input[type="button"]:hover, #courseprofile input[type="button"]:focus {
		cursor:pointer;
		color:#e38c00;
		}
	.ui-accordion .viewall, .ui-accordion .viewnormal {display:none;}


/* A to Z lists */	
	.mhsJqAtoZ .showType, 
	.mhsJqAtoZ .AtoZshortcuts {border-bottom:1px solid #CCCCCC;}
	.mhsJqAtoZ .AtoZshortcuts {padding:0.5em;}
	.mhsJqAtoZ .showType ul {
		padding-left:0;
		margin-left:0;
		}
	.mhsJqAtoZ .showType, 
	.mhsJqAtoZ .AtoZshortcuts {
		margin: 0;
		list-style-type: none;
		}
	.mhsJqAtoZ .showType li, 
	.mhsJqAtoZ .AtoZshortcuts li {
		display: inline;
		padding-right:0.8em;
		}
	.mhsJqAtoZ .AtoZshortcuts li a, 
	.mhsJqAtoZ .AtoZshortcuts li span {
		display: inline;
		display: inline-block;
		Xwidth: 1em;
		}
	.mhsJqAtoZ .showType li, 
	.mhsJqAtoZ .AtoZshortcuts span.hasContent {
		text-decoration:underline;
		color:#000099;
		cursor:pointer;
		}
	.mhsJqAtoZ .AtoZshortcuts li span.showAll {width: 5em;}
	.mhsJqAtoZ .showType li.selected, 
	.mhsJqAtoZ .AtoZshortcuts .selected {font-weight:bold;}
	.mhsJqAtoZ .AtoZlist, 
	.mhsJqAtoZ .AtoZlist ul {margin-left:0;padding:0;}
	.mhsJqAtoZ .AtoZlist li {margin-left:1.15em;min-width:10em;}
	.mhsJqAtoZ .AtoZlist li.letter {list-style:none;margin-left:0;margin-top:1em;min-width:11.15em;}
	.mhsJqAtoZ .AtoZlist li.letter li {list-style:disc;}
	.mhsJqAtoZ .AtoZlist li.letter li a {text-decoration:none;}
	.mhsJqAtoZ .AtoZlist li.letter li a:focus, 
	.mhsJqAtoZ .AtoZlist li.letter li a:hover, 
	.mhsJqAtoZ .AtoZlist li.letter li a:active {text-decoration:underline;}
	
/*	Ajax Search */	
	.ajax-search-results td a, .ajax-search-results td span.no-link {
		float:right; !important
		}
	.ajax-search-results .DisplayAll {
		background-color:#ccc;
		}
	.ajax-search-results .DisplayAll a {
		float:none;
		text-decoration:underline;
		color:blue;
		}

/* GSA search results */
	.searchresults { font-size: 1em; font-weight: normal; margin: 0; padding: 0; }
	.searchresults-statistics { background-color: #f5f5f5; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; color: inherit; font-size: 0.9em; margin: 0; padding: 0.8em 1em 0.8em 1em; width: 100%; }
	.searchresults-data dl dt { margin: 0.7em 0 0 0; padding: 0; font-weight: normal; }
	.searchresults-data dl dd { font-size: 0.9em; margin-top: 0.25em; padding: 0; }
	.searchresults-data .url { color: #cc0033; padding: 0;margin-top: 0em; }
	.searchresults-data .size,
	.searchresults-data .moreresults { color: #000000; padding: 0; }
	.searchresults-navigation { margin: 1em 0 2.5em 0; padding: 0; width: 98%; }
	.searchresults-navigation ul { margin: 0; padding: 0; list-style-type: none; }
	.searchresults-navigation ul li { display: inline; float: left; margin: 0; padding: 7px; font-size: 0.9em; width: auto; }
	.spelling { color: #cc0033; }
	.synonyms { color: #cc0033; }
	.copyright{ font-size: 1em; font-weight: normal; margin: 0; padding: 0; }
	.searchresults-navigation .cleanright {clear:both;}

/* other page features */
	#content blockquote {
		width:210px;
		display:block;
		background:#F2F2F2;
		margin:14px 14px 14px 0;
		padding:14px;
		border:1px solid #cccccc;
		box-shadow:1px 3px 4px 2px #ccc;
		}
	#content blockquote.left {
		float:left;
		margin-top:0px;
		}
	#content blockquote.right {
		float:right;
		margin-top:0px;
		margin-left:14px;
		margin-right:0;
		}
	#content blockquote q {
		display:block;
		font-family: "Open Sans", Helvetica, verdana, Arial, sans-serif;
		font-style:italic;
		font-size: 1.3em;
		line-height: 1.4em;
		}
	#content blockquote cite {
		display:block;
		font-family: "Open Sans", Helvetica, verdana, Arial, sans-serif;
		margin:14px 0 0 25%;
		align:right;
		text-align:right;
		padding-top:5px;
		border-top:1px solid #ccc;
		width:75%;
		}
	
	
	.external-site-disclaimer {color:#a0a0a0;margin-top:1.5em;clear:both;}
	.pagetop {
		text-align: right;
		}
	.only-links li {margin-bottom:1em;}
	
	.video .play {
		position:absolute;
		top:0px;
		right:0px;
		width:47px;
		height:47px;
		padding:0;
		border:none;
		background-image:url(http://assets.mhs.manchester.ac.uk/2012/css/images/play-button-off.png);
		background-repeat:no-repeat;
		background-color:transparent;
		overflow-x:hidden;
		}
    .video a:hover .play, .video a:focus .play {
    	background-image:url(http://assets.mhs.manchester.ac.uk/2012/css/images/play-button-over.png);
    	cursor:pointer;
    	}
    .video img {
		-moz-border-top-right-radius:20px;
		-webkit-border-top-right-radius:20px;
		-khtml-border-top-right-radius:20px;
		border-top-right-radius:20px;
		}
    
	.box-image-link {position:relative;}
	.box-image-link img {display:block;} // needs to be block or there will be 3px of padding below it.
	.box-image-link a {text-decoration:none;}
	.box-image-link h2 {position:absolute;display:inline;margin:0;top:20px;padding:3px 20px;background:#fff;z-index:1000;font-size:100%;font-weight:normal;}
	.box-image-link h2:hover, .box-image-link h2:active, .box-image-link h2.live {text-decoration:underline;}
	.box-image-link .popup {position:absolute;display:block;width:90.5%;bottom:0px;padding:10px 5%;background:#333;color:#fff;display:none;font-size:85%;}

/* initiatise rotating images, so that only the first is visible */
	.rotate>img {visibility:hidden;}
	.rotate>img:first-child, .rotate>img.first {visibility:visibile;}
	
/* icons */
.email, .phone, .place, .download, .print {padding: 0 10px 0 25px;line-height: 20px;background-position:8px 0;background-repeat:no-repeat;}
.email {background-image: url("images/icons/icon-email.png");}
.phone {background-image: url("images/icons/icon-phone.png");}
.place {background-image: url("images/icons/icon-place.png");}
.download {background-image: url("images/icons/icon-download.png");}
.print {background-image: url("images/icons/icon-print.png");}

/* how messages are displayed */
    .message-error, .message-notification, .message-information
    {
        display: block;
        margin: 10px 0;
        padding: 20px;
    }
    .message-error
    {
        border-top: 1px solid #F00;
        border-bottom: 1px solid #F00;
        background-color: #FDD;
    }
    .message-notification
    {
        border-top: 1px solid #3C3;
        border-bottom: 1px solid #3C3;
        background-color: #DFD;
    }
    .message-information
    {
        border-top: 1px solid #CCBF00;
        border-bottom: 1px solid #CCBF00;
        background-color: #FEFFAF;
    }
	/* Hide FindAPhd unless there are studentships found by showFindAPhd.js */
	#dFindAPhD {display:none;}


/* === MEGA MENUS === */
	/* Respect to: Net Tuts [http://net.tutsplus.com/] for "How to Build a Kick-Butt CSS3 Mega Drop-Down Menu" */
	/* Respect also to the Faculty of Life Sciences for picking a good mega-menu */
	#menu li {position:relative;}
	#menu .dropdown li {
		position:relative;
		z-index:3000;
		}
	#menu .dropdown {
		font-size:12px;
		margin:0px auto;
		position:absolute;
		left:0px;
		display:none;
		text-align:left;
		padding:10px 5px 5px 5px;
		border:1px solid #777777;
		border-top:none;
		color: #000000;
		background:#ffffff;
		z-index: 9999;
		/* Rounded Corners */
		-moz-border-radius: 0px 5px 5px 5px;
		-webkit-border-radius: 0px 5px 5px 5px;
		border-radius: 0px 5px 5px 5px;

		-webkit-box-shadow: 3px 6px 5px rgba(40, 40, 40, 0.75);  
		-moz-box-shadow: 3px 6px 5px rgba(40, 40, 40, 0.75);  
		box-shadow: 3px 6px 5px rgba(40, 40, 40, 0.75); 
		}
	#menu .columns1 {width: 140px;}
	#menu .columns2 {width: 280px;}
	#menu .columns3 {width: 420px;}
	#menu .columns4 {width: 560px;}
	#menu .columns5 {width: 700px;}
	#menu li .dropdown {
		left:-1px;
		top:22px;
		}
	#menu li.intranet .dropdown{
		left:auto;
		right:-1px;
		}
	#menu .col_1,
	#menu .col_2,
	#menu .col_3,
	#menu .col_4,
	#menu .col_5 {
		display:inline;
		float: left;
		position: relative;
		margin-left: 5px;
		margin-right: 5px;
		}
	#menu .col_1 {width:130px;}
	#menu .col_2 {width:270px;}
	#menu .col_3 {width:410px;}
	#menu .col_4 {width:550px;}
	#menu .col_5 {width:690px;}
	#menu .menu_right {
		float:right;
		margin-right:0px;
		}
	#menu .dropdown li .align_right {
		/* Rounded Corners */
		-moz-border-radius: 5px 0px 5px 5px;
		-webkit-border-radius: 5px 0px 5px 5px;
		border-radius: 5px 0px 5px 5px;
		}
	#menu .dropdown .align_right, 
	#menu .dropdown .align_right {
		left:auto;
		right:-1px;
		top:auto;
		}
	#menu .dropdown ul {margin:0 0 12px 0;}
	#menu p, 
	#menu h2, 
	#menu h3, 
	#menu h4, 
	#menu .dropdown li {
		text-align:left;
		margin-top:6px;
		}
	#menu h1 {
		color: #666666;
		font-size: 14px;
		}
	#menu h2 {
		font-size:12px;
		font-weight:bold;
		margin:4px 0 5px 0;
		padding-bottom:5px;
		color: #666666;
		}
	#menu h3 {
		font-size:12px;
		font-weight:bold;
		margin:7px 0 2px 0;
		padding-bottom:0;
		color: #666666;
		}
	#menu h4 {
		font-weight: normal;
		margin:2px 0 2px 0;
		Xfont-size:11px;
		color: #333333;
		}
	#menu p {
		line-height:15px;
		margin:0 0 10px 0;
		}
	#menu .dropdown div a,
	#menu .dropdown div a {
		color:#015b86;
		color:#004AB4;
		}
	#menu .dropdown a:hover,
	#menu .dropdown a:focus {
		color:#e38c00;
		text-decoration:underline !important;
		}
	#menu .dropdown li div a:active {
		color:#E23C00;
		}
	#menu .dropdown li ul {
		list-style:none;
		padding:0;
		}
	#menu .dropdown li ul li {
		position:relative;
		padding:0;
		margin:0;
		float:none;
		text-align:left;
		width:130px;
		}
	#menu .dropdown li div a {
	    padding: 3px 0 3px 0;
		}
	#menu .dropdown li ul li:hover, 
	#menu .dropdown li ul li:focus {
		background:none;
		border:none;
		padding:0;
		margin:0;
		}
	#menu .dropdown .black_box {
		margin-top: 5px;
		background-color:#333333;
		color: #eeeeee;
		padding: 2px 6px;
		/* Rounded Corners */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}
	#menu .dropdown .black_box h3 {
		color: #ffffff;
		}
	#menu .dropdown .black_box a {
		color: #cccccc !important;
		}

	#menu .dropdown .black_box a:hover,
	#menu .dropdown .black_box a:focus {
		color: #ffffff !important;
		}

	#menu .dropdown .grey_box {
		margin-top: 5px;
		background-color:#e0e0e0;
		color: #000000;
		padding: 2px 6px;

		/* Rounded Corners */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}
	#menu .dropdown .grey_border_box {
		margin-top: 5px;
		border: 1px solid #cccccc;
		background-color:#ffffff;
		color: #000000;
		padding: 2px 5px;

		/* Rounded Corners */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}
	#menu .dropdown .darkgreybox {
	    background-color: #333333;
	    border-radius: 5px 5px 5px 5px;
	    color: #EEEEEE;
	    padding: 2px 6px 8px;
		}
	#menu .dropdown .curve {
	    border: 1px solid #CCCCCC;
	    border-radius: 5px 5px 5px 5px;
	    padding: 4px 9px;
		}


/* for devices 685px to 993px wide */
@media only screen and (max-width: 993px) {
	/* general */
		.centred {width:660px;margin-left:auto;margin-right:auto;}
		.smaller-hide {display:none;}
		.smaller-show {display:inherit;}

	/* vertical line */
		.page-wrapper.has-nav {
			background-image:none;
			}
		#nav-secondary {
			border-right:1px solid #ccc;
			}

	#site-menu .intranet {
		position: inherit;
		right: 0;
		top:0;
		border-left-width:0px;
		}
	#menu li .dropdown {
		left:-1px;
		top:22px;
		}
	#menu li.intranet .dropdown {
		left:-1px;
		right:auto;
		}
	#menu>li>a {padding:3px 6px;}
	/* content */
		/* make the grid 14px wider than the content area to allow for right margins, then add 14px of padding on the left to centre it */ 
		.grid {width:660px;}
		
	/* on leader pages the 3rd column (content-secondary) should drop below the 2nd (content-primary) */
		.page-leader-style1 #content-secondary {margin-left: 0; width:461px;}

	/* adverts should drop below the content */
		#main.has-rhs-172 #content {
			margin-right: 0px;
			}		
		#main.has-rhs-210 #content {
			margin-right: 0px;
			}
		#rhs {
			position: relative;
			top:auto;
			right:auto;
			margin-left: 205px;
			padding-left:0px;
			width:auto;
			}
		#rhs .box {float:left;margin-right:14px;}

	/* home pages */
		#r {width:658px;}
		
	/* footer */
		#contact-footer .affiliation {
			display:inline-block;
			float:none;
			margin-bottom:6px;
			}
		#contact-footer {
			height: 57px;
			}
		#nav-footer {
			height: 47px;
			}
		.page-wrapper {
			margin-bottom:-124px;
			}
		.page-footer, .page-push {
			height: 124px;
			}
	}

/* for devices up to 684px wide */
@media only screen and (max-width: 684px) {
	/* general */
		.centred {width:auto;margin-left:5px;margin-right:auto;min-width:320px;}
		.mobile-hide {display:none;}
		.mobile-show {display:inherit;}

	/* vertical line */
		.page-wrapper.has-nav {
			background-image:none;
			}
		#nav-secondary {
			border-right:1px solid #ccc;
			}

	/* header */
		#aUniLogo, #search {float:none;clear:left;display:block;}

		#site-title {font-size:1.1em;}
		#site-menu li, #site-menu li:first-child {display:block;border:none;}
		#site-menu .related {
				position: inherit;
				right: auto;
				border-left:none;
			}
		#menu li div {display:none !important;}
		#site-menu li {border-top:1px solid #999;} // was #004499
		#site-menu li:first-child {border-top:none;}
		#site-menu #menu a {display:block;padding:3px;}

	/* content */
		/* make the grid 14px wider than the content area to allow for right margins, then add 14px of padding on the left to centre it */ 
		.grid {width:99%;}
		.grid .box-layout.box-47 {width:322px;}
		.grid .box-content.box-47 {width:320px;}
		.grid .box-layout.box-47,
		.grid .box-content.box-47 {width:100%;}
		.grid .box-content {margin-left:0;margin-right:14px;}
		.grid .box-content.last {margin-right:0;}
		

		.has-nav #main #content {
			clear:both;
			margin-left: 0;
			margin-right: 0;
			padding-left:0;
			}
		#main.has-rhs #content {
			margin-right: 0;
			padding-right:0;
			}
		#rhs {display:none;}
		
		.page-leader-style1 #content-secondary {margin-left: 0; width:auto;}
		.pagetop {text-align:left;}


	/* footer */
		#contact-footer li, #nav-footer li, #contact-footer li:first-child, #nav-footer li:first-child, #contact-footer .affiliation {
			display:block;
			float:none;
			border:none;
			text-align:left;
			padding-bottom:5px;
			margin-left:0;
			}
		#contact-footer .affiliation {
			padding-left:7px;
			}
		#contact-footer {
			height: 120px;
			}
		#nav-footer {
			height: 120px;
			}
		.page-wrapper {
			margin-bottom:-260px;
			}
		.page-footer, .page-push {
			height: 260px;
			}

	/* home pages */
		#r {width:330px;}
	}

/* for devices up to 684px wide */
	@media only screen and (max-width: 510px) {
		.page-leader-style1 #content-primary {clear:left;}
	}

/*	render pages differently for print	*/
@media print {
	#search, #site-menu, .ui-accordion-content .nextprev input[type="button"], .ui-accordion .viewall, .ui-accordion .viewnormal {display:none;}
	.ui-accordion-header, .ui-accordion-content, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border:0 !important;}
	/* make accordions expand for printing */
		.ui-accordion-content {
		  display: block !important;
		}
	}




/* **** different colour schemes for different types of site **** */

.site-study-lab-facility #content-primary .boxsplashleader .header,
.site-lab-facility #content-primary .boxsplashleader .header,
.site-study #content-primary .boxsplashleader .header  { background-color: #0066CC; color: inherit; }

/* header and footer bars */
.site-school #site-menu, .site-school #nav-footer {background-color:#5F9EA0;}
.site-faculty-institute #site-menu, .site-faculty-institute #nav-footer {background-color:#316600;}  /* was #556B2F */
.site-intranet #site-menu, .site-intranet #nav-footer {background-color:#931728;} /* was 880014*/ 
.site-university-institute #site-menu, .site-university-institute #nav-footer {background-color:#660099;}
.site-study-lab-facility #site-menu, .site-study-lab-facility #nav-footer {background-color:#B8860B;}
.site-lab-facility #site-menu, .site-lab-facility #nav-footer {background-color:#B8860B;}
.site-study #site-menu, .site-study #nav-footer {background-color:#65839b;}
.site-centre #site-menu, .site-centre #nav-footer {background-color:#0c0cc2;}
.site-other #site-menu, .site-other #nav-footer {background-color:#2F4F4F;}


.site-centre #content-primary .boxpromo { background-color: #CCDCFF; color: inherit; }
.site-centre .boxpromo .header { background-color: #0C0CC2; color: inherit; }
.site-centre .boxsplashleader .header h1,
.site-centre .boxsplashleader .header-title, 
.site-centre .boxpromo .header h2 { background-color: #0C0CC2; color: #ffffff !important; }
.site-centre .boxpromo .boxquote-author { border-top: 1px dashed #0C0CC2; }
.site-centre .datatable th { background-color: #CCDCFF; color: inherit; }
.site-centre .datatable.inverted th { background-color: #0C0CC2; color: #fff; }


.site-study-lab-facility #content-primary .boxpromo { background-color: #CCDCFF; color: inherit; }
.site-study-lab-facility .boxpromo .header { background-color: #0066CC; color: inherit; }
.site-study-lab-facility .boxsplashleader .header h1,
.site-study-lab-facility .boxsplashleader .header-title, 
.site-study-lab-facility .boxpromo .header h2 { background-color: #0066CC; color: #ffffff !important; }
.site-study-lab-facility .boxpromo .boxquote-author { border-top: 1px dashed #0066CC; }
.site-study-lab-facility .datatable th { background-color: #CCDCFF; color: inherit; }
.site-study-lab-facility .datatable.inverted th { background-color: #0066CC; color: #fff; }

.site-lab-facility #content-primary .boxpromo { background-color: #CCDCFF; color: inherit; }
.site-lab-facility .boxpromo .header { background-color: #0066CC; color: inherit; }
.site-lab-facility .boxsplashleader .header h1,
.site-lab-facility .boxsplashleader .header-title, 
.site-lab-facility .boxpromo .header h2 { background-color: #0066CC; color: #ffffff !important; }
.site-lab-facility .boxpromo .boxquote-author { border-top: 1px dashed #0066CC; }
.site-lab-facility .datatable th { background-color: #CCDCFF; color: inherit; }
.site-lab-facility .datatable.inverted th { background-color: #0066CC; color: #fff; }


.site-study #content-primary .boxpromo { background-color: #CCDCFF; color: inherit; }
.site-study .boxpromo .header { background-color: #0066CC; color: inherit; }
.site-study .boxsplashleader .header h1,
.site-study .boxsplashleader .header-title, 
.site-study .boxpromo .header h2 { background-color: #0066CC; color: #ffffff !important; }
.site-study .boxpromo .boxquote-author { border-top: 1px dashed #0066CC; }
.site-study .datatable th { background-color: #CCDCFF; color: inherit; }
.site-study .datatable.inverted th { background-color: #0066CC; color: #fff; }


.site-other #content-primary .boxpromo { background-color: #D4F3EC; color: inherit; }
.site-other .boxpromo .header { background-color: #2F4F4F; color: inherit; }
.site-other .boxpromo .boxsplashleader h1,
.site-other .boxsplashleader .header-title,  
.site-other .boxpromo .header h2 { background-color: #2F4F4F; color: #ffffff !important; }
.site-other .boxpromo .boxquote-author { border-top: 1px dashed #2F4F4F; }
.site-other .datatable th { background-color: #D4F3EC; color: inherit; }
.site-other .datatable.inverted th { background-color: #2F4F4F; color: #fff; }


.site-intranet #search-options .selected, .site-intranet .tabs ul.tabs-list .current {
	background-color:#931728;
	}
.site-intranet #search-options .selected span, .site-intranet .tabs-list .current span.arrow {
	background: url(images/arrow-down-red.png) no-repeat center;
	display:inline;
	}