@charset "utf-8";
/* CSS Document */

#main-menu {
	display: none;
}
#main-rightbox {
	display: none;
}
#main-content {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#homepage-feature {
	width: 960px;
	height: 250px;
	background-color: #7B0B0A;
}

#main-content p, #main-content h3, #main-content h4,
#main-rightbox p, #main-rightbox h3, #main-rightbox h4,
#site-footer {
	margin-top: 0;
}
		
#main-header-menu ul li a {
	border-right: 1px solid #ccc;
}

#main-header-menu ul .last a {
	border: 0;
}		

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

#main-rightbox {
	font-size: 89%;
}

#main-botlinks {
	margin-bottom: 0;
	padding-bottom: 10px;
}


/*	Home page
	---------  */

#home {
	padding: 10px 20px 1em;
	overflow: hidden;
	width: 920px;
}

/*	Menu  */

#menu {
	background: #e5e5e5 url(_img/menu-bg-trans.png) repeat-x left top;
	list-style-type: none;
	float: left;
	font-weight: bold;
	margin: 0px 5px 10px 0px;
	height: 245px;
	padding: 5px 0px 0px 0px;
	width: 200px !important;	
}
	
	#menu li{
	list-style-type: none;
	margin-top: 8px;
	/*margin-top: 1px; For inclusion when Why Loughboruogh is complete*/
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	#menu a {
		color: #666;
		display: block;
		padding: 3px 0 3px 12px;
		text-decoration: none;
		width:207px;
	}
	
	#menu a:focus,
	#menu a:hover {
		text-decoration: underline;
	}
	
	#menu .offer a {
		border-top: 1px solid rgb(102,102,102);
		border-bottom: 1px solid rgb(102,102,102);
		border-color: rgba(102,102,102,0.2);
		/*padding: 4px 0 4px 12px;*/
	}
	
	#menu .quiet a {
		color: rgb(153,153,153);
		color: rgba(102,102,102,0.8);
		font-weight: normal;
	}
	
	#menu .restricted a {
		background: transparent url(_img/icon-padlock.png) no-repeat 62% 7px;
	}

/*	Tabs  */

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

#tabs {
	background: #eee;
	width: 690px;
	min-height: 250px;
	padding: 0;
	margin: 0 0 10px 0;
	color: #fff;
	overflow: hidden;
	position: relative;
	float: right;
}

* html #tabs {
	height: 250px;
}

	#tabs ul {
		
		background: #6c4892 url(_img/menu-bg.png) repeat-x left bottom;
		width: 80px;
		height: 250px;
		padding: 0;
		list-style-type: none;
		margin: 0;
		padding: 0;
		z-index: 10;
		position: absolute;
		right: 0;
		top: 0;
	}
	
		#tabs li {
			margin: 0 0 1px;
			padding: 0;
			float: right;
			clear: both;
		}
		
		#tabs .student2,
		#tabs .student3 {
			margin: 0 0 2px;
		}
		
			#tabs ul li a {
				display: block;
				height: 44px;
				margin: 0;
				padding: 8px 8px 9px 9px;				
				outline: none;
			}
			
			#tabs .student4 a {
				padding-bottom: 10px;
			}
			
			#tabs ul .ui-tabs-selected a,
			#tabs ul .ui-tabs-selected a:focus,
			#tabs ul .ui-tabs-selected a:hover {
				background: transparent url(_img/tab-active.png) no-repeat left top;
				margin-left: -27px;
				padding-left: 36px;
			}
			
			#tabs ul img {
				border: 1px solid #ddd;
			}
	
	#tabs .student {
		position: absolute;
		left: 0;
		top: 0;
		width: 610px;
		padding: 0;
	}
		
		#tabs .student img {
			z-index: -10;
		}
		
		#tabs .student a.playLink img{
			z-index:1;
			position:absolute;
			left:20px;  		
			bottom:50px;
			border:1px solid #CCC;
		}
		
		#tabs .student a.playLink:hover img.playVid{
			border:1px solid #F0D000;
		}
				
		#tabs .student div  {
			background: transparent url(_img/blockquote-bg.png) no-repeat left top;
			bottom: 90px; /* ================================*/
			color: #333;
			left: 20px;
			line-height: 1.5;
			padding: 12px 29px 3px 15px;
			position: absolute;
			width: 285px;	
		}
		
			#tabs .student blockquote {
				background: transparent url(_img/blockquote-begin.png) no-repeat left 3px;
				margin: 0 0 10px;
				padding: 0 0 0 23px;
			}
			
				#tabs .student blockquote p {
					background: transparent url(_img/blockquote-end.png) no-repeat right 94%;
					margin: 0;
					padding: 0 23px 0 0;
				}
			
			#tabs .student p {
				margin: 0 0 0 23px;
				padding: 0;	
			}
		
			#tabs .student .source {
				color: #666;
				font-size: 11px;					
			}
			
				#tabs .student .source strong {
					display: block;
					font-weight: normal;
				}
			
			#tabs .student a {
				background: transparent url(_img/blockquote-more-bg.png) no-repeat left top;
				bottom: -34px; /* =====================*/
				color: #fff;
				display: block;
				font-size: 11px;
				height: 22px;
				left: 0;
				padding: 12px 19px 0 0;
				position: absolute;
				text-align: right;
				text-decoration: none;
				width: 300px;
			}
			
			#tabs .student a:focus,
			#tabs .student a:hover {
				text-decoration: underline;
			}

/*	Banners  */

#banners {
	clear: both;
	float: left;
	font-size: 12px;
	line-height: 1.25;
	list-style-type: none;
	margin: 0 0px 0 0;
	padding: 0;
	width: 220px;
}

	#banners li {
		list-style-type: none;
		margin: 0 0 10px;
		padding: 0;
	}
	
		#banners li a {
			background: #e5e5e5;
			color: #333;
			display: block;
			padding: 6px 12px 8px;
			text-decoration: none;
			width: 196px;
		}
		
		#banners li a:focus,
		#banners li a:hover {
			border: 3px solid #ccc;
			padding: 3px 9px 5px;
			width: 196px;
		}
	
			#banners li strong {
				display: block;
				font-size: 13px;
				margin-bottom: 6px;
			}
			
			#banners li img {
				border: none;
				margin: -1px 0px 0px -12px;
			}

/*	Content  */

#content {
	float: left;
	line-height: 150%;
	margin:0px 0px 0px 0px;
	width: 440px;
}

	#content h2 {
		border-bottom: 1px solid #ccc;
		color: #306;
		font-size: 130%;
		line-height: 150%;
		margin: 0 0 1em;		
		padding: 2px 0;
	}
	
#bullets {
	list-style-type: none;
	margin: 0;
	padding: 0.5em 0 0.75em;
}

	#bullets li {
		background: transparent url(_img/bullet-world3.png) no-repeat left 3px;
		margin: 0;
		margin-bottom:25px;
		padding: 0 0 0 24px;
		list-style-type:none;
	}
	
		#bullets li h3 {
			margin: 0 0 0.5em;
			font-size: 110%;
		}


/*	Sidebar  */

#sidebar {
	float: right;
	line-height: 1.25;
	width: 220px;
	color: #666;
}

	#sidebar h3 {
		background: #6c4892 url(_img/menu-bg.png) repeat-x left 50%;
		color: #FFF !important;
		font-size: 14px;
		line-height: 150%;
		margin: 0 0 5px;
		padding: 4px 15px 5px;
	}
	
	#sidebar ul {
		background: #f2f2f2;
		background: -moz-linear-gradient(-90deg, #f2f2f2, #fff);
		background: -webkit-gradient(linear, 0 top, 0 bottom, from(#f2f2f2), to(#fff));
		list-style-type: none;
		margin: 0;
		padding: 10px 15px 7px;
	}
	
		#sidebar li {
			margin: 0;
			padding: 0 0 7px;
		}
		
			#sidebar li h4 {
				color: #333;
			}
			
			#sidebar li h4,
			#sidebar li p {
				font-size: 100%;
				margin: -2px 0 4px;
				padding: 0;
			}
			
				#sidebar li h4 a,
				#sidebar li h4 a:focus,
				#sidebar li h4 a:hover {
					color: #333;
					text-decoration: none;
				}