.indent {
	padding-left: 30px;
}
html { /* Stop background flicker in IE 6 Bug: http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker */
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
		background-color:#000023;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:16px;
		color:#FFFFFF;
}

/* 
Reset all margins/padding */
* { 
		margin:0;
		padding:0;
}

	
/* 
Make for consistent list handling across different browsers. http://www.clagnut.com/blog/1287/
NEVER alter these values. Set margin & padding to 0 (or whatever you need) directly on subsequent lists. */
ul, ol {
    	padding-left:0;
    	margin-left: 0;
	list-style-type: none !important;
	list-style: none !important;
}
ul li {
	list-style-type: none!important;
	background: none!important;
	list-style: none!important;
}
li {
	list-style-type: none!important;
	list-style: none!important;
	background: none!important;
}

/* 
No borders on images */
img {
		border:0;
}

/* 
TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


h3 {
font-family:Helvetica;
font-size:16px;
color:#c5e9fb;
margin-bottom:10px;
line-height: 110%;
}
h4 {
font-family:Helvetica;
font-size:14px;
color:#c5e9fb;	
margin-bottom:10px;
}
h5{
font-family: Helvetica;
font-size:13px;
color:#c5e9fb;	
margin-bottom:5px;
font-weight: normal;
	}

h6{
font-family:"Times New Roman", Times, serif;
font-size:11px;
color:#c5e9fb;	
margin-bottom:5px;}

p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin-bottom:10px;
line-height:16px;

}

blockquote {
margin-left:1em;}

/* 
Links: Always implement all four states through-out this stylesheet */
a:link {color:#c5e9fb; text-decoration:underline;}
a:visited {color:#c5e9fb; text-decoration:underline;}
a:hover {color:#c5e9fb; text-decoration:underline;}
a:active {color:#c5e9fb; text-decoration:underline;}

/* 
END TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.myReusableClass {
}

.quick_links {
text-align:center;
color:#c5e9fb;
margin-bottom:10px;
font-family:times new roman;
font-size:18px;}

.quick_links_courses {
text-align:left;
color:#FFFFFF;
margin-bottom:10px;}

.page_title {
margin:0;
color:#c5e9fb;
padding:0;
line-height:22px;}

.quick_link4 li a {
	font-size:12px !important;}


.people_repeater {
	margin-bottom:15px;
	border-bottom:1px solid #666666;}
	
	.people_repeater img {
	float:right;
	padding:5px 0px 5px 10px;}
	
.bluehighlight {
	color:#c5e9fb;}

/* 
END CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#wrapper {
	margin:0 auto 0 auto;
	width:887px;}
	
div#header {
	width:867px;
	height:143px;
	float:left;}
	
div#header_internal {
	width:867px;
	height:143px;
	float:left;}

div#navigation {
	width:850px;
	height:33px;
	float:left;
	padding-left:17px;
	
	}

	
	
	
	
	
	
	
/* --- DROP DOWN MENU -----*/	

li {
	list-style-type:none;
	list-style: none;
	background:none;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;

}

#nav a {
	display: block;

}

#nav li {
	float: left;
	list-style: none; 
}



#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}


#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	list-style: none;

}


#nav li ul ul {
	margin: -22px 0 0 330px;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}


#nav a:link {color:#000000; text-decoration:none; text-transform:uppercase;}
#nav a:visited {color:#000000; text-decoration:none; text-transform:uppercase;}
#nav a:hover {color:#984040; text-decoration:underline; text-transform:uppercase;}
#nav a:active {color:#000000; text-decoration:none; text-transform:uppercase;}


	
#nav ul li   {
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	width:330px;
	border-bottom:1px solid #999999;
	line-height:16px;
	font-size:10px;
	background-color:#996600;
	}


#nav ul li a {
	display:block;
	padding:3px 10px 3px 10px;
	background-color:#878787;}
	
#nav ul li a:hover {
	display:block;
	background-color:#a3a3a3;}

#nav ul li ul li {
	display:block;
	background-color:#a3a3a3;
	border-bottom:1px solid #999999;}
	
#nav ul li ul li a {
	display:block;
	padding:3px 10px 3px 10px;
	background-color:#878787;}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}


.nav_home {	

		background-image:url(../images/nav/home.jpg); text-indent: -5000px; overflow:hidden; float:left; 
		display:block; width:43px; height:33px; text-decoration: none; background-repeat:no-repeat;}

		a.nav_home:hover {background-position: -43px 0;}
		a.nav_home.selected {background-position: -43px 0;}
		
.nav_courses {	

		background-image:url(../images/nav/courses.jpg); text-indent: -5000px; overflow:hidden; 
		display:block; width:65px; height:33px; text-decoration: none; background-repeat:no-repeat;}

		a.nav_courses:hover {background-position: -65px 0;}
		a.nav_courses.selected {background-position: -65px 0;}
		
.nav_accreditations {	

		background-image:url(../images/nav/accreditations.jpg); text-indent: -5000px; overflow:hidden; float:left;
		display:block; width:109px; height:33px; text-decoration: none; background-repeat:no-repeat;}

		a.nav_accreditations:hover {background-position: -109px 0;}
		a.nav_accreditations.selected {background-position: -109px 0;}
		
.nav_about {	

		background-image:url(../images/nav/about-bbsi.jpg); text-indent: -5000px; overflow:hidden;
		display:block; width:84px; height:33px; text-decoration: none; background-repeat:no-repeat;}

		a.nav_about:hover {background-position: -84px 0;}
		a.nav_about.selected {background-position: -84px 0;}
		

.nav_quality {	

		background-image:url(../images/nav/quality-excellence.jpg); text-indent: -5000px; overflow:hidden; float:left;
		display:block; width:145px; height:33px; text-decoration: none; background-repeat:no-repeat;}

		a.nav_quality:hover {background-position: -145px 0;}
		a.nav_quality.selected {background-position: -145px 0;}
		
		

.nav_location {	

		background-image:url(../images/nav/location.jpg); text-indent: -5000px; overflow:hidden; float:left;
		display:block; width:74px; height:33px; text-decoration: none; background-repeat:no-repeat;}

		a.nav_location:hover {background-position: -74px 0;}
		a.nav_location.selected {background-position: -74px 0;}
		
.nav_facilities {	

		background-image:url(../images/nav/facilities.jpg); text-indent: -5000px; overflow:hidden; float:left;
		display:block; width:79px; height:33px; text-decoration: none; background-repeat:no-repeat;}

		a.nav_facilities:hover {background-position: -79px 0;}
		a.nav_facilities.selected {background-position: -79px 0;}
		
.nav_accommodation {	

		background-image:url(../images/nav/accommodation.jpg); text-indent: -5000px; overflow:hidden; float:left;
		display:block; width:117px; height:33px; text-decoration: none; background-repeat:no-repeat;}

		a.nav_accommodation:hover {background-position: -117px 0;}
		a.nav_accommodation.selected {background-position: -117px 0;}
		
.nav_online-test {	

		background-image:url(../images/nav/online-test.jpg); text-indent: -5000px; overflow:hidden; float:left;
		display:block; width:92px; height:33px; text-decoration: none; background-repeat:no-repeat;}

		a.nav_online-test:hover {background-position: -92px 0;}
		a.nav_online-test.selected {background-position: -92px 0;}
		
.nav_sitemap {	

		background-image:url(../images/nav/sitemap.jpg); text-indent: -5000px; overflow:hidden; float:left;
		display:block; width:69px; height:33px; text-decoration: none; background-repeat:no-repeat;}

		a.nav_sitemap:hover {background-position: -69px 0;}
		a.nav_sitemap.selected {background-position: -69px 0;}
		
.nav_contact-us {	

		background-image:url(../images/nav/contact-us.jpg); text-indent: -5000px; overflow:hidden; float:left;
		display:block; width:76px; height:33px; text-decoration: none; background-repeat:no-repeat;}

		a.nav_contact-us:hover {background-position: -76px 0;}
		a.nav_contact-us.selected {background-position: -76px 0;}
.nav_news {	

		background-image:url(../images/nav/news.jpg); text-indent: -5000px; overflow:hidden; float:left;
		display:block; width:43px; height:33px; text-decoration: none; background-repeat:no-repeat;}

		a.nav_news:hover {background-position: -43px 0;}
		a.nav_news.selected {background-position: -43px 0;}

.nav_links {	

		background-image:url(../images/nav/links.jpg); text-indent: -5000px; overflow:hidden; float:left;
		display:block; width:50px; height:33px; text-decoration: none; background-repeat:no-repeat;}

		a.nav_links:hover {background-position: -50px 0;}
		a.nav_links.selected {background-position: -50px 0;}
.nav_visas {	

		background-image:url(../images/nav/visas.jpg); text-indent: -5000px; overflow:hidden; float:left;
		display:block; width:50px; height:33px; text-decoration: none; background-repeat:no-repeat;}

		a.nav_visas:hover {background-position: -50px 0;}
		a.nav_visas.selected {background-position: -50px 0;}

div#content_holder {
	width:887px;
	background-image:url(../images/sitewide/dotted-sperator.gif);
	background-repeat:repeat-y;
	margin-top:20px;
	margin-bottom:20px;
	float:left;}
	
div#content_holder_courses {
	background-image:url(../images/sitewide/dotted-sperator-courses.gif);
	background-repeat:repeat-y;
	float:left;
	width:900px;
	margin:20px 0 20px 0;}

div#left_content {
	width:619px;
	float:left;
	padding:0px 10px 0 0;}
	
	#left_content ul {
	margin:15px 0 10px 0;
	list-style-type:none;
	padding:0;}
	
	#left_content ul li {
	background-image:url(../images/sitewide/bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:15px;
	padding-bottom:3px;}
	
	#left_content ul li p {
	margin:0;
	padding:0;}
	
	#left_content ol {
	list-style-type:decimal!important;
	margin:0 0 10px 5px;}
	
	#left_content ol li {
	list-style-type:decimal!important;
	padding-bottom:3px;}
	
	#left_content ol li p {
	margin:0;
	list-style-type:decimal;
	padding:0;}
	
	
	
	
	
	div#left_content_courses {
	width:645px;
	float:left;
	padding:0 10px 0 0;}
	
	div#left_content_courses P {
	padding-right:20px;}
	
	#left_content_courses ul {
	margin:15px 0 10px 0;
	list-style-type:none;
	padding:0;}

	#left_content_courses ul li {
	background-image:url(../images/sitewide/bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:15px;
	padding-bottom:3px;}
	
	#left_content_courses ul li p {
	margin:0;
	padding:0;}
	
	#left_content_courses ol {
	list-style-type:decimal!important;
	margin:0 0 10px 5px;}
	
	#left_content_courses ol li {
	list-style-type:decimal!important;
	padding-bottom:3px;}
	
	#left_content_courses ol li p {
	margin:0;
	list-style-type:decimal;
	padding:0;}


div#right_content_courses {	
	width:210px;
	float:left;
	padding-left:10px;}	
	
	


div#flash_holder {
	margin-bottom:10px;
	width:625px;
	height:155px;
	padding:0;
	margin-bottom:10px;
	margin-top:10px;}
	
div#flash_holder_courses {
	margin-top:10px;	
	height:155px;
	width:650px;
	padding:0;
	margin-bottom:10px;}

div#flags {
	float:left;
	width:610px;
	margin-bottom:10px;}
	
	#flags ul {
	display:inline;
	margin:0;
	padding:0;
	text-decoration:none;
	list-style-type:none;}
	
	#flags li {
	display:inline;
	margin:0;
	padding:0 0 0 0;
	text-decoration:none;
	list-style-type:none;}

	.flag_spacing {
	padding-left:18px;}

#right_content {
	width:227px;
	float:right;}
	

#left_col {
	float:left;
	width:629px;}

div#quick_links_holder_courses {
	width:100%;
	margin-bottom:15px;}
	
	div#quick_links_holder_courses ul {
	text-decoration:none;
	margin:0;
	padding:0;}
	
	div#quick_links_holder_courses li {
	border-bottom:1px dotted #393851;
	padding:11px 0 11px 34px;
	list-style-type:none;
	background-image:url(../images/buttons/rosette.jpg);
	background-repeat:no-repeat;
	background-position:0px 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	margin:0;}
	
	div#quick_links_holder_courses a:link {color:#fff; text-decoration:none;}
	div#quick_links_holder_courses a:visited {color:#fff; text-decoration:none;}
	div#quick_links_holder_courses a:hover {color:#CC6D00; text-decoration:none;}
	div#quick_links_holder_courses a:active {color:#fff; text-decoration:none;}

div#quick_links {
	width:100%;
	margin-bottom:15px;
	margin-top:10px;}
	
	div#quick_links ul {
	text-decoration:none;
	margin:0;
	padding:0;}
	
	div#quick_links li {
	text-decoration:none;
	margin:0;
	padding:0;}
	
	
	div#quick_links a:link {color:#fff; text-decoration:none;}
	div#quick_links a:visited {color:#fff; text-decoration:none;}
	div#quick_links a:hover {color:#CC6D00; text-decoration:none;}
	div#quick_links a:active {color:#fff; text-decoration:none;}
	
	

	
#quick_link1  {
			  text-indent: -5000px; overflow:hidden; display:block;
			  width: 223px; height:38px; text-decoration: none !important;
			  background-image:url(../images/buttons/courses.jpg);
			  background-repeat:no-repeat;
			  }
			  #quick_link1:hover {background-position: -223px 0;}
			  
#quick_link2  {
			  text-indent: -5000px; overflow:hidden; display:block;
			  width: 223px; height:42px; text-decoration: none !important;
			  background-image:url(../images/buttons/book-a-course.jpg);
			  background-repeat:no-repeat;
			  }
			  #quick_link2:hover {background-position: -223px 0;}
			  
#quick_link3  {
			  text-indent: -5000px; overflow:hidden; display:block;
			  width: 223px; height:41px; text-decoration: none !important;
			  background-image:url(../images/buttons/course-dates.jpg);
			  background-repeat:no-repeat;
			  }
			  #quick_link3:hover {background-position: -223px 0;}
			  
			  
#quick_link4  {
			  text-indent: -5000px; overflow:hidden; display:block;
			  width: 223px; height:42px; text-decoration: none !important;
			  background-image:url(../images/buttons/examinations.jpg);
			  background-repeat:no-repeat;
			  }
			  #quick_link4:hover {background-position: -223px 0;}
			  
			  
#quick_link5  {
			  text-indent: -5000px; overflow:hidden; display:block;
			  width: 223px; height:42px; text-decoration: none !important;
			  background-image:url(../images/buttons/uk-uni.jpg);
			  background-repeat:no-repeat;
			  }
			  #quick_link5:hover {background-position: -223px 0;}
			  

	
	
	
	
	
	
	
	
	
	
	
	
	
div#map {
	width:100%;}
	
div#map p {
	padding:0 0 0 0px;}
	
div#map_courses p {
	padding:0 0 0 30px;}

div#vert_logos {
	width:207px;
	padding:10px 0 0 20px;
	border-top:1px dotted #393851;
	margin-top:10px;
	margin-bottom:10px;
	float:left;}

div#footer_logos {
	width:877px;
	border-top:1px dotted #393851;
	padding:5px 0 5px 10px;
	float:left;}

div#footer {
	width:887px;
	text-align:center;
	padding:10px 0 10px 0;
	border-top:1px dotted #393851;
	background-color:#000023;
	float:left;}
	
	div#footer p {
	color:#CCCCCC;
	line-height:16px;
	font-size:10px;}
	
	div#footer a:link {color:#CCCCCC; text-decoration:none;}
	div#footer a:visited {color:#CCCCCC; text-decoration:none;}
	div#footer a:hover {color:#CCCCCC; text-decoration:underline;}
	div#footer a:active {color:#393851; text-decoration:none;}


/* 
END LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
FORM LAYOUT
When creating a form add .formField to any fields, .formLabel to labels 
and proceed labels with a <br class="formBR" />
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


label.formLabel, input.formField {
		display: block;
		width: 150px;
		float: left;
		margin-bottom: 10px;
		color:#555;
}



label.formLabel {
		text-align: left;
		width: 130px;
		padding-right: 20px;
		padding-top:5px;
		font-size:1.1em;
}

br.formBR {
		clear: left;
}
/* 
END FORM LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
HEADINGS
Refer to site-map for all headers. Ensure consitent casing.
NOTE: Heading naming convention - #heading_human_name_title
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#heading_logo {	
		text-indent: -5000px; overflow:hidden; display:block;
		width: 137px; height:143px;  text-decoration:none!important; float:left;
		background-image:url(../images/sitewide/BBSI-logo.jpg); margin-right:40px;
		background-repeat:no-repeat;}
		
#heading_tagline {	
		text-indent: -5000px; overflow:hidden; display:block;
		width: 494px; height:100px;  text-decoration:none!important; float:left;
		background-image:url(../images/sitewide/tagline.jpg); margin-top:20px;
		background-repeat:no-repeat;}
		
#heading_british_council_logo {	
		text-indent: -5000px; overflow:hidden; display:block;
		width: 130px; height:85px;  text-decoration:none!important; float:right;
		background-image:url(../images/logos/british_council_logo.jpg); margin-top:45px; 
		background-repeat:no-repeat;}


/* 
END HEADINGS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

            .field{
            display: block;
            margin-bottom: 5px;
}
            textarea.field { width: 250px; height: 70px; }
            input.field { width: 250px; }
            select.field { width: 250px;} 
            table.field td { padding-right: 20px }
            
            
 

#sitemap ul {
background-image:none!important;
margin:0;
padding:0;}

#sitemap li {
background-image:none!important;
padding:5px 0 5px 0;
margin:0 0 5px 0;}

#sitemap ul li a {
color:#FFFFFF;
text-decoration:none;}

#sitemap ul li a:hover {
text-decoration:underline;}





.depth0 {
/*background-color:#10405b;*/
margin:0 0 0 0;
color:#10405b!important;
padding:5px;}
			 
			 
.depth1 {
/*background-color:#3c7392;*/
margin:5px 0 5px 20px;
color:#3c7392!important;
padding:5px;}

.depth2 {
/*background-color:#6ba1c0;*/
margin:5px 0 5px 40px;
color:#6ba1c0!important;
padding:5px;}

.depth3 {
/*background-color:#a1cae2;*/
margin:5px 0 5px 60px;
color:#a1cae2!important;
padding:5px;}
			 
			 
h1 {
font-family:arial;
font-size:20px;
color:#c5e9fb;
margin-bottom:10px;
line-height: 110%;}

h2 {
font-family:arial;
font-size:16px;
color:#c5e9fb;
margin-bottom: 10px;
font-weight:normal;
line-height: 110%;
}

.fielderror {
	width: 250px;
	display: block;
        margin-bottom: 5px;
        padding: 2px;
        border: #FF0000 2px solid;
	border-color: #FF0000;
}
div.fielderror {
	border: #FF0000 2px solid;
}
textarea.fielderror {
	width: 250px;
	height: 70px;
	border: #FF0000 2px solid;
	border-color: #FF0000;
}
input.fielderror {
	width: 250px;
	border: #FF0000 2px solid;
	border-color: #FF0000;
}
select.fielderror {
	width: 250px;
	border: #FF0000 2px solid;
	border-color: #FF0000;
} 
table.fielderror td {
	padding-right: 20px;
	border: #FF0000 2px solid;
	border-color: #FF0000;
}
.enrolmentdiv {
	margin-top:10px;
	padding: 10px;
}
div#TranslateBox{
	visibility:collapse;
}
	/*IE hack*/
}
div#TranslateBox{
	*display:none;
}
.TranslateBox{
	visibility:collapse;
}
	/*IE hack*/
}
.TranslateBox{
	*display:none;
}
.indent {
	padding-left: 30px;
}
#feestable td {
	border: 1px solid #999999;
	padding: 10px;
}