/*.........................................................................:Base tags */
/*.........................................................................:Structure elements */
#section_Right_Panel {
	display:block;
	/*NB. margin-top, margin-bottom, padding-bottom are controlled by layout_item/layout_column classes */
	padding-top: 0;
	padding-left:0;
	padding-right:0;
}
#section_Content {
	width:45em;
	border-right:1px solid #CCC;
}
#section_Right_Panel h3 {
	padding: 5px 3px;
	color:#000;
	border-bottom:solid 3px #666;
}
/*.........................................................................:Highlights elements */
#section_Right_Panel ul.Highlights {
	/*border:1px dotted #C96;*/
	margin:0;
	padding:0;
	list-style-image:none;
}
#section_Right_Panel ul.Highlights a {
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
	color: #000;
}
#section_Right_Panel ul.Highlights h3 a {
	color:#FFF;
}
#section_Right_Panel ul.Highlights a:hover {
	text-decoration:none;
}
#section_Right_Panel ul.Highlights li {
	list-style:none;
	margin:0 0 1em 0;
	padding: 0;
	/*border:1px dotted #3F6;*/
	overflow:hidden;
	height:14.4em; /* Height = height + padding (h3 + .Artwork) */
	position:relative;/* Required for IE to hide .Description */
	background-color:#FFF;
}
#section_Right_Panel ul.Highlights .Caption {
	position:relative;
	overflow:hidden;
	margin:0;
	border:0;
	font-size:110%;

	top:10em;/* The same as the total height of .Artwork */
	z-index:12;
	background-color:#02549f;
	/* IE6 height/padding issue */
	height:3.3em;
	padding:0.3em 8px;
}
#section_Right_Panel ul.Highlights .Caption[class] {
	height:2.7em;
}
#section_Right_Panel ul.Highlights .Artwork {
	position:relative;
	overflow:hidden;
	margin:0;
	text-align:center;
	background-color:#FFF;/**/
	/*border:1px dotted #3F6;*/
	z-index:10;
	height:10.8em;
	padding: 0;
	top:-3.3em;
}
#section_Right_Panel ul.Highlights .Description {
	position:relative;
	overflow:hidden;
	margin:0;
	color:#FFF;
	z-index:11;
	top:-3.3em;
	/* IE6 height/padding issue */
	height:7.7em;
	padding:.5em 10px;
	/* IE6 PNG support issue */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://www.uel.ac.uk/_artwork/backgrounds/news.png');
}
#section_Right_Panel ul.Highlights .Description[class] {
	background: url(/_artwork/backgrounds/news.png) repeat left top;
	height:6.7em;
	padding:.5em 10px;
}
#section_Right_Panel ul.Highlights .Description a {
	color:#FFF;
}
#section_Right_Panel ul.Highlights li.Current .Description {
	top:-10.9em;/* -(height of .Caption + its own height) */
}

/* Links */

.Links {
	list-style:none;
	margin:0;
	padding:0;
}
.Links li {
	margin:0;
	padding:0;
	border-bottom:1px dotted #999;
	list-style-image:none;
}
.Links li a {
	padding: 5px;
	display: block;
	text-decoration:none;
	color:#333333;
}
.Links li a:hover {
	background-color:#ECECEC;
	color:#02549F;
}

.Links li a.link_PDF {
	background-position: 5px right;
}

/* Programme list styles */

.Links_Pro {
	list-style:none;
	margin:0;
	padding:0;
}
.Links_Pro li {
	margin:0;
	padding:0;
	border-bottom:1px dotted #999;
	list-style-image:none;
}
.Links_Pro li a {
	padding: .25em 0 .60em 16px;
	display: block;
	background: url(/_artwork/icons/news.gif) no-repeat left top;
	text-decoration:none;
	color:#333333;
}
.Links_Pro li a:hover {
	background-image: url(/_artwork/icons/news_over.gif);
	background-color:#ECECEC;
	color:#02549F;
}
