/*	Override default styles
	------------------------------  */

#main-content {
	margin-bottom: 1.25em;
}

	#main-content p,
	#main-content h3,
	#main-content h4 {
		margin-top: 0;
	}
	
#main-rightbox {
	border-left: 0 none;
	padding: 0 20px 0 0;
	width: 170px;
	font-size: 89%;
}

#main-menu ul li ul li a {
	background-position: left 6px;
}

	#main-menu ul li ul li ul li a {
		background-position: left 6px;
	}

#main-menu a.selected {
	color: #fff;
	background-color: #273c59;
}

#main-menu a.selected:focus,
#main-menu a.selected:hover {
	background-color: #273c59;
}

	#main-menu ul li ul li a.selected {
		background-color: #52627b;
		background-image: url(/-images/submenu-bullet1.gif);
	}
	
	#main-menu ul li ul li a.selected:focus,
	#main-menu ul li ul li a.selected:hover {
		background-color: #52627b;
	}

		#main-menu ul li ul li ul li a.selected {
			background-color: #758194;
			background-image: url(/microsites/ssehs/biomechanics/images/white-bullet.gif);
		}
		
		#main-menu ul li ul li ul li a.selected:focus,
		#main-menu ul li ul li ul li a.selected:hover {
			background-color: #758194;
		}

			#main-menu ul li ul li ul li ul li a.selected {
				background-color: #8691a3;
			}
			
			#main-menu ul li ul li ul li ul li a.selected:focus,
			#main-menu ul li ul li ul li ul li a.selected:hover {
				background-color: #8691a3;
			}

			#main-menu ul li ul li ul li ul li a {
				padding-left: 52px;
				width: 148px;
				background-position: 12px center;
			}
				
					#main-menu ul li ul li ul li ul li ul li a {
						padding-left: 64px;
						width: 136px;
						background-position: 24px center;
					}


/*	Global styles
	------------------------------  */

#main-title {
	width: 100%;
	background: #273c59 url(../images/ttlbg-ssehs.jpg) no-repeat left top;
	font-size: 100%;
	_font-size: 90%;
}

#site-footer {
	font-size: 85%;
	width: 920px;
	margin: 20px auto 0;
	padding-top: 20px;
	border-top: 1px solid #ccc;
	clear: both;
	text-align: center;
}

.nounderline {
	text-decoration: none;
}

.featurecolour1 {
	color: #d4cade;
	font-weight: normal;
}

.featurecolour2 {
	color: #273c59;
}

form {
	margin: 0;
	padding: 0;
}
	
	fieldset {
		margin: 0;
		padding: 5px 0 0;
		border: 0;
	}
		
		label {
			display: none;
		}
		
		.text {
			border: 1px solid #d5d5d5;
			margin: 0 5px 0 0;
			padding: 4px 5px 0;
			float: left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #666;
			line-height: 1.25;
			min-height: 19px;
		}
		
.right {
	float: right;
}

.noborder {
	border: 0;
	margin: 0 0 1.5em 1.5em;
}

.button {
	overflow: hidden;
}

	.button a {
		background: #273c59;
		margin-top: 0.5em;
		display: block;
		padding: 4px 8px;
		text-decoration: none;
		color: #fff;
		float: left;
	}
	
	.button a:focus,
	.button a:hover {
		background-color: #637287;
		background-image: none;
	}
	
#main-content .toppadding {
	padding-top: 0.5em;
}
	

/*	Specific styles
	------------------------------  */

/* Home page slideshow */

#s3slider {
	width: 530px; /* important to be same as image width */
	height: 202px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	margin-bottom: 1.25em;
}

	#main-content #s3slider #s3sliderContent {
		width: 530px; /* important to be same as image width or wider */
		position: absolute; /* important */
		top: 0; /* important */
		margin: 0; /* important */
		padding: 0;
		list-style-type: 0;
	}

		.s3sliderImage {
			float: left; /* important */
			position: relative; /* important */
			display: none; /* important */
		}
		
			.s3sliderImage img {
				border: 1px solid #ccc;
			}

			.s3sliderImage span {
				position: absolute; /* important */
				left: 1px;
				padding: 8px 13px 13px;
				width: 502px;
				background: transparent url(../images/slideshow/background.png) repeat left bottom;
				/* filter: alpha(opacity=70); */ /* here you can set the opacity of box with text */
				/* opacity: 0.7; */ /* here you can set the opacity of box with text */
				color: #fff;
				display: none; /* important */
				bottom: 0;
				line-height: 1.5;
			
				/*
				   if you put
				   top: 0; -> the box with text will be shown at the top of the image
				   if you put
				   bottom: 0; -> the box with text will be shown at the bottom of the image
				*/
			}
				
				.s3sliderImage span a {
					color: #fff;
					text-decoration: none;
				}
				
				.s3sliderImage span a:focus,
				.s3sliderImage span a:hover {
				}
				
					.s3sliderImage span a strong {
						display: block;
						text-decoration: none;
					}
					
					.s3sliderImage span a:focus strong,
					.s3sliderImage span a:hover strong {
						text-decoration: underline;
					}

		.clear {
			clear: both;
		}
		
/*	Homepage video  */

.video-button {
	display: block;
	height: 222px;
	margin-bottom: 1em;
	position: relative;
	width: 530px;
}

	.video-button img {
		border: 1px solid #bbb;
	}
	
	.video-button:focus img,
	.video-button:hover img {
		border-color: #888;
	}
	
	.video-button strong {
		background: url(/microsites/ssehs/biomechanics/images/icons/play-large.png) no-repeat left top;
		display: block;
		left: 205px;
		height: 110px;
		position: absolute;
		top: 56px;
		width: 120px;
	}
	
	.video-button:focus strong,
	.video-button:hover strong {
		background-position: left -390px;
	}
	
	.video-button em {		
		bottom: 20px;
		color: #fff;
		font-style: normal;
		left: 0;
		margin: 0 auto;
		position: absolute;
		text-align: center;
		width: 530px;
	}
	
		.video-button em span {
			background: url(http://www.lboro.ac.uk/-images/banner-text-bg.png) repeat;
			padding: 5px 10px;
		}
		
		
/*	Undergraduate and postgraduate home page links  */		
		
#main-content #home-buttons {
	list-style-type: none;
	margin: 1.5em 0 0.5em;
	padding: 1.5em 0 0;
	width: 530px;
	overflow: hidden;
	border-top: 1px dotted #ccc;
	font-size: 12px;
}

	#home-buttons li {
		margin-bottom: 1.25em;
		width: 255px;
		float: left;
		margin-right: 20px;
	}
	
	#home-buttons li.last {
		margin-right: 0;
	}
	
		#home-buttons li a img {
			float: left;
			margin: 2px 0 0;
			padding: 0;
			border: 2px solid #ddd;
			margin: 2px 15px 0.5em 0;
		}
		
		#home-buttons li a:focus img,
		#home-buttons li a:hover img {
			border: 2px solid #bbb;
		}
		
		#home-buttons li h3 {
			border-bottom: 0;
			margin-bottom: 0;
			font-size: 13px;
		}
		
		#home-buttons li p {
			margin-bottom: 0;
		}			
		
		#home-buttons li h3 a {
			text-decoration: none;

		}
		
		#home-buttons li h3 a:focus,
		#home-buttons li h3 a:hover {
			text-decoration: underline;

		}
		
		
/*	Right column boxes  */

.box {
	background: #eee;
	border: 1px solid #ccc;
	margin: 1px 0 15px;
	overflow: hidden;
	padding: 5px 10px 0;
}

.box2 {
	background: #eee;
	border: 1px solid #ccc;
	margin: 1px 0 15px;
	overflow: hidden;
	padding: 5px 10px 0;
}

.resources {
	min-height: 195px;
}

.resources2 {
	
}

div.search {
	min-height: 66px;
}
	
div.why {
	min-height: 107px;
}

	#main-rightbox h3 {
		background: #273c59 url(../images/ttlbg-ssehs.jpg) no-repeat left top;
		color: #fff;
		margin: -5px -10px 0.5em -10px;
		padding: 5px 10px;
	}
	
	#main-rightbox .box2 h3 {
		margin-bottom: 5px;
	}
	
	#main-rightbox h4 {
		margin: 0 0 0.25em;
		font-size: 12px;
	}
	
	.box a,
	.box2 a {
		color: #273c59;
		text-decoration: none;
	}
	
	.box a:focus,
	.box a:hover,
	.box2 a:focus,
	.box2 a:hover {
		color: #637287;	
		text-decoration: underline;	
	}
	
	.box p {
		padding: 0.25em 0 1em;
		margin: 0;
	}
	
	#main-rightbox p.google {
		margin: 0 0 0 5px;
	}
	
	#main #main-rightbox ul.arrow {
		list-style-type: none;
		margin: 0;
		padding: 5px 0 0;
	}
	
		#main #main-rightbox ul.arrow li {
			background: url(/microsites/ssehs/biomechanics/images/arrow-bullet.gif) no-repeat left top;
			list-style-type: none;
			padding: 1px 0 3px 12px;
		}
		
	#main #main-rightbox .box2 ul.arrow {
		padding: 2px 0 0;
	}
	
		#main #main-rightbox .box2 ul.arrow li {
			line-height: 1.25;
		}
		
	#main #main-rightbox .study ul.arrow {
		padding: 0 0 0.75em;
	}
	
		#main #main-rightbox .study ul.arrow li {
			margin: 0;
			padding-bottom: 1px;
		}
	
	.box form {
		padding: 0 0 0.25em;
		margin: 0 0 1em;
		overflow: hidden;
	}
	
		.box form .text {
			width: 95px;
		}
		
		.box .form button {
			float: left;
		}
	
		.box form p {
			padding-left: 5px;
			margin: 0;
		}
		
	.box2 form {
		padding: 0 0 0;
		margin: 0 0 0;
		overflow: hidden;
	}
	
		.box2 form .text {
			width: 95px;
		}
		
		.box2 .form button {
			float: left;
		}
	
		.box2 form p {
			padding-left: 5px;
			margin: 0;
		}
	
	.box .video {
		position: relative;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		padding-top: 3px;
	}
	
		.box .video img {
			border: 0;
			display: block;
			text-decoration: none;
			margin: 0 auto;
			padding-bottom: 0.5em;
		}
		
		.box .video .video-overlay {
			background: transparent url(../images/video-overlay.png) no-repeat left top;
			width: 50px;
			height: 46px;
			position: absolute;
			left: 49px;
			top: 21px;
		}
		
		.box .video {
			padding: 0.25em 0 1em;
			margin: 0;
		}	
		
#main-rightbox .contact {
	margin-left: 1.5em;
}
	
 #main-rightbox .campus-life ul {
	list-style-type: none;
	margin: -4px 0 7px 0;
	padding: 0;
	width: 168px;
	overflow: hidden;
}

	.campus-life ul li {
		float: left;
		margin: 8px 11px 0 0;
		padding: 0;
	}
	
		.campus-life ul li a img {
			border: 1px solid #999;
		}
		
		.campus-life ul li a:focus img,
		.campus-life ul li a:hover img {
			border-color: #666;
		}




/*	Tabs  */
	
.tabs {
	margin: 0 0 20px;
	padding: 0;
	width: 530px;
	float: left;
}

.research-tabs {
	margin: 0;
	padding-top: 0;
}

.staff-tabs {
	margin: 0;
	padding-top: 0;
}

	.tabs div.content {
		clear: both;		
		overflow: hidden;
		margin-bottom: 1em;
		padding: 15px 20px 10px;
		border: 1px solid #ccc;
		width: 488px;
	}
	
	.research-tabs div.content,
	.staff-tabs div.content {
		border: 0;
		padding: 15px 0 10px;
		width: 530px;
		border-top: 1px solid #ccc;
	}
	
	.staff-tabs div.content {
		padding-top: 5px;
	}
	
		.tabs h2 {
			position: absolute;
			left: -9999px;
		}
	
		.tabs div.content .space li {
			margin-bottom: 1em;
		}
		
		.tabs div.content .nomargin li {
			margin-bottom: 0;
		}
		
		.tabs div.content img {
			float: right;
			margin: 1.25em 0 0.75em 1.5em;
			border: 1px solid #ccc;
		}

	.tabNavigation {
		margin: 0;
		padding: 0 0 0 5px;
	}
	
	.research-tabs .tabNavigation,
	.staff-tabs .tabNavigation {
		margin: 0;
		padding: 0;
	}
	
		.tabNavigation li {
			display: inline;
		}
		
			.tabNavigation li a {	
				background: #e8e8e8;
				list-style: none;
				margin: 0 0 0 6px;
				padding: 4px 10px;
				border: 1px solid #ccc;
				border-bottom: 0;
				font-size: 110%;
				font-weight: bold;
				color: #333;
				text-decoration: none;
				display: block;
				float: left;
				border-bottom: 1px solid #ccc;
				position: relative;
				top: 1px;
			}
			
			.research-tabs .tabNavigation li a,
			.staff-tabs .tabNavigation li a {	
				margin: 0 8px 0 0;
			}
			
			.staff-tabs .tabNavigation li a {	
				margin: 0 9px 0 0;
			}
			
			.tabNavigation li a:focus,
			.tabNavigation li a:hover {	
				background: #eee;
			}
			
			.tabNavigation li a:focus {	
				outline: 0;
			}
			
			.tabNavigation li a.selected {
				background-color: #fff;
				background-image: none;
				border-bottom: 1px solid #fff;
				color: #333;
			}
			
			
/*	News */

#main-content #news {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	#main-content #news li {
		padding: 0 0 0.25em 100px;
		position: relative;
		margin: 0;
		margin-bottom: 1.25em;
		border-bottom: 1px dotted #ddd;
	}
	
	#main-content #news li.last {
		padding: 0 0 0 100px;
		margin-bottom: 0;
		border-bottom: 0;
	}
	
		#main-content #news li .date {
			position: absolute;
			left: 0;
			top: 0;
		}
		
		#main-content #news li .intro {
			position: relative;
		}
		
			#main-content #news li .intro img {
				position: absolute;
				left: -100px;
				top: 5px;
				border: 1px solid #ccc;
			}
			
#main-content #news .date {
	font-weight: bold;
	font-size: 100%;
	color: #999;
}

#main-content #news h3 {
	border-bottom: 0;
	font-size: 15px;
}

#main-content #news h3 a {
	text-decoration: none;
	color: #333;
}

#main-content #news h3 a:focus,
#main-content #news h3 a:hover {
	text-decoration: underline;
}


/*	Course listings
	------------------------------  */
	
#main-content #course-list {
	margin: 1.5em 0 2em;
	padding: 0;
	list-style-type: none;
	border-top: 1px dotted #ddd;
}

	#main-content #course-list li {
		background: url(/microsites/ssehs/biomechanics/images/arrow-bullet.gif) no-repeat 12px 6px;
		border-bottom: 1px dotted #ddd;
		padding: 0.5em 0 0 2em;
		margin: 0;
	}
	
	#main-content #course-list li.odd {
		background-color: #f5f5f5;
	}
	
		#main-content #course-list li h4 {
			color: #999;
			font-size: 12px;
			margin: 0;
			padding: 0 0 0.75em;
		}
		
			#main-content #course-list li h4 a {
				font-size: 13px;
				margin-right: 10px;
			}
			
#main-content #ug-course-list {
	list-style-type: none;
	margin: 2em 0 0;
	padding: 1em 0 0;
	border-top: 1px dotted #ccc;
	width: 530px;
}

	#ug-course-list li {
		clear: both;
		border-bottom: 1px dotted #ccc;
		margin-bottom: 1.25em;
		padding-bottom: 0.5em;
		overflow: hidden;
		width: 530px;
	}
	
	#ug-course-list li.last {
		border-bottom: 0;
		margin-bottom: 0;
	}
	
		#ug-course-list li a img {
			float: left;
			margin: 2px 0 1.25em;
			padding: 0;
			border: 2px solid #ddd;
			margin: 2px 20px 0.5em 0;
		}
		
		#ug-course-list li a:focus img,
		#ug-course-list li a:hover img {
			border: 2px solid #bbb;
		}
		
		#ug-course-list li h4 {
			border-bottom: 0;
			margin-bottom: 0.25em;
			font-size: 14px;
		}
		
		#ug-course-list li p {

		}			
		
		#ug-course-list li h4 a {
			text-decoration: none;

		}
		
		#ug-course-list li h4 a:focus,
		#ug-course-list li h4 a:hover {
			text-decoration: underline;

		}
			
/*	New version - expandable panels  */

/* #course-listing {
	border-bottom: 1px solid #ddd;
	padding-top: 10px;
	margin-bottom: 1.5em;
}

#course-listing h4.trigger {
	margin: 0;
	background: #f5f5f5 url(../images/arrow-right.png) no-repeat 10px 14px;
	font-size: 14px;
	font-weight: normal;
	padding: 8px 0 10px 30px;
	border-top: 1px solid #ddd;
	line-height: 150%;
	cursor: pointer;
	display: block;
}

	h4.trigger a {
		text-decoration: none;
		display: block;
		font-weight: bold;
	}
		
#main-content h4.active {
	background: #f5f5f5 url(../images/arrow-down.png) no-repeat 10px 16px;
}

.toggle_container {
	margin: 0;
	padding: 0;
	background: #f5f5f5;
	overflow: hidden;
	width: 530px;
	clear: both;
}

	.toggle_container .block {
		padding: 0 30px 10px 30px;
	}
	
#main-content #course-listing ul {
	margin: 0;
	padding: 0 0 0.5em;
	list-style-type: none;
}

	#main-content #course-listing ul li {
		background: transparent url(/microsites/ssehs/biomechanics/images/arrow-bullet.gif) no-repeat 12px 0px;
		padding: 0 0 0 2em;
		margin: 0;
	}
	
		#course-listing ul li {
			font-size: 12px;
			margin: 0;
			padding: 0;
		} */


/*	Research
	------------------------------  */	

/*	Research home buttons  */	
		
#main-content #research-buttons {
	list-style-type: none;
	margin: 1.5em 0 0.5em;
	padding: 1.5em 0 0;
	width: 530px;
	overflow: hidden;
	border-top: 1px dotted #ccc;
}

	#research-buttons li {
		margin-bottom: 1.25em;
		width: 255px;
		float: left;
		margin-right: 20px;
	}
	
	#research-buttons li.last {
		margin-right: 0;
	}
	
		#research-buttons li a img {
			float: left;
			margin: 2px 0 0;
			padding: 0;
			border: 2px solid #ddd;
			margin: 2px 15px 0.5em 0;
		}
		
		#research-buttons li a:focus img,
		#research-buttons li a:hover img {
			border: 2px solid #bbb;
		}
		
		#research-buttons li h3 {
			border-bottom: 0;
			margin-bottom: 0.25em;
			font-size: 15px;
		}
		
		#research-buttons li p {
			margin-bottom: 0;
		}			
		
		#research-buttons li h3 a {
			text-decoration: none;

		}
		
		#research-buttons li h3 a:focus,
		#research-buttons li h3 a:hover {
			text-decoration: underline;

		}
		

/*	Research theme buttons  */
			
#research-themes {
	list-style-type: none;
	margin: 1.5em 0 2em;
	padding: 1em 0 0;
	width: 530px;
	border-top: 1px dotted #ccc;
}

	#research-themes li {
		clear: both;
		border-bottom: 1px dotted #ccc;
		margin-bottom: 1.25em;
		padding-bottom: 1em;
		overflow: hidden;
	}
	
	#research-themes li.last {
		border-bottom: 0;
		margin-bottom: 0;
	}
	
		#research-themes li div {
			float: right;
			width: 406px;
		}
		
		#research-themes li a img {
			float: left;
			padding: 0;
			border: 2px solid #ddd;
			margin: 2px 20px 0.5em 0;
		}
		
		#research-themes li a:focus img,
		#research-themes li a:hover img {
			border: 2px solid #bbb;
		}
		
		#research-themes li h3 {
			border-bottom: 0;
			margin-bottom: 0.25em;
			font-size: 14px;
		}
		
		#research-themes li p {
			margin-bottom: 0;
		}			
		
		#research-themes li h3 a {
			text-decoration: none;

		}
		
		#research-themes li h3 a:focus,
		#research-themes li h3 a:hover {
			text-decoration: underline;

		}
		
		
/*	Research group buttons  */

#research-groups {
	list-style-type: none;
	margin: 2em 0;
	padding: 1em 0 0;
	width: 530px;
	border-top: 1px dotted #ccc;
}

	#research-groups li {
	clear: both;
	overflow: hidden;
	}
	
	#research-groups li.last {
		border-bottom: 0;
		margin-bottom: 0;
	}
	
		#research-groups li a img {
			float: left;
			padding: 0;
			border: 2px solid #ddd;
			margin: 3px 0 0;
		}
		
		#research-groups li a:focus img,
		#research-groups li a:hover img {
			border: 2px solid #bbb;
		}
		
		#research-groups li div {
			float: right;
			width: 406px;
		}
		
		#research-groups li h3 {
			border-bottom: 0;
			margin-bottom: 0.5em;
			font-size: 14px;
		}
		
		#research-groups li p {
			margin-bottom: 0.5em;
		}
		
		#research-groups li a {
	text-decoration: none;
		}
				
		#research-groups li .website a {
			background: transparent url(../images/globe.png) no-repeat 0 0;
			padding-left: 22px;
		}
		
.tabs #research-groups {
	margin: 0;
	padding: 0.5em 0 0;
	border-top: 0;
}
				
		
/*	Groups, Centres and Institutes  */

#groups {
	float: left;
	width: 245px;
	margin-top: 0.5em;
}

#centres {
	float: right;
	width: 245px;
	padding-left: 19px;
	border-left: 1px dotted #ddd;
	margin: 0.5em 0 1.5em;
}

	#groups h3,
	#centres h3 {
		padding-bottom: 0.25em;
		margin: 0 0 0.5em;
		border-bottom: 0;
	}

	#groups ul,
	#centres ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		#groups ul li,
		#centres ul li {
			margin: 0;
			padding: 0;
			/* border-bottom: 1px solid #ddd; */
		}
		
		#groups ul li.last,
		#centres ul li.last {
			margin: 0;
			padding: 0;
			border: 0;
		}
		
			#groups ul li a,
			#centres ul li a {
				text-decoration: none;
			}
			
			#groups ul li .link,
			#centres ul li .link {
				text-align: right;
			}
			
				#groups ul li .link a,
				#centres ul li .link a {
					background: transparent url(../images/globe.png) no-repeat 0 0;
					padding-left: 20px;
				}
				
				#groups ul li .more a,
				#centres ul li .more a {
					background: none;
					padding: 0;
				}
		
			#groups ul li h4,
			#centres ul li h4 {
				margin: 0 0 1em;
				padding: 0;
			}
			
			#groups ul li ul,
			#centres ul li ul {
				list-style-type: disc;
				margin: 0 0 1em 20px;
			}
			
				#groups ul li ul li,
				#centres ul li ul li {
					border: 0;
					margin: 0;
					padding: 0;
				}
				
				
#main-content h4.trigger {
	margin: 0;
	background: #fff url(../images/arrow-right.png) no-repeat 5px 12px;
	font-size: 13px;
	font-weight: normal;
	padding: 8px 5px 10px 20px;
	line-height: 150%;
	cursor: pointer;
	display: block;
}

#main-content li.odd h4.trigger {
	background: #f2f2f2 url(../images/arrow-right.png) no-repeat 5px 12px;
}

	h4.trigger a {
		display: block;
		font-weight: bold;
	}
		
#main-content h4.active {
	background: #fff url(../images/arrow-down.png) no-repeat 4px 14px;
}

#main-content li.odd h4.active {
	background: #f2f2f2 url(../images/arrow-down.png) no-repeat 4px 14px;
}

.toggle_container {
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	width: 245px;
	clear: both;
}

li.odd .toggle_container {
	background: #f2f2f2;
}

	.toggle_container .block {
		padding: 0 20px 0;
	}
	

/*	Research info  */

#main-content .research-list {
	list-style-type: none;
	margin: 0 0 1.5em;
	padding: 0;
}

	#main-content .research-list li {
		margin-bottom: 1em;
	}
	
		#main-content .research-list li h4 {
			margin-bottom: 0.25em;
			/* font-weight: bold;
			color: #333;
			font-size: 100%; */
		}
		
		#main-content .research-list h5 {
			margin-bottom: 0;
		}
		
		#main-content .research-list li p {
			margin-bottom: 0.25em;
		}
		
		#main-content .research-list li small {
			font-size: 89%;
		}
		
		#main-content .research-list ul {
			list-style-type: disc;
		}
		
			#main-content .research-list ul li {
				margin-bottom: 0;
			}
		
#research-info h5 {
	font-size: 100%;
}


/*	Staff  */

dl {
	width: 530px;
	overflow: hidden;
	/* border-bottom: 1px solid #e8e8e8; */
	padding-top: 5px;
	margin-bottom: 1em;
	line-height: 150%;
}
	
	dt {
		width: 185px;
		float: left;
		padding: 5px 0 5px 10px;
		/* border-top: 1px solid #e8e8e8; */
		font-weight: bold;
		clear: both;
	}
	
	dt.odd {
		background: #f5f5f5;
	}

	dd {
		float: left;
		width: 335px;
		margin: 0;
		padding: 5px 0;
		/* border-top: 1px solid #e8e8e8; */
	}
	
	dd.odd {
		background: #f5f5f5;
	}
	
		dd ul {
			margin: 0 0 0 20px;
			padding: 5px 0 0 0;
		}

		
#staff-profile {
	position: relative
}

	#staff-profile img {
		float: right;
		border: 1px solid #ccc;
		margin: 0 0 1em 20px;
	}
	
	#staff-profile .title {
		color: #666;
		font-weight: bold;
	}
	
	#main-content #staff-profile h3.title {
		margin: -3px 0 1em;
		font-size: 100%;
		padding-bottom: 0;
		width: 368px;
		float: left;
		display: inline;
		border-bottom: 1px solid #e8e8e8;
		padding-bottom: 10px;
	}
	
	#main-content #staff-profile h3 {
		border-bottom: 0;
		margin-bottom: 0;
	}
	
	#main-content #staff-profile h4 {
		color: #333;
		margin-bottom: 0.75em;
		padding-top: 0.5em;
		clear: left;
	}
	
	#main-content #staff-profile h5 {
		font-size: 100%;
		margin: 0 0 0.75em;
	}
	
	#main-content #staff-profile ul {
		margin-left: 2.5em;
		padding: 0;
	}
	
/* Staff and research tabs
----------------------------------*/



.ui-tabs {
	margin: 0;
	padding: 0;
	width: 530px;
	float: left;
	zoom: 1;
}

	.ui-tabs .ui-tabs-nav {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		.ui-tabs .ui-tabs-nav li {
			display: inline;
		}
		
			.ui-tabs .ui-tabs-nav li a {
				background: #e8e8e8;
				list-style: none;
				margin: 0 6px 0 0;
				padding: 4px 10px;
				border: 1px solid #ccc;
				border-bottom: 0;
				font-size: 110%;
				font-weight: bold;
				color: #333;
				text-decoration: none;
				display: block;
				float: left;
				border-bottom: 1px solid #ccc;
				position: relative;
				top: 1px;
			}
			
			.ui-tabs .ui-tabs-nav li a:focus,
			.ui-tabs .ui-tabs-nav li a:hover {
				background: #eee;
			}

			.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
				background-color: #fff;
				background-image: none;
				border-bottom: 1px solid #fff;
				color: #333;
			}
			
.ui-tabs #research-groups {
	margin: 0;
	padding: 15px 0 0;
	border-top: 0;
}
				
				

/* .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } */
/* .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } */ /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
	clear: both;
	padding: 5px 0 10px;
	width: 530px;
	border-top: 1px solid #ccc;
	overflow: hidden;
}


.ui-tabs .ui-tabs-hide {
	display: none !important;
}
#main #main-content iframe {
	float: right;
	padding-bottom: 5px;
	background-color: #ECF5FF;
}
.photoCaptionLandscape {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: x-small;
	display: block;
	float: right;
	height: auto;
	width: 250px;
	font-variant: normal;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #CCC;
	overflow: hidden;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	clear: both;
	background-color: #ECF5FF;
}
.photoCaptionCentre {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: x-small;
	display: block;
	float: center;
	height: auto;
	width: 500pxx;
	font-variant: normal;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #CCC;
	overflow: hidden;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	clear: both;
	background-color: #ECF5FF;
}