html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 1px dotted #822E6F; background-color: #FFFDD2}
html {background-color: #f0f0f0}
body {line-height: 1.5; background: #f0f0f0; margin: 0}
 table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
 blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
a img {border: none}
strong {font-weight: bold}
button {overflow: visible;  }
button::-moz-focus-inner {border: none;  }
@media screen and (-webkit-min-device-pixel-ratio:0) { button span.wrap {margin-top: -1px}
}
  .container_12, .container {margin-left: auto; margin-right: auto; width: 960px; background-color: #FFF; padding: 0 10px}
 .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display:inline; float: left; margin-left: 10px; margin-right: 10px}
.alpha, .first {margin-left: 0;}
.omega, .last {margin-right: 0}
.grid_12 .grid_12 {margin-left: 0; margin-right: 0}
 .container_12 .grid_1 {width:60px;}
.container_12 .grid_2 {width:140px;}
.container_12 .grid_3 {width:220px;}
.container_12 .grid_4 {width:300px;}
.container_12 .grid_5 {width:380px;}
.container_12 .grid_6 {width:460px;}
.container_12 .grid_7 {width:540px;}
.container_12 .grid_8 {width:620px;}
.container_12 .grid_9 {width:700px;}
.container_12 .grid_10 {width:780px;}
.container_12 .grid_11 {width:860px;}
.container_12 .grid_12 {width:940px;}
 .container_12 .prefix_1 {padding-left:80px;}
.container_12 .prefix_2 {padding-left:160px;}
.container_12 .prefix_3 {padding-left:240px;}
.container_12 .prefix_4 {padding-left:320px;}
.container_12 .prefix_5 {padding-left:400px;}
.container_12 .prefix_6 {padding-left:480px;}
.container_12 .prefix_7 {padding-left:560px;}
.container_12 .prefix_8 {padding-left:640px;}
.container_12 .prefix_9 {padding-left:720px;}
.container_12 .prefix_10 {padding-left:800px;}
.container_12 .prefix_11 {padding-left:880px;}
 .container_12 .suffix_1 {padding-right:80px;}
.container_12 .suffix_2 {padding-right:160px;}
.container_12 .suffix_3 {padding-right:240px;}
.container_12 .suffix_4 {padding-right:320px;}
.container_12 .suffix_5 {padding-right:400px;}
.container_12 .suffix_6 {padding-right:480px;}
.container_12 .suffix_7 {padding-right:560px;}
.container_12 .suffix_8 {padding-right:640px;}
.container_12 .suffix_9 {padding-right:720px;}
.container_12 .suffix_10 {padding-right:800px;}
.container_12 .suffix_11 {padding-right:880px;}
  .clear {clear: both}
.clearblock {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0}
 .clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}
  body {font-size: 81.25%;  color: #333; font-family: Arial, sans-serif}
 h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #111}
h1 {font-size: 2em; margin-bottom: 0.5em; color: #5A0048; font-weight: bold; line-height: 1.2; letter-spacing: -1px;}
h2 {font-size: 1.5em; line-height: 1.125; margin-bottom: 1em; color: #5A0048}
h3 {font-size: 1.2em; font-weight: bold; line-height: 1.25; margin-bottom: 0.25em; color: #5A0048}
h4 {font-size: 1em; font-weight: bold; margin-bottom: 0.25em; color: #5A0048}
h5 {font-size: 1em; font-weight: bold}
h6 {font-size: 1em; font-weight: bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}
 p {margin: 0 0 1.5em}
p.last {margin-bottom: 0}
p img, p img.left {float: left; margin: 0 1.0em 0.5em 0; padding: 0}
p img.right {float: right; margin: 0 0 0.5em 1.0em; padding: 0}
p img.center{ float: none; margin: 0 auto 0.5em auto; padding: 0; display: block;}
img {margin: 0}
a:focus, a:hover {color: #000; text-decoration: underline}
a {color: #910081; text-decoration: none}
#body a {text-decoration: underline}
#body a:hover {background-color: #EFEFEF}
blockquote {margin: 1.5em; color: #666; font-style: italic}
strong {font-weight: bold}
em,dfn {font-style: italic}
dfn {font-weight: bold}
sup, sub {line-height: 0}
abbr, acronym {border-bottom: 1px dotted #666}
address {margin: 0 0 1.5em; font-style: italic}
 pre,code {margin: 1.5em 0; white-space: pre}
tt {display: block; margin: 1.5em 0; line-height: 1.5}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5}
 li ul, li ol {margin:0 1.5em}
ul, ol {margin: 0 1.5em 1.5em 1.5em}
ul {list-style-type: disc; margin-left: 0}
ol {list-style-type: decimal}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em;}
#body ul {margin-left: 1.8em}
#body ol {margin-left: 3em}
 table {margin-bottom: 1.4em}
th {border-bottom: 2px solid #ccc; font-weight: bold; background: #eee}
td {border-bottom: 1px solid #ddd}
th,td {padding: 4px 10px 4px 5px}
tr.even td {background: #eef}
tfoot {font-style: italic}
caption {background: #ffc}
 table .last {padding-right: 0}
 .small {font-size: 85%; margin-bottom: 1.875em}
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em}
.hide {display: none}
.quiet {color: #666}
.loud {color: #000}
.highlight {background:#ff0}
.added {background:#060; color: #fff}
.removed {background:#900; color: #fff}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
del.diffdel {text-decoration: line-through; background-color: #FB8287}
del.diffmod {text-decoration: line-through; background-color: #FFBF00}
del.diffdel img {border: 2px solid #D75357}
ins.diffins {text-decoration: none; background-color: #A3E78D}
ins.diffmod {text-decoration: none; background-color: #FFBF00}
ins.diffins img {border: 2px solid #6BC451}
ins.diffmod img, del.diffmod img {border: 2px solid #FF9000}
 .quote {color: #5A0048;; display: block; padding: 12px 15px 12px 55px; margin-top: 1em; font-size: 115%; line-height: 1.3; font-style: italic; background: #F6F6F6 url("/images/quote.gif") 12px 12px no-repeat}
.callout-left {display: block; float: left; width: 32%; padding: 1%; margin-right: 2%; background-color: #ECECEC; clear: right; font-weight: bold}
.callout-right {display: block; float: right; width: 32%; padding: 1%; margin-left: 2%; background-color: #ECECEC; clear: left; font-weight: bold}
img.right {margin-left: 10px; margin-bottom: 10px}
img.left {margin-right: 10px; margin-bottom: 10px}
p.date {margin: -1em 0 0.5em 0; color: #999; font-weight: bold}
p.return {border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin: 2em 0 1em 0; padding: 3px 6px; font-size: 92%; background-color: #F7F7F7; clear: both}
p.commenting_closed {font-weight: bold; font-size: 92%}
#body p.tags {border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin: 2em 0 2em 0; padding: 3px 6px; font-size: 92%; background-color: #F7F7F7; clear: both}
#body p.return a, #body p.tags a {text-decoration: none}
h3 a {float: right; display: inline; color: #999; font-weight: normal; font-size: 85%}
h3 a:hover {color: #000; text-decoration: none}
h3 a.rss_icon {padding-right: 20px; background: url("/images/rss_icon.png") 100% 50% no-repeat}
  #pre_menu {list-style: none; margin: 0; padding: 0; position: absolute; right: 10px; bottom: 60px}
#pre_menu li {display: inline; font-size: 115%; line-height: 2; border-left: 1px solid #222; padding-left: 10px; margin-left: 9px}
#pre_menu li.first {margin-left: 0; border-left: 0; padding-left: 0}
#pre_menu li a {color: #000; padding-bottom: 2px; border-bottom: 3px solid #FFF}
#pre_menu li a:hover {color: #910081; text-decoration: none; border-bottom-color: #CCC}
#pre_menu li a.active_parent, #pre_menu li a.active {color: #910081; border-bottom: 3px solid #960083}
 #menu {background: url("/images/menu.png") 0 -58px no-repeat; list-style-type: none; margin: 0; width: 100%; float: left; clear: both; z-index: 300; background-color: #ECECEC}
#menu li {position: relative; z-index: 500; display: block; float: left; font-size: 117%; margin: 0; padding: 0; height: 50px; width: 240px}
#menu li.menu_header {width: 240px; height: 50px; margin: 0; padding: 0; background: url("/images/menu.png") 0 -58px no-repeat; border: none}
#menu li.menu_header a {display: block; width: 240px; height: 50px; text-indent: -500px; overflow: hidden; background: none !important; padding: 0 !important; margin: 0 !important; border: none !important}
#menu li.menu_header a:hover {background-color: transparent !important}
#menu li.main a.main_top:focus {background-image: none !important}
#menu li a {display: block; padding: 0 7px; line-height: 1; text-decoration: none; color: #000}
#menu li a:hover {color: #0072a6}
#menu li a.main_top {background: url("/images/menu.png") 0 0 no-repeat; height: 50px; text-indent: -800px; overflow: hidden}
#menu li a.active, #menu li a.active_parent, #menu li a.main_top:hover {background-image: none !important}
#menu li#s_school_leavers a.main_top {background-position: 0 0}
#menu li#s_school_leavers ul {background-color: #8DC51C}
#menu li#s_school_leavers ul li a {border-top: 1px solid #76A605}
#menu li#s_school_leavers ul li a:hover {background-color: #76A605; color: #FFF}
#menu li#s_adult_learners a.main_top {background-position: -240px 0}
#menu li#s_adult_learners ul {background-color: #FC8012}
#menu li#s_adult_learners ul li.menu_header {background-position: -240px -58px}
#menu li#s_adult_learners ul li a {border-top: 1px solid #E06A00}
#menu li#s_adult_learners ul li a:hover {background-color: #E06A00; color: #FFF}
#menu li#s_employers a.main_top {background-position: -480px 0}
#menu li#s_employers ul {background-color: #F357AB}
#menu li#s_employers ul li.menu_header {background-position: -480px -58px}
#menu li#s_employers ul li a {border-top: 1px solid #D23287}
#menu li#s_employers ul li a:hover {background-color: #D23287; color: #FFF}
#menu li#s_international a.main_top {background-position: -720px 0}
#menu li#s_international ul {background-color: #29B4E1}
#menu li#s_international ul li.menu_header {background-position: -720px -58px}
#menu li#s_international ul li a {border-top: 1px solid #0099C4}
#menu li#s_international ul li a:hover {background-color: #0099C4; color: #FFF}
 #menu li a.active, #menu li.main li a.active {color: #000; font-weight: bold}
#menu li a.active_parent, #menu li.main li a.active_parent {color: #0072a6}
 #menu li ul {position: absolute; left: -999em; top: 0; padding: 0 0 7px 0; margin: 0; z-index: 2000; border-top: none; width: 240px; display: none}
#menu li ul li {float: none; padding: 0; margin: 0 8px; font-size: 93%; border: none; width: 224px; height: auto}
#menu li ul li a {display: block; padding: 7px 5px 5px 5px; border-right: none}
 #menu li ul ul {margin: -35px 0 0 100%}
#menu li:hover ul ul, #menu li.hover ul ul {left: -999em !important; display: none}
#menu li:hover ul, #menu li.hover ul, #menu li li:hover ul, #menu li li.hover ul {left: 0 !important; display: block}
 #menu li:hover ul, #menu li.hover ul {left: 0}
 div.submenu ul {list-style: none; margin: 0 0 20px 0}
div.submenu li {line-height: 1.2;  }
div.submenu li a {display: block; padding: 3px 5px 3px 15px; font-size: 108%; color: #333; background: #ECECEC url("/images/arrows.gif") 6px 8px no-repeat; margin: 0 0 1px 0}
div.submenu li a:hover {background-color: #D4D4D4; color: #000; text-decoration: none}
div.submenu li a.active {background: #5A0048 url("/images/arrows.gif") no-repeat; background-position: 6px -292px !important; color: #FFF}
div.submenu li a.active_parent {background: #5A0048 url("/images/arrows.gif") no-repeat; background-position: 5px -446px !important; color: #FFF}
 div.submenu ul ul {margin-bottom: 0; border-bottom: none}
div.submenu ul ul li {margin-bottom: 0; width: 100%}
div.submenu ul ul li.first a {border-top: none}
div.submenu ul ul li a {padding-left: 24px; background-color: transparent; border-top: 1px solid #BBB; background-image: none; margin-bottom: 0}
div.submenu ul ul li a:hover {background-color: #ECECEC}
div.submenu ul ul li a.active {background-color: transparent; background-image: none; color: #4C003B; font-weight: bold}
div.submenu ul ul ul li a {padding-left: 36px}
#related {}
#related h3 {font-size: 120%; font-weight: normal; clear: both; color: #000; border-top:3px solid #B2B2B2; padding-top: 10px; padding-left: 10px}
#related p {margin-left: 10px; line-height: 1.3}
#related ul {list-style: none; margin: 0 0 20px 0; border-top: 2px solid #EFEFEF; float: left; width: 220px}
#related ul.signposts {border-top: none}
#related ul li {line-height: 1.2; font-size: 92%; padding: 5px 0 5px 15px; background: url("/images/arrows.gif") 6px 8px no-repeat; border-bottom: 1px solid #EFEFEF}
#related ul li.mini {float: left}
#related ul li.more {border-bottom: none}
#related ul li img.article_image {float: left; margin-right: 6px}
#related ul li a {font-weight: bold}
#related ul li.active {background-color: #F9F9F9}
#related ul li.active a {color: #000}
#related ul li span.date {color: #999; font-size: 100%}
 #crumb_list {padding: 5px 0; color: #999}
#crumb_list a {text-decoration: none; font-weight: bold}
#crumb_list a:hover {}
#crumb_list span {font-weight: bold}
#skip_to_content {position: absolute; left: -1000px; top: -500px}
 div.pagination {clear: both; width: 100%; border-top: 2px solid #EEE; margin: 0 0 18px 0; padding-top: 16px; font-size: 92%; text-align: center; font-weight: bold; float: left; line-height: 1}
div.pagination .page_position {float: left}
div.pagination a {padding: 3px 5px 3px 5px; text-decoration: none; background-color: #EEE; text-decoration: none !important}
div.pagination a:hover {background-color: #CCC !important; color: #000; text-decoration: none}
div.pagination .current {padding: 3px 5px 3px 5px; background-color: #999; color: #FFF}
div.pagination .item_count {float: left; width: auto; text-align: left}
div.pagination .prev_next {float: right; width: auto; text-align: right}
div.pagination .total_entries {padding-right: 2em; text-align: right}
div.pagination span.disabled {visibility: hidden}
  #header {position: relative; margin-left: -10px; width: 960px; margin: 0 0 5px 0; z-index: 100}
#header #logo {font-size: 2.2em; line-height: 1; margin: 0; font-weight: bold}
#header #logo a {display: block; color: #999; text-decoration: none; width: 200px; height: 139px;   overflow: hidden}
#header #logo a:hover {color: #666}
#header #account_panel {position: absolute; right: 0px; top: 58px; line-height: 1.1; width: 222px}
#header #account_panel a {font-weight: bold}
#header #account_panel span {color: #999; font-size: 85%}
 #banner {margin: 0 0 20px 0; width: 960px; z-index: 20}
#banner_content {float: left; width: 718px; margin: 0 2px 0 0; height: 141px; background-color: #5A0048; border-bottom: 3px solid #5A0048; overflow: hidden}
#banner_content a {display: block}
#home #banner_content {height: 239px; position: relative}
#home #banner_content img {display: block}
#banner_tabs {position: absolute; z-index: 100; right: 4px; bottom: 6px}
.tabs {clear:both; margin-left:330px}
 #banner_tabs a { float:left; margin-top:5px; margin-right:3px; padding: 2px 8px 2px 9px; display:block;  border: 1px solid #d2d1d3; background-color: #626262; color: #fff}
 #banner_tabs a:hover, #banner_tabs a:focus {margin-top:0; text-decoration: none}
 #banner_tabs a.current {margin-top:0; background-color: #79056e}
div.alt, div.flash-replaced {display: none}
 #TTLaunchA {float: right}
#TTLaunchA img {height: 46px; margin-right: 20px}
 div.overlay {padding: 20px; border: 3px solid #5A0048; background-color: #FFF; width: 940px; min-height: 560px; display: none}
 div.overlay div.close {background-image:url("/images/close.gif"); position: absolute; right: 10px; top: 10px; cursor: pointer; height: 16px; width: 16px}
 #body {min-height: 400px; border-top: 3px solid #b2b2b2; padding-top: 15px}
div.content {}
 #news_panel {min-height: 210px}
ul.news_panel {display: block; width: 100%; position: relative; list-style: none; margin: 0; padding: 0}
ul.news_panel li {padding-left: 50%; width: 50%; display: block; line-height: 1.2}
ul.news_panel li span.date {display: block; color: #666; font-size: 92%; border-top: 1px dotted #999; padding-top: 7px}
ul.news_panel li.first span.date, ul.news_panel li.active span.date {border-top-color: transparent}
ul.news_panel li strong {font-size: 110%; padding-right: 10px}
ul.news_panel li a {display: block; padding: 0 0 10px 10px; background-color: #FFF; color: #666; min-height: 43px}
ul.news_panel li a:hover {display: block; background-color: #EFEFEF; text-decoration: none; color: #000}
ul.news_panel li a:hover span.image {display: block; z-index: 100}
ul.news_panel li span.image {position: absolute; width: 230px; height: 159px; left: 0; top: 0; display: none; overflow: hidden; background-color: #EFEFEF; z-index: 10}
ul.news_panel li span.image img {position: absolute; left: 10px; top: 10px; clip: rect(0 210px 140px 0)}
ul.news_panel li.active span.image {display: block}
ul.news_panel li.active a {background-color: #EFEFEF; color: #910081}
ul.events {list-style: none; margin: 0; padding: 0}
ul.events li span.date {display: block; color: #666; font-size: 92%; border-top: 1px dotted #999; padding-top: 7px}
ul.events li a {line-height: 1.4}
ul.events li.first span.date {border-top: none}
 ul.listing {list-style: none; margin: 0 0 20px 0 !important}
ul.listing li {width: 220px; float: left; padding-bottom: 20px; line-height: 1.3}
ul.listing li.first {clear: left; margin-right: 20px}
ul.listing li.last {}
ul.listing li span.image {display: block; overflow: hidden; width: 210px; height: 130px; margin-bottom: 5px; background-color: #CCC; text-align: center}
#body_campus ul.listing li span.image {display: block; overflow: hidden; width: 210px; height: 210px; margin-bottom: 5px; background-color: #CCC; text-align: center}
ul.listing li span.date {text-align: left; display: block; color: #333; font-weight: bold}
ul.listing li strong {color: #750064; font-size: 115%}
ul.listing li span.abstract {color: #999}
ul.listing li a {display: block; padding: 5px; text-decoration: none !important}
ul.listing li a:hover {background-color: #CCC}
ul.listing li a:hover strong {color: #000}
ul.items {list-style: none; margin: 0 0 20px 0; padding: 0; float: left}
ul.items li {clear: both; padding: 10px 0 4px 0; float: left}
ul.items li.last {background-image: none}
ul.items li img {float: left; margin-right: 10px; margin-bottom: 7px}
ul.items li a {font-size: 117%}
 .column {float: left; margin-right: 10px}
 .last {margin-right: 0}
 #video_player {background: #EFEFEF url("/images/fv_video.jpg") 50% 50% no-repeat; height: 259px; display: block; text-indent: -5000px; overflow: hidden}
 p.profiles img {float: left; margin-right: 1px; margin-bottom: 1px}
div.info_panel {margin-top: 62px}
 #footer {clear: both; padding: 10px 0 0 0; margin: 20px 0 0 0; border-top: 1px solid #bebebe; position: relative; color: #555; margin-bottom: 0; background-color: #dedede; width: 960px}
#footer .vcard {font-style: normal; display: inline; float: left; font-size: 120%; color: #6A005C; font-weight: bold; padding-bottom: 10px; line-height: 1.3}
#footer .vcard a {color: #6A005C}
#footer .vcard a:hover {color: #000}
#footer .grid_9 {width: 710px; text-align: right}
#footer ul {list-style: none; margin: 0; text-align: right}
#footer li {display: inline; margin-left: 5px; padding-right: 9px; border-right: 1px solid #CCC; line-height: 1}
#footer li.last {border: none; margin-right: 0; padding-right: 0}
#footer .feedback_link {font-size: 92%}
#footer a {color: #000; text-decoration: none}
#footer a:hover {color: #6A005C}
#footer p.info {text-align: center; color: #999; font-size: 93%; margin: 10px 0 0 0; padding-bottom: 10px; line-height: 1.2; clear: both}
#footer .copyright {clear: both; padding: 10px; background-color: #262626; color: #FFF; line-height: 1.2; position: relative}
#footer .copyright span {margin-bottom: 0; font-size: 85%}
#footer #tictoc {position: absolute; right: 10px; top: 10px; color: #CCC; font-size: 93%}
#footer #tictoc:hover {color: #FFF}
#siteurl {display: none}
  #home h3 {font-size: 120%; font-weight: bold; clear: both; color: #000; border-top:3px solid #B2B2B2; padding-top: 5px; padding-left: 10px}
#home ul.signposts {margin-top: 0}
 div.topic {}
div.topic h2 {margin-bottom: 0}
h1.title {margin-bottom: 0}
h2.title {margin-top: 1em; margin-bottom: 0}
p.topic_by {margin-bottom: 0.5em; color: #999; font-size: 92%; font-weight: bold}
div.preview {padding-bottom: 10px; border-bottom: 2px solid #AAA; margin-bottom: 10px}
#replies {margin: 0; padding-top: 5px; border-top: 2px solid #AAA; list-style: none; clear: both; width: 100%}
#replies li div.by {color: #999; font-size: 92%; font-weight: normal}
#replies li {margin: 0 0 10px 0; padding-top: 0; border-bottom: 1px solid #AAA; clear: both; float: left; width: 100%}
#replies li p {margin-bottom: 0.7em}
#replies li.preview div.by {color: #DB7B2C}
#replies li.preview {background-color: #FCFCFC; padding: 5px 5px 0 5px; width: 408px}
#replies img.avatar {float: left; margin: 0 5px 5px 0}
#replies dt.avatar {width: auto; clear: left}
#replies dd.avatar {min-height: 70px}
 #content {padding: 0 12px; position: relative}
 ol#search_results {margin: 0 0 1em 0; padding-bottom: 1em; list-style: none}
ol#search_results li {padding: 0 0 0.5em 0; margin-bottom: 0.5em; line-height: 1.3}
ol#search_results .highlight {color: #0b4755; font-weight: bold}
ol#search_results em {color: #AAA; font-style: normal; font-size: 95%}
 #sitemap {line-height: 1.6}
#sitemap ul {list-style: none; margin-left: 0}
#sitemap ul ul {margin-left: 20px; list-style: none}
#sitemap li {}
#sitemap li li {font-size: 100%}
#sitemap li.main {font-weight: bold}
#sitemap li.main li {font-weight: normal}
 ul.signposts {list-style: none; margin: 12px 0 0 0}
ul.signposts li {margin: 0 ; padding: 0 0 10px 0 !important; background: none !important; line-height: 1.3}
ul.signposts li strong {color: #666}
ul.signposts li p {margin: 0}
ul.signposts li a {text-decoration: none; font-size: 115%; padding-left: 10px; display: block}
ul.signposts li a img {margin-left: -10px}
ul.signposts li.banner {border-bottom: none !important}
 #course_search {width: 240px; height: 141px; margin: 0; float: left; display: inline; background: #646464 url("/images/find_course_bg.jpg") no-repeat 0 0; color: #FFF; position: relative; border-bottom: 3px solid #000}
#home #course_search {background: #646464 url("/images/home_find_course_bg.jpg") no-repeat 0 0; height: 239px}
#course_search a {color: #CCC; font-size: 110%}
#course_search a:focus {background-color: transparent !important}
#course_search a:hover {color: #FFF; text-decoration: none}
#course_search #department_popup {display: block; padding: 44px 11px 0 14px;  }
#home #course_search #department_popup {padding-top: 111px; height: 60px}
#course_search #department_popup:focus {background-color: transparent !important}
#course_search a strong {font-weight: normal}
#course_search a em {font-style: normal; background: transparent url("/images/arrows.gif") no-repeat 0 -367px; padding-left: 12px; position: absolute; bottom: 10px; left: 14px; z-index: 10}
 div.directory_wrapper {position:relative; margin: 0; padding: 0}
#course_directory { background-image: url("/images/blank.gif")}
#course_directory h2 {color: #DB43B7; margin-bottom: 0.5em}
dl.subject_list {margin-top: 10px}
dl.first {clear: left}
dl.subject_list dt {line-height: 1.3; border-top: 3px solid #999; padding: 3px 0; font-size: 110%}
dl.subject_list dd {margin-left: 0; padding-left: 16px; background: transparent url("/images/arrows.gif") no-repeat 4px -505px}
dl.subject_list dd.profdev {font-weight: bold; background: transparent url("/images/arrows.gif") no-repeat 4px 5px}
dl.subject_list dd.profdev a {color: #931F74}
dl.subject_list dd a {color: #000; text-decoration: none !important}
dl.subject_list dd a:hover {color: #620049; text-decoration: underline !important}
dl.subject_list dd span.biz_link {color: #666}
dl.subject_list dd span.biz_link a {color: #666}
 #course_filter h3 {background: #7B006B url("/images/arrows.gif") no-repeat 7px -445px; padding: 3px 0 3px 20px; color: #FFF; font-size: 100%; font-weight: bold}
#course_filter dl {margin: 0 0 2em 0}
#course_filter dt {background: #ECECEC url("/images/arrows.gif") no-repeat 7px -556px; padding: 2px 2px 2px 20px; margin: 0; color: #6A0058}
#course_filter dd {border-bottom: 1px solid #C0C0C0; margin: 0; padding: 2px 2px 2px 30px; background: transparent url("/images/arrows.gif") no-repeat 20px 8px}
#course_filter dd a {color: #555}
#course_filter dd a:hover {color: #000}
#course_filter dd a.active {font-weight: bold}
 ul.course_listing {margin: 0 0 1em 0 !important; padding: 0; list-style: none}
ol.course_listing {margin: 0 0 1em 2em !important}
.course_listing {background: transparent url("/images/dotted_line.gif") 0 100% repeat-x}
.course_listing li {padding: 1em 0; background: transparent url("/images/dotted_line.gif") 0 0 repeat-x}
.course_listing a {text-decoration: none !important}
.course_listing a.course_title {text-decoration: none !important; font-size: 120%; font-weight: bold}
.course_listing span {color: #CCC}
.course_listing span a {font-size: 92%; font-weight: normal; color: #666}
p.course_listing {background: none}
p.course_listing strong {color: #720054}
p.course_listing span.options {float: right}
h2.course_choice {color: #000; font-weight: bold; padding-bottom: 5px; margin-bottom: 5px; font-size: 110%; background: transparent url("/images/dotted_line.gif") 0 100% repeat-x}
#related ul.subjects {float: none; width: 100%; margin-top: 10px}
#related ul.subjects li {color: #000}
#related ul.subjects a {color: #555}
#related ul.subjects a:hover {color: #000}
p.course_info {padding: 5px 10px; margin: 0 0 10px 0 !important; background-color: #E7E7E7}
p.course_info em {margin-top: 5px; color: #6A0058}
a.apply_for_course {display: block; margin: 5px 0; font-weight: bold; padding: 5px 10px; color: #FFF; background: #D670C4 url("/images/arrows.gif") no-repeat 183px 11px}
#body a.apply_for_course {background-position: 425px 11px}
a.apply_for_course:hover {background-color: #000 !important; text-decoration: none !important; color: #FFF !important}
 fieldset {border: none; padding: 0}
fieldset ul {list-style: none; padding: 0 0 10px 0; margin: 0 !important}
fieldset ul li {padding-bottom: 0}
fieldset input, fieldset select, fieldset textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; border: 2px solid #D7D7D7; padding: 2px; margin: 2px 0 0 0; color: #333333; background-color: #EEE; font-size: 100%}
fieldset textarea {overflow: auto}
fieldset input:focus, fieldset select:focus, fieldset textarea:focus {border-color: #490036; outline: none}
fieldset select {padding: 1px; padding: 2px 1px 2px 0}
fieldset select option {padding: 0 1em 0 2px}
fieldset label {margin-right: 5px; font-weight: bold; display: block; margin-top: 10px; line-height: 1.3}
span.ding {padding-left: 3px; color: #C00000}
fieldset span.note {font-weight: normal; color: #666 !important; margin: 0 1em 0 0; font-size: 92%; display:block}
.required {color: #000 !important}
fieldset label.checkbox_note {font-weight: normal; display: inline; float: none}
.tiny {width: 10% }
input.small, label.small {width: 20%}
.third {width: 31%}
.half {width: 48%}
.two_thirds {width: 67%}
.full {width: 97%}
li.full {width: 100%; clear: both;}
label.tiny, label.small, label.third, label.half, label.two_thirds, label.full {float: left}
fieldset .radio_options {padding-top: 3px; width: 98%}
fieldset p {margin-bottom: 0.5em !important}
#ensure_ham_field {display: none}
 #post_comment input.post_reply {font-weight: bold; float: right; margin-right: 0}
 fieldset.buttons {border: 0px none #CCCCCC; background-color: transparent; margin: 0; padding: 0 0 15px 0}
fieldset.buttons input {cursor: pointer; width: auto; padding: 2px 10px; background-color: #DFDFDF; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #A5A5A5; border-bottom: 1px solid #A5A5A5; margin-right: 15px}
fieldset.buttons input:hover {background-color: #E9E9E9; border-top: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; color: #000}
 fieldset.buttons input.button1 {font-weight: bold}
fieldset.buttons input.button2 {font-weight: normal}
button.button_next, a.button_next {background: #2E2D2D url("/images/button_right.png") 100% 0; padding: 0px 37px 0 6px; color: #FFF; font-weight: bold; cursor: pointer; border: none; font-size: 92%; line-height: 26px; height: 26px; text-decoration: none !important}
button.button_next:hover, a.button_next:hover {background-position: 100% 100%; text-decoration: none !important; color: #FFF !important}
a.button_next {padding: 6px 37px 6px 6px; line-height: 26px}
button.button_previous, a.button_previous {background: #2E2D2D url("/images/button_left.png") 0 0; padding: 0px 37px 0 6px; color: #FFF; font-weight: bold; cursor: pointer; border: none; font-size: 92%; line-height: 26px; height: 26px; text-decoration: none !important}
button.button_previous:hover, a.button_previous:hover {background-position: 0 100%; text-decoration: none !important; color: #FFF !important}
a.button_previous {padding: 6px 6px 6px 37px !important; line-height: 26px}
 #fstabs {height: 25px; clear: right; border-bottom: 2px solid #DEDEDE; margin-top: 5px}
#fstabs a {background-color: #F0F0F0; background-repeat: no-repeat; padding: 4px 10px 0 10px; margin-right: 1px; height: 21px; font-weight: bold; float: left; width: auto; font-size: 11px}
#fstabs a:hover {text-decoration: none; background-color: #DEDEDE}
#fstabs a.active {background-color: #DEDEDE; color: #484848}
 #search_form {padding: 10px; margin: 0; text-align: right; background-color: #ECECEC; float: right; width: 220px; display: inline}
#search_form label {display: inline; font-weight: normal; margin: 0; cursor: pointer}
#search_field {width: 140px; margin: 0; background-color: #FFF; border: 1px solid #999}
#search_field:focus {border-color: #CCC}
#search_button {cursor: pointer; margin: 0; background: none; border: none; padding: 0; vertical-align: top; height: 20px}
#search_button span {text-indent: -200px; display: block; overflow: hidden; width: 16px; height: 20px; background: transparent url("/images/search_button.gif") no-repeat 50% 50%}
#course_search_form {padding: 0; margin: 0; text-align: left; clear: both;       }
#body #course_search_form { }
#course_search_form label {display: inline; font-weight: bold; margin: 0; cursor: pointer}
#course_search_field {width: 140px; margin: 0; background-color: #EAEAEA; border: 1px solid #999}
#course_search_field:focus {border-color: #CCC}
#course_search_button {cursor: pointer; margin: 0; background: none; border: none; padding: 0; vertical-align: top; height: 20px}
#course_search_button span {text-indent: -200px; display: block; overflow: hidden; width: 16px; height: 20px; background: transparent url("/images/search_button.gif") no-repeat 50% 50%}
 #notice {background-color: #bae68f; padding: 7px 14px; margin: 10px 0}
#notice p {font-weight: bold; margin: 5px 0; font-size: 100%}
.error {font-weight: bold; color: #DF226A}
em.field_error input, em.field_error textarea, em.field_error select {background-color: #F3E9E9; border-color: #B72222; font-style: normal}
fieldset.application em.field_error label.wrap_label {color: #B72222 !important}
fieldset.questionnaire {margin-bottom: 2em}
fieldset.questionnaire label {display: inline}
fieldset.questionnaire ul {margin-bottom: 2em}
fieldset.questionnaire li {margin-bottom: 0.2em}
 .fieldWithErrors {display: inline}
.fieldWithErrors input, .fieldWithErrors textarea {border: 1px solid #DF226A; background-image: url("/images/alert.gif"); background-repeat: no-repeat; background-position: 100% 3px}
#errorExplanation, #error {padding: 9px; margin: 9px 0; background-color: #B72222; color: #FFFFFF}
#errorExplanation h2 {color: #FFF; font-size: 13px; font-weight: bold; display: none}
#errorExplanation p , #error p {font-size: 100%; margin-bottom: 0; font-weight: bold; color: #FFCD38}
#errorExplanation ul {margin: 0}
#errorExplanation ul li {font-size: 100%; list-style: square; margin-left: 1em}
 #stages {margin: 0 0 20px 0; width: 960px; z-index: 20; height: 142px; background: url("/images/application_bg.jpg") no-repeat 0 0; border-bottom: 3px solid #5B0048}
#body_booking #stages, #body_vacancy_application #stages, #body_commercial_application #stages {background-image: url("/images/application_bg_plain.jpg")}
#stages ol {list-style: none; margin: 0 14px}
#stages li {float: left; margin: 20px 2px 0 0; width: 114px; line-height: 1}
#stages li strong {font-size: 2em; display: block; border-bottom: 2px solid #5D2151; padding: 10px 0; color: #5D2151}
#stages li em {margin-top: 10px; font-style: normal; font-weight: bold; font-size: 115%; display: block; padding-right: 20px; color: #5D2151}
#stages li.active strong {border-bottom: 2px solid #FFF; color: #FFF}
#stages li.active em {color: #FFF}
#stages li a, #stages li a strong, #stages li a em {color: #CC94C1}
#stages li a strong {border-bottom-color: #CC94C1}
#stages li a:hover {text-decoration: none}
#stages li a:hover strong {color: #FFF; border-bottom-color: #FFF}
#stages li a:hover em {color: #FFF}
p.clear_courses {}
p.clear_courses a {font-size: 92%; text-decoration: none !important; color: #999}
div.panel {background: url("/images/gradient_bg.jpg") 0 0 repeat-x; padding: 20px 10px 0 10px; width: 209px !important; margin-right: 2px; min-height: 250px}
 fieldset.application {margin-bottom: 2em}
fieldset.application h3 {display: block; background-color: #A2A2A2; color: #FFF; padding: 5px; font-weight: bold; font-size: 100%}
fieldset.application h4 {padding: 5px; border-bottom: 2px solid #A2A2A2; margin-top: 2em; font-weight: bold; font-size: 100%}
fieldset.application p {margin: 0 5px 1em 5px}
fieldset.application li {margin-left: 150px; position: relative; border-bottom: 1px solid #EEE; padding-bottom: 5px; margin-bottom: 3px}
fieldset.application label {left: -145px; position: absolute; width: 140px; margin: 0; padding-top: 7px; color: #666}
fieldset.application label.wrap_label {position: relative; left: auto; width: auto; display: inline; padding: 0 20px 0 0}
fieldset.application input { }
fieldset.application p.undo {display: none; margin: 0}
fieldset.application p.undo a {display: block; text-decoration: none !important; font-weight: bold; padding: 3px 5px; background-color: #FFA400; color: #000}
#body fieldset.application p.undo a:hover {background-color: #B94CA2 !important; color: #490036}
fieldset.application fieldset a.remove, fieldset.application label.remove {position: absolute; left: auto; right: 15px !important; top: 13px; text-decoration: none !important; font-size: 92%; font-weight: bold; color: #666; text-align: right;  }
fieldset.application fieldset a.remove {display: none}
fieldset.application fieldset a.remove:hover {background-color: transparent; color: #D41F1F}
fieldset#qualifications {margin-bottom: 5px}
fieldset.application fieldset {position: relative; display: block; padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px dotted #999}
fieldset.application fieldset ul {background: #EFEFEF; padding: 10px}
fieldset.application fieldset input, fieldset.application fieldset textarea, fieldset.application fieldset select {background-color: #FFF}
a.add_item {font-weight: bold; font-size: 92%; text-decoration: none !important}
strong.label {left: -145px; position: absolute; width: 140px; margin: 0; color: #000}
 #processing_order {text-align: center; display: none}
#processing_order strong {display: block}
#order_billing_country_id {width: 97%}
 #secureframe {width: 940px; height: 450px; border: 1px solid #CCC; background: #EFEFEF url("/images/3dsecureframebg.gif") 50% 50% no-repeat}
 #calendar {margin-bottom: 20px}
table.calendar {width: 100%; margin-bottom: 0; background: #ECECEC}
table.calendar thead th {padding: 0; border: none; color: #FFF; background: #5B0048; font-size: 85%; font-weight: bold; text-align: center}
table.calendar thead th.month_controls {font-size: 110%}
.mini table.calendar thead th.month_controls {font-size: 100%}
table.calendar thead th span.previous_month {float: left}
table.calendar thead th span.next_month {float: right}
table.calendar thead th.month_controls {padding: 4px 5px}
table.calendar thead th.month_controls a {padding: 2px 5px; color: #CCC; text-decoration: none !important}
table.calendar thead th.month_controls a:hover {background-color: #983C84 !important; color: #FFF}
table.calendar thead span.monthName {}
table.calendar thead tr.dayName th {background-color: transparent; color: #5B0048}
table.calendar abbr {border: none}
table.calendar td {font-size: 92%; text-align: left; border: none; border-right: 1px solid #CCC; border-top: 1px solid #CCC; padding: 4px; vertical-align: top; width: 14%; height: 7em}
.mini table.calendar td {text-align: center; border-top: none; padding: 2px; height: auto}
table.calendar td.d_sun {border-right: none}
table.calendar td.otherMonth {color: #AFAFAF}
.mini table.calendar a.num {display: block; padding: 3px; text-decoration: none !important; background-color: #FFAC34; color: #FFF; font-weight: bold}
.mini table.calendar a.num:hover {background-color: #9B4B8A !important; color: #FFF}
.max table.calendar span.num {text-decoration: none !important; color: #333; float: right; padding: 0; margin: 0; font-weight: bold}
table.calendar td.today {background-color: #9FCAD7}
.mini table.calendar td.today {background-color: #00A7DC; color: #FFF}
.mini table.calendar td.today a {background-color: transparent; color: #FFF}
 .mini table.calendar span.event_details {display: none; background-color: #490036; padding: 0 3px 1px 3px; width: 150px}
.mini table.calendar span.event_details a {background-color: #D99FCD}
.mini table.calendar span.event_details span.nub {display: block; margin: 0; width: 100%; text-align: center; background: transparent url("/images/up_arrow.gif") center 0 no-repeat; position: relative; top: -3px; overflow: hidden; height: 3px}
table.calendar span.event_details {text-align: left; float: left; display: block; position: relative}
table.calendar span.event_details span.nub {display: none}
table.calendar span.event_details a {text-decoration: none !important; display: block; background-color: #FFAC34; margin-bottom: 2px; padding: 2px 4px; font-size: 92%; line-height: 1.3; color: #000}
table.calendar span.event_details a:hover {background-color: #9B4B8A !important; color: #FFF}
  #body_training #body h1, #body_training #body h2, #body_training #body h3, #body_training #body h4, #body_training #body .quote {color: #5F4588}
#body_training div.submenu li a.active, #body_training div.submenu li a.active_parent {background-color: #5F4588}
#body_training div.submenu li a {background-position: 6px 8px}
#body_training #body a {color: #5F4588}
#body_training #body a:hover {color: #000}
#body_work_based_learning #body h1, #body_work_based_learning #body h2, #body_work_based_learning #body h3, #body_work_based_learning #body h4, #body_work_based_learning #body .quote {color: #7EAA58}
#body_work_based_learning div.submenu li a.active, #body_work_based_learning div.submenu li a.active_parent {background-color: #7EAA58}
#body_work_based_learning div.submenu li a {background-position: 6px -52px}
#body_work_based_learning #body a {color: #7EAA58}
#body_work_based_learning #body a:hover {color: #000}
#body_pd #body h1, #body_pd #body h2, #body_pd #body h3, #body_pd #body h4, #body_pd #body .quote {color: #267CCA}
#body_pd div.submenu li a.active, #body_pd div.submenu li a.active_parent {background-color: #267CCA}
#body_pd div.submenu li a {background-position: 6px -232px}
#body_pd #body a {color: #267CCA}
#body_pd #body a:hover {color: #000}
#body_consultancy #body h1, #body_consultancy #body h2, #body_consultancy #body h3, #body_consultancy #body h4, #body_consultancy #body .quote {color: #D57E21}
#body_consultancy div.submenu li a.active, #body_consultancy div.submenu li a.active_parent {background-color: #D57E21}
#body_consultancy div.submenu li a {background-position: 6px 8px}
#body_consultancy #body a {color: #D57E21}
#body_consultancy #body a:hover {color: #000}
 #menu {background: url("/images/biz_menu.png") 0 -58px no-repeat}
#menu li.menu_header {background: url("/images/biz_menu.png") 0 -58px no-repeat}
#menu li a.main_top {background: url("/images/biz_menu.png") 0 0 no-repeat}
#menu li#s_training a.main_top {background-position: 0 0}
#menu li#s_training ul {background-color: #9881B8}
#menu li#s_training ul li a {border-top: 1px solid #664A91}
#menu li#s_training ul li a:hover {background-color: #664A91; color: #FFF}
#menu li#s_work_based_learning a.main_top {background-position: -240px 0}
#menu li#s_work_based_learning ul {background-color: #7DA957}
#menu li#s_work_based_learning ul li.menu_header {background-position: -240px -58px}
#menu li#s_work_based_learning ul li a {border-top: 1px solid #618E3A}
#menu li#s_work_based_learning ul li a:hover {background-color: #618E3A; color: #FFF}
#menu li#s_pd a.main_top {background-position: -480px 0}
#menu li#s_pd ul {background-color: #2478C4}
#menu li#s_pd ul li.menu_header {background-position: -480px -58px}
#menu li#s_pd ul li a {border-top: 1px solid #0065AF}
#menu li#s_pd ul li a:hover {background-color: #0065AF; color: #FFF}
#menu li#s_consultancy a.main_top {background-position: -720px 0}
#menu li#s_consultancy ul {background-color: #D99036}
#menu li#s_consultancy ul li.menu_header {background-position: -720px -58px}
#menu li#s_consultancy ul li a {border-top: 1px solid #C77319}
#menu li#s_consultancy ul li a:hover {background-color: #C77319; color: #FFF}
 #course_search {background: #6B1A54 url("/images/biz_find_course_bg.png") no-repeat 0 0; border-bottom: none; height: 144px}
#course_search #department_popup {padding-top: 60px}
#course_search a strong {visibility: hidden}
#home #course_search {background: #6B1A54 url("/images/biz_find_course_bg.png") no-repeat 0 0; height: 242px}
#home #course_search a strong {visibility: visible}
#home #course_search a:hover {color: #FFF}
 p.testimonial {display: block; padding-left: 240px; position: relative}
p.testimonial span.testimonial_image {position: absolute; left: 0; top: 0; width: 220px; height: 150px; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-color: #EFEFEF}
p.testimonial span.testimonial_abstract {font-weight: bold; color: #999}
#video_player {background: #EFEFEF url("/images/biz_video.jpg") 50% 50% no-repeat; height: 259px; display: block; text-indent: -5000px; overflow: hidden}
#home_panel #video_player {height:190px; margin-bottom:20px}
#home_panel #text_panel{ width:360px; float:left}
#home_panel #video_panel{ width:330px; float:right}
#home_panel h3 a{ line-height:1.7em}