/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}a{color:#999999}a:hover{color:#000000;text-decoration:none}
body { font:13px Verdana, Arial, Helvetica, sans-serif;*font-size:small;*font:x-small;}
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body { font-family:Verdana, Arial, Helvetica, sans-serif; }


strong { font-weight:bold; }
em { font-style:italic; }
td strong { font-weight:bold; }

div.main { width:800px; margin:0 auto; }
div.top { width:800px; float:left; padding:15px 0px 0px 0px; }
div.middle { width:800px; float:left; padding:0px 0px 0px 0px; }
div.bottom { width:800px; float:left; }

div.top div.breadcrumb { width:595px; font-size:85%; color:#999999; float:left; padding:0px 0px 0px 5px; } 
div.top div.breadcrumb p { color:#999999; font-size:95%; }
div.top div.breadcrumb a { text-decoration: none; }
div.top div.breadcrumb a.selected { font-weight:bold; }
div.top div.breadcrumb a:hover { text-decoration: underline; color:#000000; }
div.top div.search { width:190px; float:right; padding:0px 10px 0px 0px; }
div.top div.search input { font-size:77%; }
div.top div.logo { width:800px; float:left; margin:5px 0px 0px 0px; border-top:2px solid #000000; border-bottom: 1px dotted #CCCCCC; }

div.top div.menu { width:800px; float:left; }
div.top div.menu div.hd,
div.top div.menu div.ft { height:0px; float:left; overflow:none; }

div.top div.menu ul { width:800px; float:left; clear:both; margin-left: 0px;}
div.top div.menu li { float:left; padding: 0px 7px 5px 16px; margin-left: 0px; margin-top:8px; }
div.top div.menu li.last { padding: 0px 0px 5px 16px; }
div.top div.menu li a { color:#777777; display:block; text-decoration:none; margin: 0px 3px 3px 0px; font-size: 88%; font-weight:normal; }
div.top div.menu li a:hover { text-decoration:underline; } 
div.top div.menu li a.selected { color:#000000; text-decoration:underline; font-weight:normal; }
div.top div.menu li a:hover.selected { color:#000000; text-decoration:underline; }

div.top div.menu li.bright_orange { background:url(/image_assets/bullets/bright_orange.jpg) no-repeat top left; }
div.top div.menu li.purple { background:url(/image_assets/bullets/purple.jpg) no-repeat top left; }
div.top div.menu li.cyan { background:url(/image_assets/bullets/cyan.jpg) no-repeat top left; }
div.top div.menu li.green { background:url(/image_assets/bullets/green.jpg) no-repeat top left; } 
div.top div.menu li.orange { background:url(/image_assets/bullets/orange.jpg) no-repeat top left; }
div.top div.menu li.grey { background:url(/image_assets/bullets/grey.jpg) no-repeat top left; }
div.top div.menu li.blue { background:url(/image_assets/bullets/blue.jpg) no-repeat top left; }

div.middle { border-top: 1px dotted #CCCCCC; } 
div.middle div.column_one { width:155px; float:left; padding:0px 10px 0px 0px; } 
/*  */
div.middle div.column_one div.menu { width:155px; float:left; padding:20px 10px 0px 0px; }
div.middle div.column_one div.menu div.hd { width:155px; height:10px; float:left; overflow:hidden; background-image:url(/image_assets/backgrounds/panel_left_hd.jpg); background-repeat:no-repeat; }
div.middle div.column_one div.menu div.bd { width:155px; float:left; background-image:url(/image_assets/backgrounds/panel_left_bd.jpg); background-repeat:repeat-y; }
div.middle div.column_one div.menu div.ft { width:155px; height:6px; float:left; overflow:hidden; background-image:url(/image_assets/backgrounds/panel_left_ft.jpg); background-repeat:no-repeat; }
div.middle div.column_one div.menu h1 { font-size:88%; text-transform:uppercase; padding-bottom:7px; font-weight:bold; padding:0px 10px 10px; }
div.middle div.column_one div.menu ul { list-style-type:none; margin-left:0px; padding:0px 10px 0px 10px; }
div.middle div.column_one div.menu li { font-size:95%; padding:3px 0px 3px 15px; }
div.middle div.column_one div.menu a { color:#666666; text-decoration:none; }
div.middle div.column_one div.menu a:hover { color:#000000; text-decoration:underline; }
div.middle div.column_one div.menu a.selected { color:#000000; text-decoration:underline; }
div.middle div.column_one div.menu a:hover.selected { color:#000000; text-decoration:underline; }
div.middle div.column_one div.submenu ul { margin:5px 0px 8px 15px; padding:0px; }
div.middle div.column_one div.submenu li { font-size:92%; margin:0px; padding:0px 0px 3px 10px; }

div.middle div.column_one div.menu div.sb_bright_orange li { background:url(/image_assets/bullets/tiny_bright_orange.jpg) no-repeat top left; }
div.middle div.column_one div.menu div.sb_purple li { background: url(/image_assets/bullets/tiny_purple.jpg) no-repeat top left; }
div.middle div.column_one div.menu div.sb_cyan li { background: url(/image_assets/bullets/tiny_cyan.jpg) no-repeat top left; }
div.middle div.column_one div.menu div.sb_green li { background: url(/image_assets/bullets/tiny_green.jpg) no-repeat top left; }
div.middle div.column_one div.menu div.sb_orange li { background: url(/image_assets/bullets/tiny_orange.jpg) no-repeat top left; }
div.middle div.column_one div.menu div.sb_grey li { background: url(/image_assets/bullets/tiny_grey.jpg) no-repeat top left; }
div.middle div.column_one div.menu div.sb_blue li { background: url(/image_assets/bullets/tiny_blue.jpg) no-repeat top left; }

div.middle div.column_one div.student_menu { width:155px; float:left; padding:20px 10px 20px 0px; }
div.middle div.column_one div.student_menu div.hd { width:155px; height:10px; float:left; overflow:hidden; background-image:url(/image_assets/backgrounds/panel_left_hd.jpg); background-repeat:no-repeat; }
div.middle div.column_one div.student_menu div.bd { width:155px; float:left; background-image:url(/image_assets/backgrounds/panel_left_bd.jpg); background-repeat:repeat-y; }
div.middle div.column_one div.student_menu div.ft { width:155px; height:6px; float:left; overflow:hidden; background-image:url(/image_assets/backgrounds/panel_left_ft.jpg); background-repeat:no-repeat; }
div.middle div.column_one div.student_menu h1 { font-size:88%; text-transform:uppercase; padding-bottom:7px; font-weight:bold; padding:0px 10px 10px; }
div.middle div.column_one div.student_menu ul { list-style-type: disc; margin-left:16px; padding:0px 10px; }
div.middle div.column_one div.student_menu li { font-size:95%; padding:3px 0px 3px 0px; list-style-image: url(/image_assets/bullets/small_grey.jpg); padding:0px 0px 3px 0px; }
div.middle div.column_one div.student_menu a { color:#666666; text-decoration:none; }
div.middle div.column_one div.student_menu a:hover { color:#000000; text-decoration:underline; }
div.middle div.column_one div.student_menu a.selected { color:#000000; text-decoration:underline; }
div.middle div.column_one div.student_menu a:hover.selected { color:#000000; text-decoration:underline; }
div.middle div.column_one div.student_menu li { font-size:92%; padding:0px 0px 3px 0px; }

div.middle div.column_one div.panel { width:155px; float:left;  padding:0px 0px 20px 0px; }
div.middle div.column_one div.panel input.text { width:100%; }
div.middle div.column_one div.login div.text p { padding:0px 5px 10px 5px; font-family:Arial, Helvetica, sans-serif; font-size:85%; font-weight:normal; }
div.middle div.column_one div.login input.text { width:125px; }
div.middle div.column_one div.login div.bg { height:20px; }
div.middle div.column_one div.login div.bg p { padding-top:2px; text-align:center; font-size:100%; font-weight:bold; }

div.middle div.column_one div.login p.partner { padding-top:5px; }

div.middle div.column_one div.uob { vertical-align: bottom; }
div.middle div.column_one div.uob img { padding: 30px 5px 10px 0px; }
div.middle div.column_one div.uob p { margin: 0px 50px 10px 3px; } 

div.middle div.column_two { width:635px; float:left; margin:0px; padding:0px; } 
div.middle div.column_two div.heading { width:605px; float:left; border-bottom:1px dotted #CCCCCC; margin:20px 0px 0px 0px; padding:0px 10px 20px 10px; }
div.middle div.column_two div.heading div.heading_color_block { width:120px; height:130px; float:left; padding:10px 15px 10px 15px; }
div.middle div.column_two div.heading div.heading_color_block h1 { font-size:142%; font-family:"Times New Roman", Times, serif; font-weight:bold; text-align:right; }
div.middle div.column_two div.heading div.heading_color_block h2 { font-size:132%; font-family:"Times New Roman", Times, serif; font-weight:bold; text-align:right; }
div.middle div.column_two div.heading div.heading_text_block { width:430px; float:left; padding:0px 10px 10px 10px; }
div.middle div.column_two div.heading p { font-size:115%; font-weight:bold; } 

div.middle div.column_two div.heading img.heading { padding:3px 15px 0px 0px; }
div.middle div.column_two div.body { width:460px; float:left; padding:20px 10px 20px 10px; }
div.middle div.column_two div.body div.block { width:460px; float:left; padding:10px 0px 10px 0px; border-bottom:1px dotted #CCCCCC; }
div.middle div.column_two div.body table.box td { padding:5px; }
div.middle div.column_two div.body h1 { font-size:132%; font-weight:bold; padding:0px 0px 10px 0px; }
div.middle div.column_two div.body h2 { font-size:112%; font-weight:bold; padding:0px 0px 10px 0px; }
div.middle div.column_two div.body p { font-size:95%; padding:0px 0px 10px 0px; }
div.middle div.column_two div.body p img { margin:2px 5px 2px 5px; border:1px solid #000000; }
div.middle div.column_two div.body p strong { font-weight:bold; }
div.middle div.column_two div.body ul { list-style-type: disc; margin-left:0px; padding:0px 0px 7px 0px; }
div.middle div.column_two div.body ul li { list-style-type: disc; font-size:95%; margin:0px 0px 0px 20px; padding:0px 0px 3px 0px; }
div.middle div.column_two div.body ol { list-style-type:decimal; margin-left:16px; padding:0px 0px 10px 0px; }
div.middle div.column_two div.body ol li { list-style-type:decimal; font-size:95%; margin:0px 0px 0px 16px; padding:0px 0px 3px 0px; }
div.middle div.column_two div.body a { color:#000000; text-decoration:underline; }
div.middle div.column_two div.body a:hover { color:#000000; text-decoration:none; }
div.middle div.column_two div.body div.news h2 { padding:0px 0px 0px 0px; }
div.middle div.column_two div.body div.news p.date_start { font-size:85%; font-weight:bold; padding:0px 0px 3px 0px; }
div.middle div.column_two div.body div.news p.standfirst { font-size:95%; font-weight:normal; padding:0px 0px 3px 0px; }
div.middle div.column_two div.body div.news p.body { font-size:95%; font-weight:normal; padding:7px 0px 10px 0px; }
div.middle div.column_two div.body div.news p.more { padding:0px 0px 10px 0px; }
div.middle div.column_two div.body div.news img { padding:0px; margin:0px; border:0px; }

div.middle div.column_two div.body table.timetable { border-width:0px 1px 0px 0px; border-style:solid; border-color:#000000; }
div.middle div.column_two div.body table.timetable th { width:18%; font-weight:bold; padding:3px 5px 3px 5px; border-width:1px 0px 1px 1px; border-style:solid; border-color:#000000; }
div.middle div.column_two div.body table.timetable td { width:18%; font-weight:normal; padding:3px 5px 3px 5px; border-width:1px 0px 1px 1px; border-style:solid; border-color:#000000; }
div.middle div.column_two div.body table.timetable th.time { width:10%; }
div.middle div.column_two div.body table.timetable td.time { width:10%; }

div.middle div.column_two div.body p.element_heading { font-weight:bold; font-size:112%; padding:0px; margin:0px 0px 0px 0px; }
div.middle div.column_two div.body p.element_label { font-weight:bold; font-size:100%; padding:0px; margin:0px 0px 0px 0px; }
div.middle div.column_two div.body p.element_introduction { font-size:75%; padding:0px; margin:0px 0px 0px 0px; }
div.middle div.column_two div.body p.element { font-size:75%; padding:0px; margin:0px 0px 10px 0px; }
div.middle div.column_two div.body p.file, p.image { font-size:90%; padding:0px; margin:3px 0px 3px 0px; }
div.middle div.column_two div.body table.form_buttons td { vertical-align:top; }

div.middle div.column_two div.body input.small { width:100px; }
div.middle div.column_two div.body input.medium { width:250px; }
div.middle div.column_two div.body input.large { width:100%; }
div.middle div.column_two div.body textarea.large { width:100%; }
div.middle div.column_two div.body textarea.short { height:100px; }
div.middle div.column_two div.body textarea.tall { height:200px; }

div.middle div.column_two div.body div.notices { padding:0px 0px 10px 0px; }
div.middle div.column_two div.body div.notices h1 { padding:0px 0px 10px 0px; }
div.middle div.column_two div.body div.notices h2 { padding:0px 0px 0px 0px; }
div.middle div.column_two div.body div.notices p.posted_by { font-size:85%; font-weight:bold; padding:0px 0px 3px 0px; }
div.middle div.column_two div.body div.notices p.date_start { font-size:85%; font-weight:bold; padding:0px 0px 3px 0px; }
div.middle div.column_two div.body div.notices p.standfirst { font-size:100%; font-weight:normal; padding:0px 0px 3px 0px; }
div.middle div.column_two div.body div.notices p.body { font-size:100%; font-weight:normal; padding:7px 0px 10px 0px; }
div.middle div.column_two div.body div.notices p.more { padding:0px 0px 10px 0px; }
div.middle div.column_two div.body div.notices img { padding:0px 0px 0px 0px; margin:0px; border:0px; }

div.middle div.column_two div.body div.threads { padding:0px 0px 0px 0px; border-top:1px solid #666666; }
div.middle div.column_two div.body div.thread { padding:10px 0px 0px 0px; border-bottom:1px solid #666666; }
div.middle div.column_two div.body div.thread h1 { padding:0px 0px 10px 0px; }
div.middle div.column_two div.body div.thread h2 { padding:0px 0px 0px 0px; }
div.middle div.column_two div.body div.thread p.thread_name { font-size:100%; font-weight:bold; padding:0px 0px 3px 0px; }
div.middle div.column_two div.body div.thread p.posted_by { font-size:85%; font-weight:bold; padding:0px 0px 3px 0px; }
div.middle div.column_two div.body div.thread p.posts { font-size:85%; font-weight:bold; padding:0px 0px 3px 0px; }
div.middle div.column_two div.body div.thread p.thread_introduction { font-size:100%; font-weight:normal; padding:0px 0px 3px 0px; }
div.middle div.column_two div.body div.thread p.body { font-size:100%; font-weight:normal; padding:7px 0px 10px 0px; }
div.middle div.column_two div.body div.thread p.more { padding:0px 0px 10px 0px; }
div.middle div.column_two div.body div.thread img { padding:0px 0px 0px 0px; margin:0px; border:0px; }

div.middle div.column_two div.body div.threadDetails { padding:0px 0px 0px 0px; }
div.middle div.column_two div.body div.threadDetails img { padding:0px 0px 0px 0px; margin:0px; border:0px; }
div.middle div.column_two div.body div.threadDetails div.thread { border-top:1px solid #8CABAD; border-bottom:1px solid #8CABAD; padding-top:0px; margin-bottom:10px; }
div.middle div.column_two div.body div.threadDetails div.thread th { background-color:#8CABAD; color:#FFFFFF; vertical-align:bottom; }
div.middle div.column_two div.body div.threadDetails div.thread th img { padding-bottom:5px; }
div.middle div.column_two div.body div.threadDetails div.thread p.subject { font-weight:bold; font-size:110%; padding:0px 5px 0px 5px; }
div.middle div.column_two div.body div.threadDetails div.thread p.posted { font-weight:bold; font-size:85%; padding:0px 5px 0px 5px; }
div.middle div.column_two div.body div.threadDetails div.thread p.posted_by { font-weight:bold; font-size:85%; padding:0px 5px 5px 5px; }
div.middle div.column_two div.body div.threadDetails div.thread div.message_body p { font-weight:normal; font-size:100%; padding:10px 5px 10px 5px; }
div.middle div.column_two div.body div.threadDetails div.thread p.file_description

/* Programmes styles */

div.middle div.column_two div.body table.module_output { margin:10px 0px 10px 0px; }
div.middle div.column_two div.body table.module_output td { vertical-align:top; }
div.middle div.column_two div.body table.module_output td strong { font-weight:bold; }
div.middle div.column_two div.body table.module_output td.title { width:80px; }
div.middle div.column_two div.body table.module_output td.info { vertical-align:top; }
div.middle div.column_two div.body img.button { border:0px; margin:0px; padding:0px; }
div.middle div.column_two div.body p.option_group { font-size:110%; font-weight:bold; }

div.middle div.column_two div.body table.programme { width:100%; border:1px solid #000000; margin-bottom:10px; }
div.middle div.column_two div.body table.programme th, div.middle div.column_two div.body table.programme td { padding:3px 10px 3px 10px; }
div.middle div.column_two div.body table.programme td.programme_title { font-size:140%; font-weight:bold; color:#FFFFFF; background-color:#666666; }
div.middle div.column_two div.body table.programme td.programme_levels { font-size:100%; font-weight:bold; color:#FFFFFF; background-color:#666666; border-bottom:1px solid #000000;}
div.middle div.column_two div.body table.programme td.programme_introduction { font-size:100%; font-weight:normal; color:#000000; background-color:#cccccc; padding-top:10px; }
div.middle div.column_two div.body table.programme td.modules { font-size:100%; font-weight:normal; color:#000000; background-color:#cccccc; }
div.middle div.column_two div.body table.programme td.modules ul { padding-bottom:0px; margin-bottom:4px; }

table.pathway { border-width:1px 1px 0px 0px; border-style:solid; border-color:#000000; }
table.pathway th { font-weight:bold; padding:2px; background-color:#CCCCCC; border-width:0px 0px 1px 1px; border-style:solid; border-color:#000000; }
table.pathway td { padding:2px; vertical-align:top; border-width:0px 0px 1px 1px; border-style:solid; border-color:#000000; }

div.middle div.column_two div.body div.block img.photo { margin:3px 15px 5px 0px; border-left:6px solid #000000;} 

div.middle div.column_two div.highlights { width:460px; float:left; padding:10px 10px 20px 10px; }
div.middle div.column_two div.highlights div.highlight { width:460px; float:left; padding:10px 0px 10px 0px; border-bottom:1px dotted #CCCCCC; }
div.middle div.column_two div.highlights div.highlight .img { width:227px; float:left; padding:0px 5px 0px 0px; }
div.middle div.column_two div.highlights div.highlight .text { width:228px; float:left; padding:0px 0px 0px 0px; }
div.middle div.column_two div.highlights div.highlight .text p { font-size:88%; }
div.middle div.column_two div.highlights div.highlight .text p.more { font-size:88%; text-align:right; margin:10px 0px 0px 0px; }
div.middle div.column_two div.highlights div.highlight .text ul li { font-size:88%;list-style-type:disc; margin:0px 0px 0px 15px; }

div.middle div.column_two div.panels { width:142px; float:left; padding:20px 0px 20px 10px; }
div.middle div.column_two div.panels div.panel { width:142px; float:left; padding:10px 0px 10px 0px; }

div.middle div.column_two div.panels div.panel div.hd { width:142px; height:6px; float:left; overflow:hidden; background-image:url(/image_assets/backgrounds/panel_right_hd.jpg); background-repeat:no-repeat; }
div.middle div.column_two div.panels div.panel div.bd { width:142px; float:left; background-image:url(/image_assets/backgrounds/panel_right_bd.jpg); background-repeat:repeat-y; }
div.middle div.column_two div.panels div.panel div.ft { width:142px; height:7px; float:left; overflow:hidden; background-image:url(/image_assets/backgrounds/panel_right_ft.jpg); background-repeat:no-repeat; }

div.middle div.column_two div.panels div.panel div.bg { width:130px; float:left; height:20px; padding:0px 6px;}
div.middle div.column_two div.panels div.panel div.bg p { color:#FFFFFF; height:20px; text-align:center; font-size:85%; font-weight:bold; padding:2px 0px 0px 0px; } 
div.middle div.column_two div.panels div.panel div.text { width:142px; float:left; padding:10px 0px 0px 0px;}
div.middle div.column_two div.panels div.panel div.text p { font-size:85%; padding:0px 10px; }
div.middle div.column_two div.panels div.panel div.text p.headline { font-size:95%; font-weight:bold;}
div.middle div.column_two div.panels div.panel div.text p.date_start { font-size:85%; font-weight:bold;}
div.middle div.column_two div.panels div.panel div.text p.standfirst { font-size:100%; font-weight:normal; padding-bottom:5px; }
div.middle div.column_two div.panels div.panel div.text p img { padding-top:10px; }


div.bottom { border-top:1px dotted #CCCCCC; padding:10px 0px 10px 0px; }
div.bottom div.copyright { width:280px; float:left; }
div.bottom div.links { width:120px; float:left; }
div.bottom div.contact { width:200px; float:left; }
div.bottom div.accessibility { width:200px; float:left; text-align:right;}
div.bottom p { font-size:75%; color:#999999; } 
div.bottom p a { color:#999999; text-decoration:underline; }
div.bottom p a:hover { color:#000000; text-decoration:none; }

p.error { font-weight:bold; color:#FF0000; }
p.message { font-weight:bold; color:#0000FF; }

/* General styles */

.right { text-align:right; } 
.left { text-align:left; }
.hidden { display:none; }
.no_border { border:none; }

/* Background images/styles */

p.golden, div.golden { background-image:url(/image_assets/backgrounds/bright_orange.jpg); background-repeat:no-repeat; } 
p.orange, div.orange { background-image:url(/image_assets/backgrounds/orange.jpg); background-repeat:no-repeat; } 
p.blue, div.blue { background-image:url(/image_assets/backgrounds/blue.jpg); background-repeat:no-repeat; } 
p.cyan, div.cyan { background-image:url(/image_assets/backgrounds/cyan.jpg); background-repeat:no-repeat; } 
p.bright_orange, div.bright_orange { background-image:url(/image_assets/backgrounds/bright_orange.jpg); background-repeat:no-repeat; } 
p.green, div.green { background-image:url(/image_assets/backgrounds/green.jpg); background-repeat:no-repeat; } 
p.grey, div.grey { background-image:url(/image_assets/backgrounds/grey.jpg); background-repeat:no-repeat; } 
p.purple, div.purple { background-image:url(/image_assets/backgrounds/purple.jpg); background-repeat:no-repeat; }