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

#home-page #main-breadcrumb {
	margin-bottom: 0;
}

#main-content {
	margin-bottom: 1em;
}
	
	#main-content p {
		margin: 0 0 1em;
		border-bottom: 0;
	}
	
	#main-content ul {
		margin: 0 0 1em 30px;
		padding: 0 20px 0 0;
	}
	
	#main-content h3 {
		margin: 0 0 0.5em;
		border-bottom: 0;
	}
	
	#main-content h4 {
		margin-top: 0;
		margin-bottom: 1em;
	}
	
		#main-content h4 em {
			font-size: 92%;
			font-weight: normal;
			padding-left: 10px;
			font-style: normal;
		}
		
	#main-content h4#phd,
	#main-content h4#case,
	#main-content h4#post {
		border-top: 1px solid #ddd;
		padding-top: 1em;
	}
		
	#main-content h5 {
		font-size: 100%;
		margin: 0 0 1em;
		padding: 0;
	}
	
#main-rightbox {
	border-left: 0;
	padding-left: 0;
	width: 170px;
	font-size: 89%;
}

	#main-rightbox h3 {
		margin: 0 0 0.75em;
		font-size: 110%;
	}
	
#home-page #main-rightbox {
	float: right;
	width: 170px;
	margin: 3px 0 0;
	padding: 0;
}

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

#main-menu a.selected,
#main-menu a.selected:focus,
#main-menu a.selected:hover {
	background: url(../images/ttlbg-chemeng.jpg) no-repeat left -10px;
	color: #fff;
}

	#main-menu ul li ul li a.selected,
	#main-menu ul li ul li a.selected:focus,
	#main-menu ul li ul li a.selected:hover {
		background: #494894 url(/-images/submenu-bullet1.gif) no-repeat left center;
	}
	
a {
	color: #171662;
}

a:focus,
a:hover {
	color: #494894;
}


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

/*	Template  */

#main-title {
	width: 100%;
	background: #171662 url(../images/ttlbg-chemeng.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: #494894;
	font-weight: normal;
}

.featurecolour2 {
	color: #171662;
}

small {
	font-size: 89%;
	display: block;
}

sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 75%;
	bottom: 1ex;
}

sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 75%;
	top: 1ex;
}


/*	Forms  */

form {
	margin: 0;
	padding: 0;
	/* border-bottom: 1px solid #e8e8e8; */
}
	
	fieldset {
		margin: 0;
		padding: 0 0 1.5em;
		overflow: hidden;
		border: 0;
		/* background: #fff url(../images/shadow.png) no-repeat left bottom; */
	}
		
		label {
			display: none;
		}
		
		.text {
			border: 1px solid #d5d5d5;
			margin: 0 8px 0 0;
			padding: 4px 5px 0;
			float: left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #666;
			line-height: 125%;
			min-height: 19px;
			width: 120px;
		}
		
		.text:focus,
		.text:hover {
			border: 1px solid #bbb;
		}
		
		.button {
			margin-top: 5px;
		}


/*	Tables  */

table {
	margin: 0 0 1.5em;
	width: 530px;
	border-collapse: collapse;
	text-align: left;
}

table.seminar {
	width: 506px;
	margin: 0;
}

	table th {
		font-weight: bold;
		padding: 3px 0 9px;
		border-bottom: 2px solid #ccc;
	}
	
	table th.code {
		width: 80px;
	}
	
	table th.subject {
		width: 350px;
	}
	
	table th.credit {
		width: 100px;
	}
	
	table th.date {
		width: 100px;
	}
	
	table th.speaker {
		width: 185px;
	}
	
	table th.topic {
		width: 185px;
	}
	
	table th.student-speaker {
		width: 382px;
	}
		
	table.seminar td {
		padding: 10px 12px 12px 0;
		vertical-align: top;
		border-bottom: 1px solid #eee;
	}
	
	table td {
		padding: 9px 8px 0 0;
		vertical-align: top;
	}
	
		table td strong {
			display: block;
		}
	
	table .borders td {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;

	}
		

/*	Quotes  */

blockquote {
	color: #555;
	margin: 1em 0 1.5em;
	font-size: 100%;
	padding: 15px 10px 5px 35px;
	background: #f8f8f8 url(../images/quote-begin.png) no-repeat 10px 10px;
	overflow: hidden;
}

	blockquote p {
		padding-right: 30px;
	}
	
		blockquote p img {
	float: right;
	border: 1px solid #ccc;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 20px;
		}
	
	blockquote .last {
		background: url(../images/quote-end.png) no-repeat right 90%;
	}
	


/*	General classes and IDs  */

.right {
	float: right;
	border: 1px solid #ccc;
	margin: 0 0 1em 20px;
}

#main-botlinks .right {
	border: 0;
}

.box {
	background: #fff url(../images/gradient-bg.png) no-repeat left top;
	padding: 12px 0 0 15px;	
}

	.box p a {
		display: block;
	}

.box.low {
	margin-top: 220px;
}

.view-button {
	overflow: hidden;
	clear: both;
	padding-top: 0.25em;
}

	.view-button a {
		padding: 7px 10px 8px;
		background: #001f6e url(../images/button-overlay.png) repeat-x 0 50%;
		color: #fff;
		text-decoration: none;
		display: block;
		float: left;
		line-height: 1;
	}
	
	.view-button a:focus,
	.view-button a:hover {
		background-color: #213b80;
	}

.highlight {
	background: #f8f8f8;
	padding: 12px 15px 0;
	overflow: hidden;
	margin: 0 -15px 1em -15px;
}

.highlight.blue {
	background: #171662 url(../images/ttlbg-chemeng.jpg) no-repeat left top;
	color: #fff;
}

.top-border {
	border-top: 1px solid #ddd;
	padding-top: 0.75em;
}

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

/*	Home page  */
	
#slideshow {
	z-index: 0;
	width: 960px;
	height: 200px;
	overflow: hidden;
	border-bottom: 5px solid #eee;
	margin: 0 0 1.5em;
	padding: 0;
	position: relative;
}

	#slideshow #s1 {
		position: absolute;
		left: 0;
		top: 0;
		width: 319px;
		height: 200px;
		overflow: hidden;
	}
	
		#slideshow #s1 img {
			width: 319px;
			height: 200px;
		}
	
	#slideshow #s2 {
		position: absolute;
		left: 320px;
		top: 0;
		width: 320px;
		height: 200px;
		overflow: hidden;
	}
	
		#slideshow #s2 img {
			width: 320px;
			height: 200px;
		}
	
	#slideshow #s3 {
		position: absolute;
		left: 641px;
		top: 0;
		width: 319px;
		height: 200px;
		overflow: hidden;
	}
	
		#slideshow #s3 img {
			width: 319px;
			height: 200px;
		}

#intro {
	width: 445px;
	/* background: #fff url(../images/gradient-bg.png) no-repeat left top; */
	padding: 0 0 0 25px;	
	float: left;
	line-height: 150%;
	margin: 2px 0 1.5em;
}

	#intro h2,
	#intro p {
		margin-top: 0;
	}
	
	#intro h2 {
		margin-bottom: 0.75em;
		font-size: 1.5em;
	}
	
	#intro a {
		text-decoration: none;
		/* color: #fff;
		background: #32506c url(../images/ttlbg-chemeng.jpg) no-repeat left top;
		padding: 5px 8px; */
	}
	
	#intro a:focus,
	#intro a:hover {
		background-position: left -15px;
	}
	
#ticks {
	list-style-type: none;
	margin: 0;
	padding: 0.5em 0 0.75em;
}

	#ticks li {
		background: transparent url(../images/tick.png) no-repeat left 4px;
		margin: 0;
		padding: 0 0 0 25px;
	}
	
	
		#ticks li h3 {
			margin: 0 0 0.5em;
			font-size: 110%;
		}
		
		#ticks li p {
			margin-top: 0;
		}	

#home-links {
	width: 420px;
	float: right;
	padding: 15px 0 0 20px;
	background: transparent url(../images/gradient-bg-full.png) no-repeat left top;
	margin: 20px 20px 0 0;
}

	#home-links fieldset {
		margin: 0 0 1em;
		padding: 0 0 0.75em;
		overflow: hidden;
		border: 0;
	}
	
		#home-links fieldset .text {
			width: 212px;
		}
	
	#home-links label {
		display: inline;
		float: left;
		font-weight: bold;
		margin: 3px 10px 0 0;
	}

	#home-buttons {	
		padding: 0;	
		list-style-type: none;
		margin: 0;
	}
	
		#home-buttons li {
			width: 120px;
			margin: 0 20px 1em 0;
			padding: 0;
			float: left;
			list-style-type: none;
		}
		
			#home-buttons li a img {
				border: 1px solid #ccc;
				margin-bottom: 0.5em;
			}
			
			#home-buttons li a:focus img,
			#home-buttons li a:hover img {
				border-color: #aaa;
			}
			
			#home-buttons li h3 {
				font-size: 12px;
				margin: 0 0 0.5em;
			}
			
				#home-buttons li h3 a {
					text-decoration: none;
				}
			
			#home-buttons p {
				font-size: 11px;
				line-height: 125%;
				margin: 0 0 1em;
			}
					

/*	Research areas  */

#main-content #research {
	margin: 0 0 0 -20px;
	padding: 0;
	list-style-type: none;
	float: left;
}

	#main-content #research li {
		margin: 0 0 1.5em 20px;		
		width: 235px;
		float: left;
		padding: 0 10px;
		background: #f5f5f5;
	}
	
	#main-content #research li.clear {
		clear: both;
	}	
		
		#main-content #research li a {
			text-decoration: none;
			font-weight: bold;
		}
		
		#main-content #research li a img {
			border: 0;
			border: 2px solid #ddd;
			margin: 0 0 0 -10px;
		}
		
		#main-content #research li a:focus img,
		#main-content #research li a:hover img {
			border-color: #bbb;
		}
		
		#main-content #research li h3 {
			font-size: 105%;
			margin: 0.25em 0 0.5em;
		}
		
		#main-content #research li p {
			margin: 0 0 0.75em;
		}	


/*	Staff profiles  */

th.name {
	width: 140px;
}

th.title {
	width: 250px;
}

th.email {
	width: 40px;
}

th.phone {
	width: 100px;
}

.head {
	padding: 7px 9px;
	background: #f8f8f8;
}

	.head span {
		color: #ccc;
		padding: 0 1px;
	}

#profile {
	width: 488px;
	min-height: 137px;
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	padding: 20px;
	background: #fff url(../images/people-contact-bg.jpg) repeat-x left bottom;
}

	#profile img {
		float: right;
		border: 1px solid #ccc;
	}

	#profile h3 {
		font-size: 125%;
		border-bottom: 0;
		margin-bottom: 0;
	}
	
		#profile h3 span {
			font-size: 82%;
		}
	
	#profile .title {
		font-size: 110%;
		margin-bottom: 1.5em;
	}
	
	#profile dl {
		width: 360px;
		overflow: hidden;
		background: transparent;
		margin: 0;
		border-bottom: 1px dotted #ccc;
		line-height: 150%;
		background: #f5f5f5;
	}		
		
		#profile dt {
			width: 80px;
			float: left;
			padding: 5px 0;
			border-top: 1px dotted #ccc;
			font-weight: bold;
			clear: both;
		}	
		
		#profile dd {
			float: left;
			width: 270px;
			margin: 0;
			padding: 5px 10px 5px 0;
			border-top: 1px dotted #ccc;
			position: relative;
		}


/*	News  */

.news-item {
	margin-bottom: 1.5em;
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.5em;
}

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

	#main-content .news-item h3 {
		font-size: 122%;
		margin-bottom: 0;
		line-height: 125%;
	}
	
	.news-item .date {
		color: #999;
	}
	

/*	Sidebar news  */

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

	#news li {
		border-top: 1px solid #eee;
		margin-top: 0.75em;
		padding-top: 0.75em;
	}
	
	#news li.last {
		margin-bottom: 1.25em;
	}

	#news a {
		text-decoration: none;
	}
	
	#news h4 {
		font-size: 100%;
		margin: 0 0 0.25em;
		font-weight: normal;
	}
	
	#news p {
		color: #999;
		margin: 0;
	}

.more {
	overflow: hidden;
}

	.more a {
		background: #001f6e url(../images/button-overlay.png) repeat-x 0 50%;
		color: #fff;
		float: left;
		display: block;
		padding: 5px 7px 6px;
		line-height: 1;
		text-decoration: none;
	}
	
	.more a:focus,
	.more a:hover {
		background-color: #213b80;
	}


/*	Why Chemical Engineering slideshow  */

#why-wrapper {
	position: relative;
	width: 740px;
	height: 202px;
	margin: 0 0 1.5em;
	padding: 0;
}

#main-content #why {
	width: 740px;
	height: 202px;
	overflow: hidden;	
	padding: 0;
	list-style-type: none;
	margin: 0;
}

	#why img {
		width: 739px;
		height: 200px;
		float: left;
		border: 1px solid #ccc;
		border-right: 0;
	}

	#why div {
		position: absolute;
		right: 0;
		top: 38px;
		width: 410px;
		height: 100px;
		background: url(../images/slideshow-text-bg.png) repeat left top;
		color: #fff;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		padding: 13px 30px;
	}
	
		#why div h2 {
			font-size: 18px;
			margin: 0 0 11px;
			padding: 0;
		}
		
		#why div p {
			margin: 0;
			line-height: 21px;
		}
		
			#why div p strong {
				color: #ffff00;
			}
	
	p.why-nav {
		position: absolute;
		height: 16px;
		width: 456px;
		left: 277px;
		top: 93px;
		z-index: 100;
		line-height: 1;
		margin: 0;
	}
	
		p.why-nav a {
			display: block;
			width: 16px;
			height: 16px;
			overflow: hidden;
			color: #ccc;
			text-align: center;
			line-height: 1.25;
			font-size: 1.25em;
			text-indent: -9999px;
		}
		
			p.why-nav a:focus,
			p.why-nav a:hover {
				color: #aaa;
			}	
	
		p.why-nav a#prev {
			float: left;
			background: url(../images/arrow-back.png) no-repeat left top;
		}
		
		p.why-nav a#next {
			float: right;
			background: url(../images/arrow-next.png) no-repeat left top;
		}
	

/*	Course key facts  */

#main-content .course-facts {
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}

	#main-content .course-facts li {
		margin-bottom: 1em;
	}
	
		#main-content .course-facts h5,
		#main-content .course-facts p {
			margin: 0;
		}


/*	FAQ links  */

#main-content #faq {
	margin: 0 0 1.5em;
	padding: 0;
	list-style-type: none;
	border-bottom: 5px solid #eee;
}

	#faq li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		border-top: 1px solid #eee;
	}
	
		#faq a {
			text-decoration: none;
			display: block;
			position: relative;
			padding: 5px 2px;
		}
		
		#faq a:focus,
		#faq a:hover {
			background: #f8f8f8;
		}
		
			#faq strong {
				position: absolute;
				right: 10px;
				top: 3px;
			}

#faq-answers .top {
	overflow: hidden;
}

	#faq-answers .top a {
		float: right;
		text-decoration: none;
		font-weight: bold;
	}

#faq-answers h3 {
	font-size: 110%;
}

/*	Tabs
	------------------------------	*/
			
.tabs {
	margin: 8px 0 1em;
	padding: 0;
	width: 530px;
	float: left;
}

	.tabs .tab-content {
		clear: both;		
		overflow: hidden;
		padding: 15px 0 0 13px;
		border-top: 1px solid #ccc;
	}
	
		.tabs .tab-content img {
			border: 0;
			float: left;
			margin: 4px 22px 0 0;
		}
		
	.tabs p {
		margin-top: 0;
	}

	#main-content .tabNavigation {
		margin: 0;
		padding: 0;
		width: 530px;
	}
	
		.tabNavigation li {
			display: inline;			
		}
		
			.tabNavigation li a {	
				background-color: #f1f1f1;
				list-style: none;
				margin: 0 3px 0 5px;
				padding: 4px 8px;
				font-size: 13px;
				border: 1px solid #ccc;
				border-bottom: 0;
				font-weight: bold;
				color: #333;
				text-decoration: none;
				display: block;
				float: left;
				border-bottom: 1px solid #ccc;
				position: relative;
				top: 1px;
				font-size: 14px;
			}
			
			.tabNavigation li a:focus,
			.tabNavigation li a:hover {	
				background-color: #e1e1e1;
			}
			
			.tabNavigation li a:focus {	
				outline: 0;
			}
			
			.tabNavigation li a.selected {
				background-color: #fff;
				border-bottom: 1px solid #fff;
			}
			
			.research-tabs .tabNavigation li a {
				padding: 4px 8px;
			}
			
			#main-content .tabs.research div ul {
				margin-left: 20px;
				padding-left: 0;
			}
			
					
/*	Typical modules list  */

#main-content #modules-key {
	margin: 0 0 1em;
	padding: 1em 0 0.5em;
	list-style-type: none;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

	#main-content #modules-key li {
		margin-bottom: 0.75em;
		padding-left: 60px;
	}
	
	#main-content #modules-key .core {
		background: transparent url(../images/modules-key-core.png) no-repeat top left;
	}
	
	#main-content #modules-key .optional {
		background: transparent url(../images/modules-key-optional.png) no-repeat top left;
	}
	
	#main-content #modules-key .mandatory {
		background: transparent url(../images/modules-key-mandatory.png) no-repeat top left;
	}
	
#main-content #modules-yearone, #main-content #modules-yeartwo, #main-content #modules-yearthree, #main-content #meng-yearone, #main-content #meng-yeartwo, #main-content #meng-yearthree, #main-content #meng-yearfour {
	margin: 0 0 2em -2px;
	padding: 0;
	list-style-type: none;
	width: 532px;
	overflow: hidden;
}

	#main-content #modules-yearone li, #main-content #modules-yeartwo li, #main-content #modules-yearthree li, #main-content #meng-yearone li, #main-content #meng-yeartwo li, #main-content #meng-yearthree li, #main-content #meng-yearfour li {
	width: 155px;
	float: right;
	background: #ff9;
	font-size: 89%;
	line-height: 1;
	height: 30px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 2px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	}
#main-content #modules-yearone li.optional, #main-content #modules-yeartwo li.optional, #main-content #modules-yearthree li.optional, #main-content #meng-yearone li.optional, #main-content #meng-yeartwo li.optional, #main-content #meng-yearthree li.optional, #main-content #meng-yearfour li.optional{
	background: #cff;
}

#main-content #meng-yearfour li.full{
	clear:both;
	width: 530px;
	float: none;
	background: #ff9;
	text-align: center;
}
#main-content #modules-yeartwo {
	margin: 0 0 1em -2px;
	padding: 0;
	list-style-type: none;
	width: 532px;
	overflow: hidden;
}
#main-content #modules-yeartwo li {
	width: 155px;
	float: right;
	margin: 0 0 2px 2px;
	padding: 8px 10px;
	background: #ff9;
	font-size: 89%;
	line-height: 1;
}
#main-content #modules-yeartwo li.optional {
	background: #cff;
}


#modules-yeartwo {
	font-size: 89%;
}

	#modules-yeartwo th {
		background: #eee;
	}
	
	#modules-yeartwo td,
	#modules-yeartwo th {
		width: 155px;
		border: 2px solid #fff;
		padding: 8px 10px;
	}
	
	#modules-yeartwo .core td {
		background: #ff9;
	}
	
	#modules-yeartwo .optional {
		background: #cff;
	}
	
	#modules-yeartwo .mandatory {
		background: #cfc;
	}
	
/*	Downloads  */

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

	#main-content .downloads li {
		margin-bottom: 0.25em;
	}
	
	#main-content .downloads li.bg {
		background: #f8f8f8;
	}

/*	Icons  */

a.icon {
	padding: 2px 0 0 25px;
	line-height: 1.5;
}

a.pdf {
	background: url(../images/icon-pdf.png) no-repeat left 1px;
}

a.doc {
	background: url(../images/icon-doc.png) no-repeat left 1px;
}

a.link {
	background: url(../images/icon-link.png) no-repeat left 1px;
}

/*	CBE link  */

#cbe {
	padding-top: 1em;
}

	#cbe a {
		display: block;
		background: #000 url(../images/icon-cbe.jpg) no-repeat right bottom;
		color: #fff;
		text-decoration: none;
		padding: 6px 10px 8px;
		font-weight: bold;
	}
	
		#cbe a:focus,
		#cbe a:hover {
			text-decoration: underline;
		}
		
/*	Added for Researcher ID Badges  */
#anonymous_element_1 {
position: absolute;
}

#anonymous_element_2 {
position: absolute;
}