@charset "utf-8";

* { border: none; margin: 0; padding: 0; }



/* html tags */

body { background: #f1f3f6; }
	
p, h1, h2, h3, td, li, img, input, select, textarea { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
input, select, textarea { font-size: 1em; padding: 5px; }
input[type="submit"] { background: #f1f3f6; border: 1px solid #e1e3e6; color: #2c90a5; text-align: center; width: 150px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
p, td, li, img { color: #313336; font-size: 0.75em; }
a { color: #2c90a5; text-decoration: none; }



/* html5 compatibility */
header, nav, section, article, footer, video { display: block; }



/* common */

#border { background: url(/assets/images/border.png) top left repeat-y #f1f3f6; margin: 0px auto; padding: 0 10px; width: 900px; }

#container { border-right: 1px solid #e1e3e6; border-left: 1px solid #e1e3e6; background: #fff; padding: 0 20px; }

header { padding: 20px 0; }
	header p { font-size: 1em; font-weight: 900; }
	header p#school { color: #616366; margin-bottom: 2px; }
	header p#college { color: #d1d3d6; }
	header div#title { float: right; text-align: right; width: 400px; }
	
footer { padding-top: 50px; }
	footer p { color: #919396; font-size: 0.8em; }
	footer ul { float: right; list-style-type: none; }
	footer li { display: inline; font-size: 0.8em; margin-left: 20px; }
	footer a { color: #b1b3b6; }
	footer a:hover { text-decoration: underline; }
	footer img { float:left; margin-right: 10px; }
	footer div#accreditations { border-top: 1px solid #f1f3f6; height: 50px; padding: 20px; }
	footer div#info { border-top: 1px solid #e9ebed; padding: 20px; }



/* nav */

nav#primary { background: url(/assets/images/nav.png) top left repeat-x #c70171; border-bottom: 1px solid #9b3f73; height: 35px; }
	nav#primary div.link { background: url(/assets/images/nav_divider.png) top right no-repeat; float: left; text-align: center; width: 143px; }
		nav#primary div.link p { font-size: 0.9em; font-weight: 500; line-height: 1; text-shadow: #602b49 1px 1px 3px; }
		nav#primary div.link p.active { background: url(/assets/images/nav_active.png) top left repeat-x #c70171; margin-right: 2px; }
		nav#primary div.link a { color: #fff; display: block; padding: 10px 2px 11px 0; position: relative; }
		nav#primary div.link a:hover { color: #d1d3d6; }
		nav#primary div.link img.new { position: absolute; top: 10px; right: 10px; }
	nav#primary div.last { background: none; }
		nav#primary div.last p.active { margin-right: 0; }
	
nav#secondary { background: url(/assets/images/subnav.png) top left repeat-x #f1f3f6; border-bottom: 1px solid #e1e3e6; height: 35px; }
	nav#secondary div.link { float: left; }
		nav#secondary div.link p { font-size: 0.8em; font-weight: 500; line-height: 1.2; }
		nav#secondary div.link p.active { background: url(/assets/images/subnav_active.png) top left repeat-x #e1e3e6; }
		nav#secondary div.link img.active { position: absolute; bottom: -1px; left: 45%; }
		nav#secondary div.link a { color: #717376; display: block; padding: 10px 12px 10px 12px; position: relative; }
		nav#secondary div.link a:hover { color: #313336; }



/* homepage */

#carousel-container { border-bottom: 1px solid #e9ebed; height: 300px; padding: 10px 0; }



/* section */

section { padding: 20px 0; }

aside { float: right; width: 200px; }
	aside div { margin-bottom: 2px; }
	aside h1 { color: #919396; font-size: 0.9em; font-weight: 500; margin-bottom: 10px; }
	aside p { font-size: 0.8em; font-weight: 500; }
	aside p.url { background: url(/assets/images/url.png) top left no-repeat; margin-left: 5px; padding: 0 0 6px 22px; }
	aside p.url a { color: #2c90a5; }
	aside p.url a:hover { text-decoration: underline; }
	aside div.separator { background: #fff; height: 18px; }
	aside div.heading { background: url(/assets/images/sidebar_heading.png) top repeat-x #919396; }
		aside div.heading a { display: block; color: #fff; padding: 5px; }
		aside div.heading a:hover { color: #313336; }
	aside div.link { background: #f1f3f6; }
		aside div.link p.active { background: #e1e3e6; }
		aside div.link a { display: block; color: #717376; padding: 5px; }
		aside div.link a:hover { background: #e1e3e6; color: #313336; }

article { border-right: 1px solid #e9ebed; min-height: 400px; padding: 0 40px 0 20px; width: 580px; }
	body.full article { border-right: none; width: 820px; padding-right: 20px; }

	article p a, article td a, article li a { border-bottom: 1px dashed #d1d3d6;  }
	article p a:hover, article td a:hover, article li a:hover { border-bottom: 1px dashed #919396; }
	
	article ul { list-style-type: none; margin-bottom: 15px; }
	article li { background: url(/assets/images/bullet_green.png) top left no-repeat; font-size: 0.75em; line-height: 1.6; padding-left: 15px; }
	article ul.pdf li { background: url(/assets/images/pdf.png) top left no-repeat; padding-left: 22px; }
	
	article h1 { color: #414346; font-size: 1.45em; font-weight: normal; margin-bottom: 15px; }
	article h2 { color: #616366; font-size: 1em; margin: 5px 0 10px 0; }
	article h3 { color: #818386; font-size: 0.9em; margin: 5px 0 10px 0; }
	
	article p { line-height: 1.6; margin-bottom: 15px; }
		article p.about { color: #414346; font-size: 0.9em; }
		article p.more { color: #818386; font-size: 0.7em; padding: 0 10px 10px 0; text-align: right; }
		article p.error { background: #ffaaaa; border: 1px solid #cb4f4f; color: #b13335; font-weight: bold; margin-bottom: 10px; padding: 5px; text-align: center; }
		
	
	article table { margin-bottom: 25px; width: 100%; }
		article td { border: 1px solid #e1e3e6; padding: 4px; }
		article tr.highlighted td { background: #ebf7f7; }
		article tr.dead td { color: #d1d3d3; }
		article td.label { background: #e1e3e6; border: none; color: #616366; padding: 10px; }
		article td.options { border: none; text-align: center; padding-top: 15px; }
		article span.note { color: #616366; font-size: 0.9em; }
	
	article .line { border-bottom: 1px solid #e1e3e6; padding-bottom: 15px; }
	
	article img.border { background: #f1f3f6; border: 1px solid #d1d3d6; padding: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	article img.float-left { float: left; margin: 0 20px 15px 0; }
	article img.float-right { float: right; margin: 0 0 20px 15px; }
	
	article div#breadcrumbs { padding-bottom: 10px; }
		article div#breadcrumbs li { background: url(/assets/images/bullet_blue.png) left no-repeat; color: #a1a3a6; display: inline; font-size: 0.7em; padding: 0 10px 0 12px; }
		article div#breadcrumbs a { border-bottom: none; color: #616366; }
		article div#breadcrumbs a:hover { text-decoration: underline; }
	
	article div.news-item { padding-bottom: 20px; }
		article div.news-item .thumb { float: right; margin-left: 50px; }
		article div.news-item p { margin: 0; }
		article div.news-item p a { border: none; }
		article div.news-item p a:hover { border: none; text-decoration: underline; }
		article div.news-item p.date { color: #616366; font-size: 0.7em; }
		article div.news-item p.title { border-bottom: 1px solid #e1e3e6; font-weight: bold; margin-bottom: 5px; }
		article div.news-item p.description { font-size: 0.7em; height: 50px; }
		
		
	
	/* slide */
		
	article div#programmes-header { background: #f1f3f6; position: relative; }
		article div#programmes-header p { font-size: 0.8em; font-weight: 500; }
		article div#programmes-header a { border-bottom: none; color: #717376; display: block; padding: 5px; }
		article div#programmes-header a:hover { background: #e1e3e6; color: #313336; }
		article div#programmes-header img.plus { position: absolute; right: 6px; top: 6px; }
	
	article div#programmes { border-bottom: 1px solid #e1e3e6; margin-bottom: 10px; }
		article div#programmes p { font-weight: 500; margin-bottom: 0; }
		article div#programmes a { border-bottom: none; color: #717376; }
		article div#programmes a:hover { color: #313336; }
		article div#programmes div.column { float: left; width: 290px; }



	/* gallery */
	
	article #image-browser img { border: 5px solid #e1e3e6; margin: 0 4px 5px 0; }
	
	
	
	/* programme profile */
	
	article div#reference { background: #fff; border-left: 1px solid #e1e3e6; float: right; margin: 0 0 20px 20px; padding: 20px 20px 5px 20px; width: 180px; }
	
	article ul#reasons { border-bottom: 1px solid #e1e3e6; padding-bottom: 15px; }
		article ul#reasons li { font-size: 0.9em; }
	
	
	
	/* research */
	
	article div.research { border: 1px solid #d1d3d6; height: 50px; margin-bottom: 10px; }
		article div.research h2 { font-size: 0.9em; margin: 7px 0 3px 10px; }
		article div.research p { font-size: 0.7em; margin-left: 15px; }
		article div.research p a { border: none; color: #919396; }
		article div.research a:hover { border: none; text-decoration: underline; }
		article div.research img { float: right; }
		
	article div.book { background: #f1f3f6; border: 1px solid #d1d3d6; float: left; height: 150px; margin: 0 20px 20px 0; padding: 5px 0; text-align: center; width: 120px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	
	
	
	/* tv */
	
	article div.announce { background: #f1f3f6; margin-bottom: 10px; padding: 10px; text-align: center; }
		article div.announce p { margin-bottom: 0; }
	
	article div.cells { height: 504px; }
		article div.cells div.cell { float: left; height: 168px; line-height: 0; margin-right: 20px; width: 168px; }
		article div.cells div.cell div.thumbnail { border: 1px solid #d1d3d6; margin-bottom: 10px; padding: 3px; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		article div.cells div.cell div.overlay { position: absolute; top: 3px; left: 3px; height: 90px; width: 160px; }
		article div.cells div.cell div.overlay:hover { cursor: pointer; background: url(/assets/images/overlay.png) top left no-repeat; }
		article div.cells div.cell p { line-height: normal; margin-bottom: 0px; padding: 0 5px; }
		article div.cells div.cell p.title { font-weight: bold; }
		article div.cells div.cell p.duration { background: #212326; color: #919396; font-size: 0.7em;  padding: 4px 6px 4px 5px; position: absolute; bottom: 3px; left: 3px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
	
	article div#meta { background: #f1f3f6; border: 1px solid #e1e3e6; padding: 10px; }
		article div#meta p.title { color: #919396; font-size: 1.1em; line-height: 1; margin-bottom: 10px; }
		article div#meta p.credit { color: #414346; font-size: 0.75em; font-weight: bold; margin-bottom: 0; }
	
	article div.more { border: 1px solid #e1e3e6; border-top: none; height: 180px; padding: 10px 0 20px 10px; }
		article div.more h2 { padding-left: 10px; }
		article div.more div.cell { float: left; line-height: 0; margin: 5px 24px 5px 10px; width: 168px; }
		article div.more div.cell div.thumbnail { border: 1px solid #d1d3d6; margin-bottom: 10px; padding: 3px; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		article div.more div.cell div.overlay { position: absolute; top: 3px; left: 3px; height: 90px; width: 160px; }
		article div.more div.cell div.overlay:hover { cursor: pointer; background: url(/assets/images/overlay.png) top left no-repeat; }
		article div.more div.cell p { line-height: normal; margin-bottom: 0px; padding: 0 5px; }
		article div.more div.cell p.title { font-weight: bold; }
		article div.more div.cell p.duration { background: #212326; color: #919396; font-size: 0.7em;  padding: 4px 6px 4px 5px; position: absolute; bottom: 3px; left: 3px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
		article div.more div.cell a { border-bottom: none; color: #919396; }
		article div.more div.cell a:hover { color: #a1a3a6; text-decoration: underline; }
			
	article div#player-container { margin-bottom: 30px; }
	article div#player-box { background: #f1f3f6; border: 1px solid #d1d3d6; line-height: 0; margin: 0 auto; padding: 5px; width: 640px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
	article div#player-box object { text-align: center; }
	
	article div#options { border-top: 1px solid #e9ebed; height: 30px; margin-bottom: 20px; padding: 10px; }
		article div#options p { background: #39b54a; float: left; font-size: 0.9em; margin-right: 5px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		article div#options p.active { background: #1c5724; color: #fff; padding: 4px 5px; width: 20px; }
		article div#options a { border-bottom: none; color: #fff; display: block; padding: 4px 5px; width: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		article div#options a:hover { background: #1c5724; color: #fff; }
		
	.page_navigator { background: #fff8ce; border: 1px solid #ffcc99; padding: 5px 10px; text-align: center; border-radius: 2px; }
		.page_navigator p { color: #ce7d47; display: inline; padding: 2px 6px; text-shadow: 0 1px 0 #fff; }
		.page_navigator p.shift_previous { float: left; padding: 2px 0; width: 80px; text-align: left; }
		.page_navigator p.shift_next { float: right; padding: 2px 0; width: 80px; text-align: right; }
		.page_navigator a { color: #ce7d47; border: none; }
		.page_navigator a:hover { border: none; }
		.page_navigator p.active { background: #ce7d47; text-shadow: none; }
		.page_navigator p.active a { color: #fff; }