/* our work slider */
#ourwork-top, #aboutus-top
{
	position: relative;
	margin-bottom: 20px;
}
#ourwork-slider
{
	width: 700px;
	height: 250px;
	overflow: hidden;
}
#ourwork-intro
{
	width: 220px;
	height: 280px;
	position: absolute;
	top: 0;
	right: 0;
}

#ourwork-slider .top-news-item
{
	float: left;
	position: relative;
	cursor: pointer;
}
body.work #main img, body.about #main img, body.publications #main img
{
	margin-top: 0;
	padding: 0;
	border: none;
}
#ourwork-slider .top-news-item .top-news-overlay
{
	position: absolute;
	bottom: 3px;
	left: 0;
}
#ourwork-slider .top-news-item .top-news-overlay .top-news-date
{
	margin-bottom: 12px;
}
#ourwork-slider .top-news-item .top-news-overlay .top-news-head
{
	margin-bottom: 9px;
}

.top-news-thumb-outer
{
	position: relative;
}

.top-news-date span
{
	background-color: #000;
	opacity: .7;
	color: #fff;
	padding: 5px 10px;
}
span.top-news-label-video
{
	background-color: #A52A2A;
	opacity: 1;
	color: #fff;
	padding: 5px 10px;
	margin-left: 1px;
	text-transform: uppercase;
}
span.top-news-label-photo
{
	background-color: #92a628;
	opacity: 1;
	color: #fff;
	padding: 5px 10px;
	margin-left: 1px;
	text-transform: uppercase;
}
span.top-news-label-audio
{
	background-color: #555555;
	opacity: 1;
	color: #fff;
	padding: 5px 10px;
	margin-left: 1px;
	text-transform: uppercase;
}
span.top-news-label-link
{
	background-color: #8a8a8a;
	opacity: 1;
	color: #fff;
	padding: 5px 10px;
	margin-left: 1px;
	text-transform: uppercase;
}
span.top-news-label-story
{
	background-color: #4283d6;
	opacity: 1;
	color: #fff;
	padding: 5px 10px;
	margin-left: 1px;
	text-transform: uppercase;
}
span.top-news-label-blog
{
	background-color: #ff9900;
	opacity: 1;
	color: #fff;
	padding: 5px 10px;
	margin-left: 1px;
	text-transform: uppercase;
}
span.top-news-label-quiz
{
	background-color: #ff00d8;
	opacity: 1;
	color: #fff;
	padding: 5px 10px;
	margin-left: 1px;
	text-transform: uppercase;
}
#ourwork-top .standalone
{
	margin: 2px 0;
	padding: 2px 10px;
	clear: both;
	position: absolute;
	bottom: 6px;
	left: 5px;
}

#ourwork-slider .top-news-item .top-news-overlay h3
{
	background-color: #000;
	opacity: .7;
	color: #fff;
	font-family: georgia;
	font-size: 22px;
	padding: 5px 10px;
	display: inline;
}
#ourwork-slider .top-news-item .top-news-overlay p
{
	background-color: #000;
	opacity: .7;
	color: #fff;
	font-size: 11px;
	padding: 5px 10px;
	margin: 0;
	display: inline;
}
#ourwork-top #top-news-nav
{
	width: 700px;
	height: 30px;
	background: #f3f3f3;
	border-bottom: 1px solid #E1E1E1;
	text-align: center;
	position: relative;
}
#ourwork-top div.scrollable div.items
{
	clear: both;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 20000em;
}
#ourwork-top .navi
{
	float: left;
	margin-top: 8px;
	margin-left: 45%;
}
#ourwork-top .navi a
{
	background: url('/New/paec/images/samples/navigator-gray.png') no-repeat 0 0;
	display: block;
	float: left;
	font-size: 1px;
	height: 12px;
	margin: 3px;
	width: 13px;
}
#ourwork-top .navi a.active
{
	background-position: 0 -24px;
}

#ourwork-top h4
{
	font: bold 1.2em/1.6667 "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
}
p
{
	margin-top: 0;
}

/* intro box */
#ourwork-intro div
{
	width: 188px;
	height: 275px;
	background: #F3F3F3;
	border-top: 5px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	padding: 0 16px;
}
#ourwork-intro div h3
{
	padding: 10px 0;
	color: #232323;
	background: url('/New/ui/2009/images/bg_gray-box-hr.gif') repeat-x left bottom;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.8em;
}
#ourwork-intro div p
{
	padding-top: 10px;
}


/* bottom section */
.department
{
	width: 172px;
	float: left;
	margin-right: 20px;
}
#ourwork-bottom .last
{
	margin-right: 0;
}
#ourwork-bottom h2
{
	margin-bottom: 13px;
}
#ourwork-bottom h3
{
	margin-bottom: 10px;
	font-size: 1.7em;
}
#ourwork-bottom .gray-box h3
{
	margin-bottom: 0;
	font: normal 1.8em Arial,Helvetica,sans-serif;
}
body.work #main #ourwork-bottom img, body.about #main #ourwork-bottom img, body.publications #main #ourwork-bottom img
{
	padding: 4px;
	border: 1px solid #ddd;
}
body.work #main #ourwork-bottom a img:hover, body.about #main #ourwork-bottom a img:hover, body.publications #main #ourwork-bottom a img:hover
{
	border-color: #f90;
}

/* programme */
.programme
{
	width: 600px;
	margin: 0px auto;
}
.resources
{
	width: 220px;
	float: left;
	margin-right: 0;
}

body.work #main #ourwork-bottom .programme img, body.about #main #ourwork-bottom .programme img, body.publications #main #ourwork-bottom .programme img
{
	padding: 0;
	border: none;
}

ul.programme-list li a
{
	width: 312px;
	margin-bottom: 10px;
	font-size: 1.4em;
	padding: 7px 14px;
	background: #f3f3f3;
	float: right;
	font-size: 1.4em;
	font-weight: normal;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
ul.programme-list li a:hover
{
	background-color: #396ccf;
	color: #fff;
	text-decoration: none;
}

/* fadehover */
div.fadehover
{
	position: relative;
	width: 340px;
	height: 165px;
	margin-bottom: 3px;
	margin-right: 4px;
}