@charset "UTF-8";
/* CSS Document */

/* presentation */

html, body {
	width:100%;
overflow-x: hidden;
}

body {
	font-family: Arial, Verdana, sans-serif;
	font-size:medium;
	color:#000000;
	margin-top:0px;
	background:#000;
	text-align: center;
}
a {
text-decoration:none;
font-weight:bold;
}
 a:link,  a:visited {
 color:#046382;
}
a:hover,  a:active {
color:#4f070e;
text-decoration:underline;
}
h1 {
margin:0 0 0 18px;
}

h3{
margin:0;
padding: 0;
text-transform: uppercase;
}

h6{
margin:0;
padding: 0;
font-size: 110%;
font-weight: bold;
}


/* layout */

#shell {
	background-color: #FFF;
	padding: 0 20;
	width: 978px;
	margin: 0 auto;
}
	

#wrapper {
font-size:70%;
width:938px;
margin: 0 auto;
background-color:white;
text-align: left;
overflow:hidden;
}
.column_5 {
width:938px;
float:left;
margin:0;
}
.column_4 {
width:748px;
float:left;
margin:0 12px 0 0;
}
.column_4b {
width:748px;
float:left;
margin:0;
}
.column_3 {
width:558px;
float:left;
margin:0;
}

.column_3_content {
width:558px;
float:left;
margin:0;
}

.column_2 {
float:left;
width:368px;
margin:0
}
.column_1 {
width:178px;
float:left;
margin:0;
padding:0;
}

.column_1_search {
width:178px;
float:left;
margin:0;
padding:0;
}

.column_1_enquiry {
margin: 0px 0px 0px 12px;
width:138px;
float:left;
padding:0;
}

.column_1_newsletter{
margin: 0px 0px 0px 12px;
width:150px;
float:right;
padding:0;
}
/*-------------------------header-------------------------*/
#header {
float:left;
width:100%;
background:#65090c url(/public/images/bh_header.gif) left bottom no-repeat;
margin-bottom:28px;
}
#header h1 {
float:left;
}
#header h1 a img {
border:none;
}
#navigation_main {
float:right;
margin-right:14px;
margin-top: 40px;
}
#navigation_main ul {
margin:0;
padding:0;
overflow:auto;
}
#navigation_main ul li {
display:inline;
list-style:none;
margin-right: 22px;
vertical-align:bottom;
}
#navigation_main ul li a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
/*-------------------------end of header-------------------------*/

/*-------------------------banner---------------------------------*/
#banner {
	width:938px;
	height:265px;
	float:left;
	margin:0 0 35px 0;
	overflow:hidden;
}
/*-------------------------end of banner-------------------------*/

/*-------------------------services---------------------------------*/
#our_services_header {
width:100%;
height:26px;
text-indent:-5000px; overflow: hidden;
background:url(/public/images_cms/our_services_header.gif) left top no-repeat;
margin:0 0 22px 0;
overflow:hidden;
}
#our_services_navigation_horizontal {
width:749px;
height:151px;
overflow:hidden;
}

a.mainlevelservicesmenu:link, a.mainlevelservicesmenu:visited, a.mainlevelservicesmenu:hover, a.mainlevelservicesmenu:active {
padding-right: 9px;
overflow:hidden;
}
/*-------------------------end of services-------------------------*/
/*-------------------------search_area---------------------------------*/
#search_area {
width:178px;
height:26px;
background: url(/public/images_cms/header_dots_bg.jpg) left top repeat-x;
margin:0 0 22px 0;
float:left;
}
.search_box_text {
margin:2px 0 0 0;
overflow:auto;
}
/*-------------------------end of search_area-------------------------*/

/*-------------------------login_area---------------------------------*/
#login_area_container {
width:178px;
float:left;
}
#login_area_container h2 {
margin:0 0 1px 0;
}
#login_area {
background:#e6e6e6;
padding:7px 10px 7px 10px;
min-height:110px;
width:158px;
}
#login_area_container h2 {
width:100%;
height:26px;
text-indent:-5000px; overflow: hidden;
background: url(/public/images_cms/login_header_bg.gif) left top no-repeat;
margin:0 0 1px 0;
}
#login_link {
float:left;
margin-top:5px;
}
.user_name_input {
width:150px;
padding:0;
}
/*-------------------------end of login_area-------------------------*/
/*-------------------------open programmes------------------------*/
#open_programmes_header {
width:100%;
height:26px;
text-indent:-5000px; overflow: hidden;
background:url(/public/images_cms/open_programmes_header.gif) left top no-repeat;
margin:0 0 22px 0;
}
/*-------------------------end of open programmes---------------*/

/*-------------------------section titles------------------------*/


/*-------------------------end of section titles---------------*/
/*-------------------------latest blog------------------------*/
#latest_blog_header {
width:100%;
height:26px;
text-indent:-5000px; overflow: hidden;
background: url(/images_cms/latest_blog_header.gif) left top no-repeat;
margin:0 0 22px 0;
}
#podcast_header {
width:100%;
height:26px;
text-indent:-5000px; overflow: hidden;
background:url(/public/images_cms/podcast_header.gif) left top no-repeat;
margin:0 0 22px 0;
}
#video_header {
width:100%;
height:26px;
text-indent:-5000px; overflow: hidden;
background:url(/public/images_cms/video_header.gif) left top no-repeat;
margin:0;
}

.latestblog_title {
text-transform: uppercase;
font-size: 100%;
}
/*-------------------------end of latest blog---------------*/

/*-------------------------newsletter------------------------*/
#newsletter_holder {
padding-bottom:10px;
background:transparent url(/public/images_cms/dotted_bottom.gif) left bottom repeat-x;
}
#newsletter {
width:178px;
height:215px;
margin:0;
background:#25515c url(/public/images_cms/newsletter.gif) left top no-repeat;
position:relative;
}
#newsletter a {
position:absolute;
left:10px;
bottom:10px;
padding-left:10px;
background:transparent url(/public/images_cms/arrow-newsletter.gif) left 50% no-repeat;
font-weight:normal;
color:white;
}
#newsletter a:link, #newsletter a:visited {
text-decoration:none;
}
#newsletter a:hover, #newsletter a:active {
text-decoration:underline;
}
/*------------------------end of newsletter-----------------*/
/*-------------------------search------------------------*/


#search_container {
width:178px;
float:left;
padding-bottom:10px;
background:transparent url(/public/images_cms/dotted_bottom.gif) left bottom repeat-x;
}

#search {
background:#e6e6e6;
padding:7px 10px 7px 10px;
min-height:110px;
width:158px;
}

#search_container h2 {
width:100%;
height:26px;
text-indent:-5000px; overflow: hidden;
background: url(/public/images_cms/search_header.gif) left top no-repeat;
margin:0 0 1px 0;
}

#search a {
font-weight:normal;
color:white;
}
#search a:link, #search a:visited {
text-decoration:none;
}
#search a:hover, #search a:active {
text-decoration:underline;
}
/*------------------------end of search-----------------*/
/*-------------------------social------------------------------*/
#social {
margin:0;
overflow:auto;
}
#social a {
margin-top:10px;
float:left;
}
#social a img {
border:none;
}
/*-------------------------end of social---------------------*/
/*-------------------------advert------------------------------*/
#advert {
margin:0;
}

#advert a img {
border:none;
}
/*-------------------------end of advert---------------------*/
/*-------------------------social area-----------------------*/
.social_area {
	float:left;
	margin-top:10px;
	text-align:right;
	overflow:auto;
}

.social_area_home {
	float:left;
	text-align:right;
} 
.social_area img {
	border:none;
	
}

.copyright_info {
float:left;
padding-top:10px;
font-size:10px;
color: #b4b4b4;
}

.socialbookmarks {
float: right;
overflow:auto;
}


/*-------------------------end of social area-----------------*/

/*-------------------------video-----------------------*/
.video_thumb_container {
background-color:#e6e6e6;
padding-top:10px;
}
.video_thumb_container h3 {
width:168px;
padding:0 0 10px 10px;
text-transform: none;

}
.video_description {
padding:0 10px 10px 10px;
}
.more_link {
text-align:right;
margin-top:-1em;
}

#videolink a img {
	border: none;
}

/*-------------------------end of video-----------------------*/

/*-------------------------footer------------------------------*/
#footer {
float:left;
width:100%;
padding-top:15px;
margin-bottom:15px;
margin-top:10px;
background:transparent url(/public/images_cms/footer_top_bg.gif) left top repeat-x;
}
#footer ul {
list-style-type:none;
margin:0;
padding:0;
}
#footer ul li {
display:inline;
padding-right:5px;
padding-left:5px;
background:url(/public/images_cms/vert_line.gif) right center no-repeat;
}
#footer ul .no_padding_left {
padding-left:0;
}
#footer ul .no_background {
background-image:none;
}
#footer ul li a {
font-weight:normal;
}
#footer ul li a:link, #footer ul li a:visited {
color:black;
text-decoration:none;
}
#footer ul li a:hover, #footer ul li a:active {
text-decoration:underline;
}
/*-------------------------end of footer----------------------*/

/*-------------------------enquire form----------------------*/

#enquire_form {
background:  #e6e6e6; 
margin:0;
padding: 0;
float:left;
}
#enquire_text {
display:block;
color:white;
background-color:#1d1d1d; 
padding:10px;
}

#enquire_field {
padding:10px;
}

.enquire_input_holder {
margin: 5px 0;
  float: left;
  clear: both;
}

.enquire_input_holder_right {
margin: 5px 0;
text-align: center;
  clear: both;

}

.enquire_input {
width:146px;
}

.enquire_input_text {
width:146px;
height:200px;
}

#enquire_form label.error {
	display: block;
	color: #c92323;
	font-style: italic;
	font-weight: bold;
	margin: 0px;
	position: relative;
}

#enquire_form input.error {
	border: 2px solid #c92323;
	background-color: #FFFFD5;
	margin: 0px;
	color: #c92323;
}

#enquire_form label {
  position: absolute; 
  padding: 4px; /* input padding (3px) + border (1px) */
  color: #413a3a;
}
#enquire_form input, textarea, select {
  color: #413a3a;
  border: 1px solid black;
  position: relative;
  margin: 0;
  border-width: 1px;
  padding: 3px;
  background: transparent;
  width: 146px;
}

#enquire_form select {
	color: #e6e6e6;
}

#enquire_form .button {
  border: 1px solid black;
   background-color:#666666;
   color: #fff;
    width: 154px;
	display:block;
}
#enquire_form input, textarea, select, label {
  font: inherit;
}

.contactForm {
	width: 175px;
}

 .asterix
{
	font-weight: bold;
	font-size: 17px;
}

.asterix-error
{
	color: #c92323;
	font-weight: bold;
	font-size: 17px;
}
.contact-error 
{
	color: #c92323;
}
/*-------------------------end of enquire form--------------*/
/*-------------------------vertical navigation lists------------------------*/
ul#verticalnav {
list-style-type:none;
margin:0;
padding:0;
}
ul#verticalnav .margin_top0 {
margin-top:0;
}
ul#verticalnav li {
list-style-type:none;
margin-top:1em;
padding-left:6px;
}
ul#verticalnav li a {
padding-left:12px;
font-weight:normal;
}
ul#verticalnav li a:link, ul#verticalnav li a:visited {
background:transparent url(/public/images_cms/arrow_list.gif) left 50% no-repeat; 
}
ul#verticalnav li a:hover, ul#verticalnav li a:active {
background:transparent url(/public/images_cms/arrow_list_hover.gif) left 50% no-repeat;
color: #64080c;
text-decoration: underline;
}
/*-------------------------end of vertical navigation lists---------------*/
/*-------------------------headers for subpages -----------------------*/
.header_2_colums {
color:#563701;
margin:0 0 1em;
text-transform: uppercase;
}

.page_content_header {
color:#563701;
margin:0 0;
text-transform: uppercase;
}

#training_programmes_header {
height:26px;
text-indent:-5000px; overflow: hidden;
background:url(/public/images_cms/training_programmes_header.gif) left top no-repeat;
margin:0 0 15px 0;
}
#careers_header {
height:26px;
text-indent:-5000px; overflow: hidden;
background:url(/public/images_cms/careers_header.gif) left top no-repeat;
margin:0 0 15px 0;
}
#public_relations_header {
height:26px;
text-indent:-5000px; overflow: hidden;
background:url(/public/images_cms/public_relations_header.gif) left top no-repeat;
margin:0 0 15px 0;
}
#digital_media_header {
height:26px;
text-indent:-5000px; overflow: hidden;
background:url(/public/images_cms/digital_media_header.gif) left top no-repeat;
margin:0 0 15px 0;
}
#contact_us_header {
height:26px;
text-indent:-5000px; overflow: hidden;
background:url(/public/images_cms/contact_us_header.gif) left top no-repeat;
margin:0 0 15px 0;
}
#about_us_header {
height:26px;
text-indent:-5000px; overflow: hidden;
background:url(/public/images_cms/about_us_header.gif) left top no-repeat;
margin:0 0 15px 0;
}

#open_programmes_section_header {
height:26px;
text-indent:-5000px; overflow: hidden;
background:url(/public/images_cms/open_programmes_section_header.gif) left top no-repeat;
margin:0 0 15px 0;
}

#media_downloads_header {
height:26px;
text-indent:-5000px; overflow: hidden;
background:url(/public/images_cms/media_downloads_header.gif) left top no-repeat;
margin:0 0 15px 0;
}
/*-------------------------headers for subpages -----------------------*/
/*-------------------------additional styles------------------------------*/
.cleaner  {
clear:both;
}
.grey_blue {
color:#2c3536;
}
.margin_bottom5{
margin-bottom:5px;
}
.margin_top55 {
margin-top:55px;
}
.margin_top45 {
margin-top:45px;
}
.margin_right9 {
margin-right:9px;
}
.margin_right12 {
margin-right:12px;
}
.margin_left12 {
margin-left:12px;
}
.margin_right14 {
margin-right:14px;
}
.margin_right18 {
margin-right:18px;
}
.margin_right20 {
margin-right:20px;
}
.margin_right24 {
margin-right:24px;
}
.margin_top0 {
margin-top:0;
}
.date_dotted {
display:block;
padding-bottom:4px;
background:transparent url(/public/images_cms/dotted_bottom.gif) left bottom repeat-x;
}
.no_padding_left {
padding-left:0;
}
.dotted_bottom_border {
padding-bottom:40px;
background:transparent url(/public/images_cms/dotted_bottom.gif) left bottom repeat-x;
}

.dotted_bottom_padding {
	width: 178px;
	height:21px;
background:transparent url(/public/images_cms/dotted_bottom_ads.gif) left bottom repeat-x;
border: none;
}

.dotted_top {
	width: 178px;
	height:11px;
background:transparent url(/public/images_cms/dotted_top_ads.gif) left bottom repeat-x;
border: none;
}
/*-------------------------end of additional styles------------------------------*/

/* Menu flyout */



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menuservices {
z-index:1000;
height:235px;
margin:0 0 10px 0px; /* this page only */
padding:0px;
}

.menuservices_short {
z-index:1000;
margin:0 0 30px 0px; /* this page only */
padding:0px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menuservices ul {
padding:0;
margin:0;
list-style-type:none;
height:245px;
position:relative;
}

.menuservices_short ul {
padding:0;
margin:0;
list-style-type:none;
position:relative;
}

.menuservices li,.menuservices_short li  {
display:block; 
height:20px;
padding-left:0px;
margin-left:0px;
margin-bottom: 8px;
}

#services span {

}

#services span a:hover {
}

* html .menuservices li, * html .menuservices_short li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menuservices table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menuservices a, .menuservices a:visited, .menuservices_short a, .menuservices_short a:visited {
display:block; 
text-decoration:none;
height:20px;
/*text-indent:5px;*/
font-weight: normal;
background:transparent url(/images_cms/arrow_list_padding.gif) left 50% no-repeat;
padding-left:16px;
padding-top: 5px;
}
/* style the link hover */
* html .menuservices a:hover {}

.menuservices :hover > a, .menuservices :active > a, .menuservices_short :hover > a. .menuservices_short :active {
background:#326370 url(/images_cms/arrow_list_padding_white.gif) left 50% no-repeat; 
color: #fff;
text-decoration: underline; 
padding-left:16px; /*text-indent:5px;*/
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menuservices ul ul {
visibility:hidden;
position:absolute;
top:-1px;
margin-top: 1px;
left:178px;
width: 320px;
color: #fff;
}



.menuservices ul ul a {
color: #fff;
padding-left:16px;
/*text-indent:5px;*/
background:transparent url(/images_cms/arrow_list_padding_white.gif) left 50% no-repeat;
}

/* make the second level visible when hover on first level list OR link */
.menuservices ul li:hover ul,
.menuservices ul a:hover ul {
visibility:visible;
width: 310px;
background-color: #326370;
color: #fff;
}
/* keep the third level hidden when you hover on first level list OR link */
.menuservices ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menuservices ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menuservices ul :hover ul :hover ul{ 
visibility:visible;
height:235px;
}
/* make the fourth level visible when you hover over third level list OR link */
.menuservices ul :hover ul :hover ul :hover ul { 
visibility:visible;
height:235px;
}

/* Open Programmes Content */

.available_dates {
	display:block;
	background-color: #f3f2f2;
	padding: 6px 6px;
	margin: 0;
}

.course_details {
	margin: 20px 0px 0px 0px;
}

h3 {
	background-color: #e6e6e6;
	font-weight: bold;
	font-size: 110%;
	padding: 4px 4px;
	margin-top: 6px;
}

.album {
border:none;
display:block;
margin:0;
padding:0;
}

img {
border: none;
}

.caption {
color: #666;
}


/* Code for input field focus change */

.focusField{  
border:solid 2px #73A6FF;  
background:#EFF5FF;  
color:#000;  
}  

.idleField{  
background:#EEE;  
color: #6F6F6F;  
border: solid 2px #DFDFDF;  
}