/* 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:transparent url(/ui/2009/images/scrollable/navigator-gray.png) no-repeat scroll 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: transparent url( /ui/2009/images/bg_gray-box-hr.gif) repeat-x scroll 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: 340px; float: left; margin-right: 20px }
.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: 120px; margin-bottom: 20px; }