/*	Override default styles
	-----------------------  */
	
body {
	font-size: 75%;
}

#main-toplinks,
#main-botlinks,
#main-header .leftbox {
	font-size: 0.92em;
}

#main-header-menu {
	font-size: 100%;
}

#main-title {
	background: #306 url(../-images/ttlbg-site.jpg) no-repeat left top;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

	#main-title form {
		float: right;
		width: 240px;
	}

.nounderline {
	text-decoration: none;
}

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

.featurecolour2 {
	color: #306;
}

#site-footer {
	color: #999;
	border: 0;
	background: url(../-images/site-footer-bg.png) no-repeat center top;
	width: 960px;
	margin: 0;
	padding: 0;
	height: 18px;
}

	#site-footer a {
		color: #666;
	}
	
	#site-footer a:focus,
	#site-footer a:hover {
		color: #333;
	}


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

h2 {
	background: url(../-images/h2-bg.png) repeat-x left bottom;
	color: #c06;
	font-size: 1.5em;
	letter-spacing: -0.05em;
	line-height: 1.5;
	margin: 0 0 0.5em;
	padding: 0 0 12px;
}

p {
	margin: 0 0 1em;
}
		
		
/* Icon / news listings */
	
.icons {
	list-style: none;
	line-height: 1.3;
	margin: 0;
	padding: 0;	
}

	.icons a {
		color: #333;
		display: block;
		margin-bottom: 1.25em;
		overflow: hidden;
		text-decoration: none;		
	}
	
	.icons a:focus,
	.icons a:hover {
		color: #666;
	}
	
		.icons a strong {
			color: #306;
			display: block;
			margin-bottom: 0.25em;
		}
		
		.icons a:focus strong,
		.icons a:hover strong {
			color: #c06;
		}
	
		.icons a img {
			border: 2px solid #ccc;
			float: left;
			margin-right: 15px;			
		}
		
		.icons a:focus img,
		.icons a:hover img {
			border: 2px solid #bbb;
		}
		

/*	Main features
	-------------  */
	
.rotating-tabs {
	background: #333;
	float: left;
	height: 273px;
	margin: 0 0 2.25em;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 670px;
}

.rotating-tabs .features {
	height: 240px;
	overflow: hidden;
	width: 670px;	
}

	/* #feature1 div.banner-text {
		right: 0;
		top: 20px;
	}
	
	#feature2 div.banner-text {
		right: 0;
		top: 20px;
	}
	
	#feature3 div.banner-text {
		right: 0;
		top: 20px;
	}
	
	#feature4 div.banner-text {
		right: 0;
		top: 45px;
		width: 200px;
	} */
		
	.feature {
		clear: both;
		position: relative;
		width: 670px;		
	}
	
		.feature a.banner-image img {
			border: 0;
			height: 240px;
			width: 670px;
	}
		
		.feature div.banner-text {
			line-height: 1.5;
			margin: 0;			
			padding: 10px 10px 5px 20px;
			position: absolute;
			right: 0;
			top: 35px;
			width: 240px;
			background: transparent url(../-images/banner-text-bg.png) repeat left top;
			-webkit-border-top-left-radius: 8px;
			-webkit-border-bottom-left-radius: 8px;
			-moz-border-radius-topleft: 8px;
			-moz-border-radius-bottomleft: 8px;
			border-top-left-radius: 8px;
			border-bottom-left-radius: 8px;
		}
/* #feature3 div.banner-text   {
			top: 25px;
		} */
		
			.feature div.banner-text img {
				border: 0;
				clear: both;
				margin: 0 10px 0 0;
				padding: 0;				
			}				
				
			.feature div.banner-text h2 {
				font-weight: bold;
				font-size: 1.42em;
				text-decoration: none;	
				background: none;
				letter-spacing: normal;
				margin: 0 0 0.75em;
				padding: 0;
			}
			
				.feature div.banner-text h2 a {
					color: #fff;
					text-decoration: none;					
				}
				
				.feature div.banner-text h2 a:focus,
				.feature div.banner-text h2 a:hover {
					border-bottom: 1px solid #ccc;
					color: #ccc;					
				}
				
			.feature div.banner-text p {
				bottom: 0;
				clear: both;
				color: #fff;
				font-size: 1.17em;
				margin: 0 0 1em;
				padding: 0;				
			}
			
				.feature div.banner-text p a {
					color: #fff;
					text-decoration: none;					
				}
				
				.feature div.banner-text p a:focus,
				.feature div.banner-text p a:hover {
					border-bottom: 1px solid #ccc;
					color: #ccc;					
				}
			
			.feature a.teamgb-text {
				color: #333;
				text-decoration: none;
				line-height: 1.5;
				margin: 0;		
				font-size: 14px;	
				padding: 15px 0 5px 15px;
				min-height: 135px;
				position: absolute;
				right: 0;
				top: 42px;
				width: 255px;
				background: transparent url(../-images/teamgb-text-bg.png) no-repeat left top;
				display: block;
			}
			
				.feature a.teamgb-text img {
					border: 0;
					border-right: 1px solid #ddd;
					float: left;
					margin-right: 3px;
					padding-right: 15px;					
				}
				
				.feature a.teamgb-text span {
					padding-top: 18px;
					font-size: 14px;
					display: block;
				}
				
					.feature a.teamgb-text span strong {
						display: block;
						font-size: 14px;
						margin-bottom: 10px;
						text-align: center;
					}
				
				.feature a.teamgb-text:focus span,
				.feature a.teamgb-text:hover span,
				.feature a.teamgb-text:focus span strong,
				.feature a.teamgb-text:hover span strong {
					color: #666;
				}

#alternateContent {
	color: #fff;
	padding: 50px 300px 0 20px;
	line-height: 1.5;
	height: 190px;
	width: 370px;
}

	#alternateContent a {
		color: #ccc;
	}
				

/*	Main feature tabs
	------------------------  */

.ui-tabs-hide {
	display: none;
}

.rotating-tabs ul {
    background: #999 url(../-images/tabs-bg.png) repeat-x left bottom;
    font-weight: bold;
    left: 0;
    list-style-type: none;
    margin: 0;	
	overflow: hidden;
	padding: 0;	
	position: absolute;	
	top: 240px;	
	width: 670px;
	min-height: 30px;
}

	.rotating-tabs li {
		border-left: 1px solid #999;
		float: left;		
		text-align: center;
		width: 167px;
	}
	
	.rotating-tabs li.first {
		border: 0;
		width: 166px;
	}

		.rotating-tabs li.first a {
			width: 100%;
		}

		.rotating-tabs li a {			
			color: #fff;
			display: block;
			margin: 0;
			padding: 9px 0 10px;			
			text-decoration: none;			
			width: 100%;
		}

		.rotating-tabs li a:focus,
		.rotating-tabs li a:hover {
			background: #aaa url(../-images/tabs-bg-hover.png) repeat-x left bottom;
			color: #fff;
			outline: 0;
		}

		.rotating-tabs .ui-tabs-selected a,
		.rotating-tabs .ui-tabs-selected a:focus,
		.rotating-tabs .ui-tabs-selected a:hover {
			background: #666 url(../-images/tabs-bg-selected2.png) repeat-x left bottom;
			color: #fff;			
		}
		
		
/*	Information for...
	-----------------  */
	
#info {
	background: #333 url(../-images/info-bg.png) no-repeat left bottom;
	float: right;
	min-height: 256px;
	padding: 17px 20px 0 25px;
	width: 244px;	
}

	#info h2 {
		background: 0;
		color: #fff;
		line-height: 1;
		margin-bottom: 1em;
		padding: 0;		
	}
	
		#info a {
			color: #ccc;
		}
		
		#info a:focus,
		#info a:hover {
			color: #999;
		}
		
			#info a strong {
				color: #fff;
				font-size: 1.08em;
			}
			
			#info a:focus strong,
			#info a:hover strong {
				color: #bbb;
			}
			
			#info a img {
				border-color: #777;
				margin-right: 12px;
			}
			
			#info a:focus img,
			#info a:hover img {
				border-color: #555;
			}
			
			.info {
				margin: 0;
				padding: 0;
			}
			
			.info li {
				margin-bottom: 1.5em;
			}
						

/*	Column 1
	------------------  */
	
#col1 {
	clear: both;
	display: inline;
	float: left;
	margin: 0 30px 3.5em 20px;
	width: 240px;	
}


/* Site search */
	
form {
	margin: 0 0 1em;
	padding: 0;
	color: #666;
}
	
	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}
		
		.text {
			background-position: 5px center !important; /* Override Google's default background image position */
			border: 2px solid #ddd !important; /* Override Google's default border on Windows machines */
			border-left: 0 !important;
			color: #666;
			float: left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.92em;
			line-height: 1.25;
			margin: 0;
			height: 20px;
			width: 152px;
		}
		
		#site-search .text {
			padding: 6px 5px 0 !important; /* Override Google's default padding on Windows machines */	
		}
	
		p.radio {
			margin: 0;
			width: 240px;
			position: relative;
			font-size: 0.92em;
		}
		
			p.radio label {
				float: left;
				line-height: 1.5;
				margin: 0 10px 0.75em 0;
				padding: 0;
			}
			
			p.radio input {
				float: left;
				margin: 0 5px 0 0;
			}	
			
			p.radio #site,
			p.radio #ug,
			p.radio #pg-research {
				clear: both;
			}
			
			p.radio span {
				clear: both;
			}	
		
		p.search-box label {
			text-indent: -9999px;
			float: left;
			width: 20px;
			height: 20px;
			background: #fff url(../-images/search-label.png) no-repeat 6px 6px;
			border: 2px solid #ddd;
			border-right: 0;
			padding-bottom: 6px;
		}
	
	
/* Features */

.features a {
	margin-bottom: 1.5em;
}

	.features a strong {
		font-size: 1.08em;
	}


/*	Column 2
	------------------  */
	
#col2 {
	float: left;
	margin: 0 30px 2.5em 0;
	width: 380px;	
}

.news-tabs div {
	border: 1px solid #ccc;
	clear: both;
	overflow: hidden;
	padding: 20px 20px 15px;	
	width: 338px;
}

	.news-tabs h2 {
		left: -9999px;
		position: absolute;
	}

.news-tabs .news-tabsnav {
	list-style-type: none;
	margin: 0 0 0 9px;
	padding: 0;	
}

	.news-tabs .news-tabsnav li {
		float: left;
		margin: 0 5px 0 0;
	}
	
		.news-tabs .news-tabsnav li a {	
			background: #fff url(../-images/newstabs-bg.png) repeat-x left bottom;
			border: 1px solid #ccc;
			color: #888;
			display: block;
			font-weight: bold;
			padding: 6px 15px 5px;
			position: relative;
			text-decoration: none;
			top: 1px;
		}
		
		.news-tabs .news-tabsnav li a:focus,
		.news-tabs .news-tabsnav li a:hover {	
			background: #eee;
			outline: 0;
		}
		
		.news-tabs .news-tabsnav .ui-tabs-selected a,
		.news-tabs .news-tabsnav .ui-tabs-selected a:focus,
		.news-tabs .news-tabsnav .ui-tabs-selected a:hover {
			background: #fff;
			border-bottom: 1px solid #fff;
			color: #c06;			
		}

p.rss {
	float: right;
}

	p.rss a {
		background: #f37032 url(../-images/rss.png) no-repeat left top;
		display: block;
		height: 12px;
		margin: -10px -10px 0 0;		
		overflow: hidden;		
		padding: 0;		
		text-decoration: none;
		text-indent: -9000px;
		width: 12px;
	}
	
	p.rss a:focus,
	p.rss a:hover {
		background-position: -12px top;
	}		
		
.view-more {
	margin: 0;
	overflow: hidden;	
}

	.view-more a {		
		/* background: #ddd url(../images/button-overlay.png) repeat-x left 50%;
		color: #306;
		padding: 7px 13px; */
		padding: 0 10px 3px 0;
		display: block;
		font-weight: bold;
		float: right;
		text-decoration: none;
		background: url(../-images/arrow.png) no-repeat right 4px;
	}
	
	.view-more a:focus,
	.view-more a:hover {
		/* color: #fff;
		opacity: 0.75; 
		text-decoration: underline; */
		color: #c06;
	}

.view-more.more-news {
	float: right;
	margin: 5px 0 0;
}
	
div.social {
	border: 0;
	clear: none;
	float: left;
	margin: 0 0 0;
	overflow: hidden;
	padding: 0;
	width: 250px;
}

	.social iframe {
		float: left;	
	}
	
	.social img {
		border: 0;
		float: left;
		margin-right: 12px;
	}
	
	.social .twitter-follow-button {
		margin-top: 2px;
		width: 165px !important;
	}

.news a {
	border-bottom: 1px solid #ddd;
	padding-bottom: 1.25em;
}

.news .last a {
	border-bottom: 0;
	padding-bottom: 0;
}

	.news a span {
		float: right;
		width: 189px;
	}
	
		.news a em {
			color: #999;
			display: block;
			font-size: 0.92em;
			font-style: normal;
			margin-bottom: 0.25em;
			padding-top: 0.75em;
		}
		
		.news a strong {
			font-size: 1.17em;
			margin-bottom: 0.5em;
		}

.events {
	margin-bottom: 1.25em;
}

	.events a {
		border-bottom: 1px solid #ddd;
		margin-bottom: 0.75em;
		padding: 0 0 0.75em 40px;		
	}
	
	.events .last a {
		border-bottom: 0;
		margin-bottom: 0.75em;
		padding-bottom: 0;		
	}
	
	.events .highlight a {
		padding-left: 0;
	}
	
	.events .arts a {
		background: url(../-images/event-arts2.png) no-repeat left 5px;
	}
	
	.events .lecture a {
		background: url(../-images/event-lecture.png) no-repeat left 5px;
	}
	
	.events .conference a {
		background: url(../-images/event-conference.png) no-repeat left 5px;
	}
	
	.events .openday a {
		background: url(../-images/event-openday.png) no-repeat left 5px;
	}
	
	.events .sport a {
		background: url(../-images/event-sport.png) no-repeat left 5px;
	}
	
	.events .exhibition a {
		background: url(../-images/event-exhibition.png) no-repeat left 5px;
	}
	
		.events a span {
			float: right;
			width: 189px;
		}
		
			.events a span strong {
				margin-bottom: 0.5em;
			}
			
			.events a span em {
				padding-top: 0.75em;
			}
	
		.events a em {
			color: #999;
			display: block;
			margin-bottom: 0.25em;
			font-size: 0.92em;			
			font-style: normal;
		}
		
		.events a strong {
			font-size: 1.17em;
			margin-bottom: 0.25em;
		}

.news-tabs #jobs {
	line-height: 1.5;
	padding-bottom: 0.25em;
}

	.news-tabs #jobs p em {
		font-style: normal;
		color: #aaa;
		padding: 0 5px;
	}
	
	.news-tabs #jobs img {
		border: 1px solid #ccc;
	}
	
	#jobs .icons {
		width: 338px;
		margin: 0;
		border-top: 1px dotted #ccc;
		padding-top: 1.5em;
	}
	
		#jobs .icons li {
			width: 164px;

			float: left;
		}
		
			#jobs .icons li img {
				margin-right: 10px;
			}
	
	.news-tabs #jobs h3 {
		margin: 0 0 0.5em;
		font-size: 120%;
	}
	
	.news-tabs #jobs .view-more {
		margin: 0 0 0.75em;
	}
	
		.news-tabs #jobs .view-more a {
			float: left;
			background-position: right 6px;
		}
	
	.news-tabs #jobs #job-search {
		margin: 0;
	}
	
		.news-tabs #jobs #job-search label {
			font-size: 120%;
			font-weight: bold;
			color: #333;
			display: block;
			margin: 0 0 0.5em;
		}
		
		.news-tabs #jobs #job-search .text {
			width: 250px;
			padding: 5px 5px 3px;
			height: 18px;
		}
		
		.news-tabs #jobs #job-search p {
			margin: 0 0 0.25em;
		}
	
	


/*	Column 3
	------------------  */
	
#col3 {
	float: left;
	margin: 0;
	width: 240px;	
}

.campus {
	margin-bottom: 0;
}

	.campus a img {
		margin-right: 12px;
		margin-bottom: 12px;
	}

	.campus a strong {
		font-size: 1.17em;
	}
	
#research {
	margin: 0 0 2em -12px;
}

	#research li {
		position: relative;
	}
	
	#research a.photo {
		color: #fff;
		text-decoration: none;
		overflow: hidden;
	}
	
		#research a.photo img {
			border: 0;
		}
			
		#research a.photo strong {
			background: url(../-images/research-bg.png) no-repeat left 95px;
			left: 0;
			line-height: 1.15;
			width: 195px;
			padding: 100px 5px 0 20px;
			position: absolute;
			bottom: -32px;			
			height: 50px;
			display: block;
			cursor: pointer;
		}
		
		#research a.photo:focus strong,
		#research a.photo:hover strong {
			text-decoration: none;
		}
		
			#research a.photo strong em {
				display: block;
				padding-top: 5px;
				font-style: normal;
				font-weight: normal;
				line-height: 1.25;
			}

	#research .left {
		left: -12px;
		position: absolute;		
		top: 45px;
	}
	
	#research .right {
		position: absolute;
		right: -12px;
		top: 45px;
	}
	
	#research .left img,
	#research .right img {
		border: 0;
	}
	
	#research p {
		margin: 0.5em 10px 0 0;
	}
		
		#research p a {
			background: url(../-images/arrow.png) no-repeat right 60%;
			float: right;
			padding-right: 10px;
			text-decoration: none;
		}
		
			#research p a:focus,
			#research p a:hover {
				color: #c06;
			}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    margin: 0;
    overflow: hidden;
    padding: 0;
	position: relative;
    z-index: 2;
}

.jcarousel-list {    
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;    
    z-index: 1;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    height: 120px;
    list-style: none;    
    width: 220px;
}

	.jcarousel-list li img {
		border: 0;
	}
	
.jcarousel-next {
    display: none;
    z-index: 3;    
}

.jcarousel-prev {
    display: none;
    z-index: 3;    
}

.jcarousel-container-horizontal {
    padding: 0 22px;
    width: 220px;
}

.jcarousel-clip-horizontal {
    height: 120px;
    width:  220px;
}

.jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-next-horizontal {
    position: absolute;
    top: 44px;
    right: 0;
    width: 12px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../-images/arrows-right.png) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover {
    background-position: -12px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -24px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    background-position: -36px 0;
    cursor: default;
}

.jcarousel-prev-horizontal {
    background: transparent url(../-images/arrows-left.png) no-repeat 0 0;
    cursor: pointer;
    height: 32px;
    left: 0;
    position: absolute;
    top: 44px;    
    width: 12px;    
}

.jcarousel-prev-horizontal:hover {
    background-position: -12px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -24px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    background-position: -36px 0;
    cursor: default;    
}


/*	Footer
	------------------  */
	
.vcard {
	border-top: 1px solid #CCCCCC;
	clear: both;
	margin: 20px auto 0;
	padding-top: 20px;
	text-align: center;
	width: 920px;
	font-size: 0.92em;
}

	.vcard  div {
		display: inline;
	}
	
	.vcard .tel {
		margin-left: 15px;
	}