/*	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 {
	border-bottom: 1px solid #ccc;
	width: 100%;
}

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


.sig  {	
                                          font-size: 12px;
			font-weight: bold;
			font-style: italic;
		              text-align: right;
			color: #555555;
                                          margin-bottom: 10px;
			border-bottom: 1px;
			display: inline;
}



.forme {
width: 921px;
height:94px;
font-size:12px;
font-weight: bold;
color:#FFFFFF;
background-image:url('logo3.jpg')


}
		
.more  {
			color: #D47042;
			font-style: normal;
                                          font-decoration: none;
			display:inline;
}


.nounderline {
	text-decoration: none;
}

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

.featurecolour2 {
	color: #306;
}


.feature3 {
	color: #D47042;
	font-weight: bold;
}


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





h2 {
	color: #D47042;
	font-size: 1.5em;
	letter-spacing: -0.05em;
	line-height: 1.5;
	margin: 0 0 0.5em;
	padding: 0 0 12px;
}
h3 {
	color: #c04;
	font-size: 1.25em;
	letter-spacing: -0.05em;
	line-height: 1.5;
	margin: 0 0 0.5em;
	border-bottom: 2px dotted #ddd;
}

h4 {
	color: #444;
	font-size: 14px;
              font-weight: normal;
	line-height: 1.5;
	margin: 0 0 0.5em;
}

h5 {
	color: #000;
	font-size: 1.25em;
	letter-spacing: -0.05em;
              float: right;
	line-height: 1.5;
	margin: 20 20 20 20;
	border-bottom: 2px dotted #ddd;
              width: 80%;
	background-color: #eeeeee;
}

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

	.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
	-------------  */
.header-space  {
	background: #333;
	float: left;
	height: 244px;
	margin: 0 0 2.25em;	
	overflow: hidden;	
	padding: 0;
	position: relative;
	width: 670px;	
}
	
.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: 0px;
	}
	
	#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;
		}
		
		#feature2 div.banner-text {
			top: 45px;
		}
		
		#feature3 div.banner-text {
	top: 45px;
		}
		
			.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;					
				}
				

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

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

.rotating-tabs ul {
    background: #999; 
    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;
			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;
			color: #fff;			
		}
		
		
/*	Information for...
	-----------------  */

#info {
	background: #333;
	float: right;
	min-height: 256px;
	padding: 17px 20px 0 30px;
	width: 239px;	
}
#infoSub {
	background-color:#000000;
	float: right;
	height: 220px;
	padding: 17px 20px 0 30px;
	width: 239px;	
}
	#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.17em;
			}
			
			#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;	
}

#colA {
	clear: both;
	display: inline;
	float: left;
	margin: 0 30px 3.5em 20px;
	width: 440px;	
}
#colB {
	float: right;
	margin: 0 30px 2.5em 0;
padding-top:5px;
padding-bottom:25px;
padding-right:20px;
padding-left:20px;
	width: 380px;	
background-color: #666666;
}


#colCombined {
	clear: both;
	display: inline;
	float: left;
	margin: 0 30px 3.5em 20px;
	width: 820px;	
}


/* 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;
			padding: 6px 5px 0 !important; /* Override Google's default padding on Windows machines */			
			width: 152px;
		}
	
		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;
			}	
		

		}
	
	
/* Features */

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

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


/*	Column 2
	------------------  */
	
#col2 {
	float: right;
	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 7px 0 0;
	}
	
		.news-tabs .news-tabsnav li a {	
			background: #fff;
			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;			
		}
		
		
.view-more {
	margin: 0;
	overflow: hidden;	
}

	.view-more a {		
		
		color: #306;
		padding: 7px 13px; */
		padding: 0 10px 3px 0;
		display: block;
		font-weight: bold;
		float: right;
		text-decoration: none;
		
	}
	
	.view-more a:focus,
	.view-more a:hover {
		/* color: #fff;
		opacity: 0.75; 
		text-decoration: underline; */
		color: #D47402;
	}

hr.thin {
height: 1px;
border: 0;
margin: 0;
color: #ddd;
background-color: #ddd;
width: 440px;
} 

.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 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;
		}


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


	


.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: 2px solid #ccc;
	}
	
.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;
	}