/*--------------------------------------- General Structure -----------------------------------------*/ #container{ position:relative; border:#ffffff 3px solid; padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:997px; background-color:#FFFFFF; } #header { width:100%; height:132px; margin:0px; padding:0px; background:url(../images/header.gif) right no-repeat #ffffff; border-bottom:#ffffff 3px solid;} *html #header{ height:127px; margin-bottom:-3px; } .hidden {display:none;} #logo { width:238px; height:157px; margin:0px; padding:0px; background:url(../images/logo.gif) no-repeat #ffffff; } #main { width:100%; margin:0px 0px 0px 0px; } #sidebar { width:174px; height:100%; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#ffffff; } #sidebar .sidebar_hp_img{ margin-top:2px; } *html #sidebar .sidebar_hp_img{ margin-top:0px; } *html #sidebar{ margin-top:-1px; } #bottom_nav { margin:3px 0px 0px 0px; } *html #bottom_nav { margin:0px 0px 0px 0px; } *+html #bottom_nav { margin:0px 0px 0px 0px; } .title { background:url(../images/title.jpg) no-repeat left top; padding:10px 0px 10px 13px; height:13px; color:#FFF; font-weight:normal; font-size:1.2em;} #bottom_nav a {display:block; font-size:1.2em; color:#808285 !important; background:#e2e3e4; margin:0px 0px 1px 0px; padding:11px 0px 11px 13px;} *html #bottom_nav a {padding:11px 0px 11px 13px;} #bottom_nav a:hover {color:#606060 !important;} #bottom_nav a span {color:#0f77ab !important; padding-right:5px;} body:last-child:not(:root:root) #bottom_nav a {padding:13px 0px 13px 13px;} #content_main { width:821px; margin:2px -1px 0px 0px; float:right; padding:0px; min-height:100px; height:auto !important; height:100px; position:relative; z-index:10; display:block;} *html #content_main{ margin:0px -2px 0px 0px; } #content { width:594px; float:left; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; } #bottom_blue{ margin:3px 0px 0px 0px; } .bottom_blue {min-height:86px; height:auto !important; height:86px; margin:0px; padding:23px 11px 0px 13px; width:172px; display:block; float:left; background:url(../images/top_corner_blue.jpg) no-repeat top left #86c6eb; } #bottom_margin_zero {margin:0px 0px 0px 0px;} #bottom_middle {margin:0px 3px 0px 3px !important;} .bottom_blue .title { color:#006fa7; border-bottom:1px solid #006fa7; background:none; font-size:1.3em; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px;} body:last-child:not(:root:root) #bottom_blue {margin:-6px 0px 0px 0px;} #sidebar_right { width:223px; height:100%; float:right; margin:0px 0px 0px 0px; padding:0px; background:#e2e3e4;} #slideshow2 ul {backgorund:none; margin:0px; padding:0px;} #slideshow2 ul li {background:none; margin:0px; padding:0px; list-style:none; } #slideshow1 ul {backgorund:none; margin:0px; padding:0px;} #slideshow1 ul li {background:none; margin:0px; padding:0px; list-style:none; } #sidebar_right_wrapper{ margin-top:1px; margin-right:1px; } *html #sidebar_right_wrapper{ margin-top:2px; margin-right:1px; } #sidebar_right_wrapper #sidebar_right{ width:224px; } .purple_title { background:url(../images/purple.jpg) repeat-y left top; padding:10px 60px 10px 13px; height:auto; color:#FFF; font-weight:normal; font-size:1.2em;} #real_time_rates { width:210px; margin:6px auto 11px auto; } .white_td {background:#ffffff;} .blue_title { background:url(../images/blue_title.jpg) repeat-y top left; color:#FFF; padding:10px 40px 10px 13px; font-weight:normal; font-size:1.2em; } .dark_blue_title { background:url(../images/dark_blue_title.jpg) repeat-y top left; color:#FFF; padding:10px 40px 5px 12px; margin:3px 0px 0px 0px; font-weight:bold; font-size:1.4em; } #news {} .news {width:211px; margin:0px auto 0px auto; border-bottom:1px dotted #00a0dd;} #footer { width:100%; background:#919a9e; height:42px; margin:0px 0px 0px 0px; padding:0px; } #footer p { font-size:0.7em; color:#FFFFFF; border:0px;} .clear { clear:both; } /*------------------------------------ Search Results -----------------------------------------------------------*/ .searchresults #result_report {display:block; margin:0px 0px 20px 0px; font-size:14px;} .searchresults a.title {background:none !important; font-size:16px; display:block; padding:0px; margin:3px 0px 0px 0px; font-weight:bold;} .searchresults .description { font-size:13px;} .searchresults .url { font-size:12px; margin-bottom:20px;} /*------------------------------------ Template (standard page layout1) -----------------------------------------------------------*/ #search {background:#808285; width:225px; float:right; height:27px; margin:3px 0px 0px 0px;} *html #search{ height:30px; margin:0px 0px 0px 0px; } #search input {width:160px; color: #808285; display:block; float:left; border:0px; padding:2px 0px 2px 4px; margin:4px 0px 0px 10px; font-size:1.2em;} #search button { display:block; float:left; font-size:1em; margin:4px 0px 0px 4px; border:0px; padding:2px 2px 2px 2px;background:#0D4E92; color:#ffffff;} #sidebar_text {background:#6cbee8; min-height:205px; height:auto !important; height:205px; margin:3px 0px 0px 0px;} *html #sidebar_text{ margin-top:0px; } *+html #sidebar_text{ margin-top:0px; } #sidebar_text p {color:#ffffff; padding:0px 0px 0px 0px; font-size:1.2em; margin:0px 0px 5px 0px; } #side_text { padding:0px 5px 2px 10px; margin:0px auto 0px auto;} body:last-child:not(:root:root) #sidebar_text {min-height:215px; height:auto !important; height:215px; } /*------------------------------------ Template (styled table) -----------------------------------------------------------*/ #history {width:520px; margin:0px auto 0px auto; } #history table { margin-top:-5px; } #content_main #history td.date_tab { vertical-align:top; padding:3px 3px 3px 13px; width:75px; text-align: left; background:#cde5f6; border-bottom:1px solid #e8f1f6; font-size:1em; color:#006fa7;font-weight:bold; } #content_main #history td.text_tab {width:310px; text-align:left; border-bottom:1px solid #e8f1f6; font-size:1em; color:#808285; padding:2px 116px 2px 24px; line-height:12px; } /*------------------------------------ Template (applications div) -----------------------------------------------------------*/ #content_main #applications {padding:0px 10px 0px 10px;} #content_main #applications p { line-height:10pt; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; font-size:11px} #content_main #applications h6 {margin:0px 0px 2px 0px; padding:0px; color:#0099D2; font-size:11px; } #content_main #applications ul {padding:1px 0px 2px 0px !important; margin:0px 0px 0px 0px !important; list-style-type:none; } #content_main #applications li { font-size:11px; padding:1px 0px 0px 10px !important; margin:0px 0px 0px 0px !important; list-style-type:none; background:url("../images/point.jpg") no-repeat left 5px; } #history p {color: #9b9da0 !important;} /*------------------------------------ Template (standard page layout for ) -----------------------------------------------------------*/ #img_holder_left {width:223px; float:left; padding:1px 0px 0px 0px; margin:0px -6px 0px 0px; display:block;} *html #img_holder_left {padding:2px 0px 0px 0px; } #content_right {width:526px; float:left; padding:0px; margin:0px 0px 0px 37px; display:block; } /*------------------------------------ Template (standard page 2) -----------------------------------------------------------*/ #nav_sub { margin-top:3px; } #nav_sub ol {list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #nav_sub ol li {list-style:none; margin:0px 0px 3px 0px; padding:8px 0px 8px 10px; background:#dcddde; display:block; position:relative; } .titlea { font-weight:bold; color:#85878a; display:block; margin-left:-5px;} #nav_sub ol li a { margin:0px; font-size:1.2em; padding:0px; display:block; color:#96989b; padding:2px 0px 0px 9px; margin:0px 0px 0px 0px;} #nav_sub ol li a.selected{ font-weight:bold; color:#006FA7; } #nav_sub ol li a:hover{ color:#606060; } .title_name {color:#ffffff; font-weight:bold; font-size:1.3em; border-bottom:2px solid #ffffff; padding:0px 0px 13px 11px;} #text_holder_left {margin:1px -6px 0px 0px; width:226px; float:left; min-height:413px; height:auto !important; height:413px; padding:0px 0px 0px 0px; display:block;} *html #text_holder_left{ margin-top:2px; } #text_holder_left #title_box{ background:#bcbdc0; height:70px; margin-bottom:3px; } #text_holder_left #side_nav{ background:#bcbdc0; height:347px; } #side_nav { padding:4px 0px 0px 10px;} #content_main #side_nav a { display:block; padding:5px 0px 0px 0px; font-size:1.2em; color:#ffffff; text-decoration:none;} #content_main #side_nav a.selected{ font-weight:bold; color:#006FA7; } #content_main #side_nav a:hover { color:#606060; } #side_nav a span {padding:0px 6px 0px 0px;} #right_column_large {width:580px; float:left; margin:0px 0px 0px 15px; padding:0px 0px 0px 0px;} #right_column_large .page_name_title h6{ font-size:1.4em; display:block; margin-top:35px; margin-bottom:22px; color:#13B5EA; } #right_column_large p {color: #9b9da0;} #side_text a {margin:0px 0px 0px 5px; display:block;} .whiter { color: #ffffff;} .table_blue {border-left:1px solid #9FD5F3;} /*------------------------------------ Standard Template 3 -----------------------------------------------------------*/ #content_middle {width:346px; float:left; margin:3px 0px 0px 17px;} #img_holder_lefte {width:225px; float:left; padding:1px 0px 0px 0px; margin:0px 0px 0px 0px; display:block; } *html #img_holder_lefte{ margin-top:1px; } #content_main #side_content_right { width:224px; height:100%; float:right; margin:1px 1px 0px 0px; padding:0px; min-height:408px; height:auto !important; height:408px; background:#e2e3e4;} *html #content_main #side_content_right { margin-top:2px; margin-right:1px; } #content_main #side_content_right p {color:#5F5F5F; line-height:12pt; margin:10px 10px 10px 10px; font-size:1.1em;} a.pdf {background:url(../images/pdf.gif) no-repeat left; font-size:1em; font-weight:bold; min-height:23px; height:auto !important; height:33px; display:block; padding:10px 0px 0px 40px; } .pdf span {padding:0px 5px 0px 0px;} /*------------------------------------ Template (Organisation Large) -----------------------------------------------------------*/ #content_large {width:972px; margin:0px auto 0px auto; padding:10px 0px 10px 0px; display:block;} /*------------------------------------ Template standard 4 -----------------------------------------------------------*/ .purples_title { background:url(../images/purple_title.jpg) no-repeat left top; padding:10px 0px 10px 13px; height:11px; color:#FFF; font-weight:normal; font-size:1.2em;} *html .purples_title{ margin-bottom:-5px; } *html #bottom_nav2 { margin:0px 0px 0px 0px; } *+html #bottom_nav2 { margin:0px 0px 0px 0px; } #bottom_nav2 { margin:3px 0px 0px 0px; } #bottom_nav2 a {display:block; font-size:1.2em; color:#808285 !important; background:#d8d2e6; margin:0px 0px 1px 0px; padding:13px 0px 13px 10px;} #bottom_nav2 a.selected{ color:#694e93 !important; font-weight:bold; } *html #bottom_nav2 a {padding:12px 0px 12px 13px;} #bottom_nav2 a span {color:#694e93 !important; padding-right:5px;} body:last-child:not(:root:root) #bottom_nav2 a {padding:13px 0px 13px 13px;} #content_three_column {width:795px; display:block; float:left; margin:0px 0px 20px 22px; padding:10px 0px 0px 0px;} #content_column_left {width:248px; float:left;display:block; margin-right:17px;} #content_column_center { width:248px; float:left; display:block; margin-right:17px;} #content_column_right {width:248px; float:right; display:block;} #content_three_column p {font-size:1.1em; color:#9b9da0;} #content_three_column h6 {margin:17px 0px 3px 0px;} #content_three_column h6.grey {margin:3px 0px 3px 0px; color:#999999; } /*------------------------------------ forms -----------------------------------------------------------*/ #content_main #content_textarea {width:464px; min-height:254px; color:#86c6eb; height:auto !important; height:254px; background:#006fa7; padding:50px 65px 0px 65px;} #content_main #content_textarea p {font-size:2em; color:#86c6eb; line-height:1.4em;} #content_main #content_textarea .white {color:#FFF; } #content_main #content_textarea p a {text-decoration:underline; color:#86c6eb; } #content input{ width:294px; border-left:1px solid #a4a6a9; border-right:1px solid #a4a6a9; border-bottom:1px solid #a4a6a9; border-top:5px solid #a4a6a9;} #content select { width:296px; border-left:1px solid #a4a6a9; border-right:1px solid #a4a6a9; border-bottom:1px solid #a4a6a9; border-top:5px solid #a4a6a9;} #content textarea { width:296px; height:100px; border-left:1px solid #a4a6a9; border-right:1px solid #a4a6a9; border-bottom:1px solid #a4a6a9; border-top:5px solid #a4a6a9;} #content .radio { border:0px; width:24px; height:25px; display:block; float:left; margin:-1px 0px 0px 0px;} label.radio_text {margin:4px 0px 0px 0px; padding:0px; display:block; float:left; font-size:1.1em; color: #9b9da0;} label.indent, div.indent {float: left; width: 150px; clear: both; font-size: 12px; line-height: normal; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 0pt; vertical-align:middle; font-weight:bold; font-size:1.1em; color:#9b9da0;} #content form {padding:5px 0px 0px 10px;} #content form p {clear:both;} .radio_span {height:24px; width:24px; display:block; float:left; margin:-1px 10px 0px 10px;} .float_left {width:200px; float:left;} .float_right {width:200px; float:right; margin:0px 30px 0px 0px;} #apprenticeships {width:209px; min-height:105px; height:auto !important; height:105px; position:relative; margin-left:auto; margin-right:auto;} #apprenticeships_click { width:180px; height:20px; position:absolute; bottom:5px; left:10px; font-weight:bold; color:#0071a8; font-size:1.3em;} #apprenticeships_click a {text-decoration:underline;} #vacancy {width:209px; min-height:105px; height:auto !important; height:105px; position:relative; margin-left:auto; margin-right:auto;} #vacancy p {color:#86888b; font-size:1.2em;} .vacancy {margin:0px; padding:0px;} #vacancy a {margin:0px; padding:0px; font-size:1.2em;} #vacancy a span {font-weight:bold; padding-right:5px;} .vacancy p {margin:5px 0px 5px 0px; font-size:1.1em;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav_search { width:758px; height:21px; margin:3px 0px 0px 0px; display:block;float:left; padding:6px 0px 0px 10px; background:url(../images/nav_area.jpg) no-repeat left top;} *html #nav_search{ height:23px; margin-top:-2px; padding-top:10px; } #nav_search a { margin:0px 5px 1px 0px; color:#ffffff; float:left; display:block; font-weight:normal; font-size:1.2em;} #nav_search a span {font-wieght:bold; font-size:1em; padding:0px 0px 0px 7px; color:#0072aa !important; font-weight:bold; } #nav_search a.active {font-weight:bold; font-size:1.4em; margin:-1px 7px 0px 2px; } #nav_search a:hover {color:#eeeeee;} #nav_sidebar {width:162px; margin-top:3px;} #nav_sidebar a {text-decoration:none; display:block; font-size:1.2em; width:100%; background:#dcddde; color:#808285; padding:8px 0px 8px 12px; margin:0px 0px 3px 0px;} #nav_sidebar a:hover {color:#606060 !important;} #nav_sideb #nogoar a:hover {text-decoration:none;} #nav_sidebar a.active, #bottom_nav a.active{color:#006fa7 !important; font-weight:bold; font-size:1.4em;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url(../images/bac.jpg) repeat-x #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.6em;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } /* CSS Document */ img { border:0px; margin:0px; padding:0px; } h1 { font-size:2em; color:#006ea7; font-weight:normal; border-bottom:1px solid #ab9ec8; margin:16px 0px 5px 0px; padding:0px 0px 8px 0px; } h2 { color:#006ea7; font-size:1.7em; font-weight:normal; border-bottom:1px solid #ab9ec8; margin:20px 0px 5px 0px; padding:0px 0px 5px 0px;} h3 { color:#9fa1a4; font-size:1.7em; font-weight:normal; margin:12px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:22px; } h3.option2 { color:#9fa1a4; font-size:1.7em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:22px; } h3.option3 { color:#9fa1a4; font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:22px; } h3.option4 { color:#9fa1a4; font-size:1.6em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:22px; } h4 { color:#ffffff; font-size:1.2em; background:#006fa7; font-weight:normal; margin:0px 0px 5px 0px; padding:10px 0px 10px 12px; } hr {} ul {} ul li { list-style:disc; font-size:1.1em; color:#9b9da0;} ol {} ol li { list-style:decimal; font-size:1.1em; color:#9b9da0;} strong{ font-weight:bold; } address {color:#9b9da0; font-size:1.2em;} sup{ font-size:6px; } /* h5 */ h5 { font-size:1.6em; color:#006fa7; font-weight:bold; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; } #text_holder_left #title_box h5{ font-size:1.4em; font-weight:bold; margin:0px 0px 0px 0px; padding:15px 0px 0px 15px; } /* h6 */ h6 { color:#006ea7; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } #text_holder_left #title_box h6{ font-size:1.4em; margin:0px 0px 0px 0px; font-weight:bold; color:#FFFFFF; padding:3px 0px 0px 15px; } /* p */ #content_main p, #content_three_column p { font-size:1.2em; margin:12px 0px 12px 0px; padding:0px 0px 0px 0px; color:#9b9da0; line-height:18px; } #content_main #sidebar_right .news p {font-size:1em; margin:5px 0px 5px 0px; color:#808285; line-height:13px;} #content_main .bottom_blue p {color:#ffffff; font-size:1.1em; margin:5px 0px 5px 0px; line-height:16px; } #content_full_organisation_chart p{ font-size:1.2em; margin:12px 0px 12px 0px; padding:0px 0px 0px 0px; color:#9b9da0; line-height:18px; } /* a */ a, a:link, a:visited, a:hover, a:active { color: #006ea7; text-decoration:none; } #content_main a{ text-decoration:underline; } #content_main #sidebar .news a {color:#00a0dd; font-size:1em; font-weight:bold;} /* table */ table, caption, tbody, tfoot, thead, tr, th, td { border-collapse: collapse; } #content_main td{ text-align:left; } #content_main #sidebar_right table td, #content_main #sidebar_right table th{ padding:2px;text-align:left; } #content_main #sidebar_right table{ color:#9b9da0; } #content_main #sidebar_right table .dark_blue {background:#13b5ea; color:#ffffff; font-size:1em;text-align: center;} #content_main #sidebar_right table .blue {background:#d7ebf9; text-align: center;} #content_main #sidebar_right table .white { text-align: center;} #content_main #sidebar_right .date { font-size:1.1em; background:#ffffff; width:100%; padding:0px 0px 8px 0px; margin:4px 0px 1px 0px;} #content_main #table table td, #content_main #table table th{ border-right:1px solid #9fd5f3;padding:3px; border-bottom:1px solid #9fd5f3; text-align:left; } #content_main #table table{ color:#9b9da0; } #content_main #table table .dark_blue {background:#13b5ea; color:#ffffff; font-size:1em;} #content_main #table table .blue {background:#d7ebf9; } #content_main #table table .white { } #content_main #sidebar_right table td{ width:auto; } .cogent_table th { background-color: #B7E2F2; color:#006FA7; padding:7px 9px 3px 5px; font-weight:bold; width:65px; } .cogent_table tr { border-bottom: 1px solid #6EC4E5; } .cogent_table td { text-align:left; padding:7px 9px 3px 5px; } .emp_form label.indent { font-weight:normal; } .int_radio input { width:50px !important; } ul.tabbernav li { font-size:0.8em !important; } .emp_form { margin-bottom:3em; } #content_main #side_content_right_contact { width:224px; height:100%; float:right; margin:1px 1px 0px 0px; padding:0px; min-height:408px; height:auto !important; height:408px; background:#0099D2;} *html #content_main #side_content_right_contact { margin-top:2px; margin-right:1px; } #content_main #side_content_right_contact p {color:#FFFFFF; line-height:12pt; margin:10px 10px 10px 10px; font-size:1.1em;} /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */