/* @override http://www.cityschooloflanguages.co.uk/en/stylesheets/csl.css */

/* @override http://www.cityschooloflanguages.co.uk/en/stylesheets/csl.css/ */

/* @override http://www.cityschooloflanguages.co.uk/en/stylesheets/csl.css/ */

/* @group Reset */

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;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: 400;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a img {
	border: none;
}

input,textarea {
	margin: 0;
}

/* @end */

/* @group Structure */

body {
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: center 40px;
}

.clearfix {
	clear: both;
}



.wrapper {
	width: 960px;
	margin: 0 auto;
}



/* @end */

/* @group Typography */

/* 
  (0.875 * 16px = 14px) 
  */

body {

	color: #2F150A;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* Headings
-------------------------------------------------------------- */

h2,h3,h4,h5,h6 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1 {	font-family: Georgia,"Times New Roman",serif;
color:  #F77E18;
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 12px;
	font-weight: normal;
	letter-spacing: -3px;
}

h2 {color: #776054;
	font-size: 20px;
		line-height: 24px;
			margin-bottom: 18px;
	letter-spacing: -1px;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {color:  #F77E18;	font-weight: bold;
	font-size: 18px;
		line-height: 24px;
		padding: 12px 0 6px 0;
	text-transform: uppercase;
}

h4 {
	font-size: 18px;
	font-weight: bold;
			line-height: 24px;
			padding: 12px 0 6px 0;


}

h5 {font-size: 14px;
	font-weight: bold;
		line-height: 18px;
}

h6 {color:  #F77E18;	
font-size: 14px;
		line-height: 18px;
	font-weight: normal; font-style: italic;

}

.quiet {
	color: #776054;
}

/* @group Text elements */

p {font-size: 14px;

	margin: 0 0 18px;
}

ul, ol {font-size: 14px;
	margin: 0 20px 18px 20px;
}

ul ul {
	margin-bottom:  0;
}

ul {
	list-style-type: circle;
}

ol {
	list-style-type: decimal;
}

dl {
	margin: 0 0 18px 0;
}

dl dt {
	font-weight: bold;
}

dl dd {
	margin-left: 20px;
}

abbr, acronym {
	border-bottom: 1px dotted #000;
}

address {
	margin-top: 18px;
	font-style: italic;
}

del {
	color: #000;
}

a {
	color: #F77E18;
	text-decoration: none;
}

  a:hover, a:focus, #main .clickable.hover a  {
color:  #D85A04; }

blockquote {
	margin: 18px 20px;
}

strong {
	font-weight: bold;
}

em, dfn {
	font-style: italic;
}

dfn {
	font-weight: bold;
}

pre, code {
	margin: 18px 0;
	white-space: pre;
}

pre, code, tt {
	font: 12px monospace;
}

tt {
	display: block;
	margin: 18px 0;
}

/*

@end */

/* @group Tables */

#main table {font-size: 14px;
	margin: 0 0 36px 0;
			background: transparent url(/images/site/peachpixel.png) repeat-x bottom left;
}

th {

	font-weight: bold; color:  #776054;
}

td {

}

#main table  th, #main table td {
	padding: 12px 10px 12px 0;
			background: #fff  url(/images/site/peachpixel.png) repeat-x top left;
}

tfoot {
	font-style: italic;
}

caption {
	background: #ffc;
}

td p, th p {
	margin:  0px !important;
}

table#summary {
	width:  100%;
}
table#summary  th, table#summary  td {
	padding: 12px 10px ;
				background:  url(/images/site/hr_bg.png) repeat-x top left;}
				
table#summary td p {
	font-size: 14px;
}

table#summary  tr.total td p {	font-size: 18px;
}

/* @end */

/* @end */

/* @group Content columns */


#main {	float: left;	width: 580px;line-height:  24px; margin-bottom:  30px;margin-top: 20px;
}

#sideoutercol {
	float:  right; width: 340px;
margin-bottom:  30px;
}


body#homepage  #main {
width: 420px; 
}





body#homepage #sideoutercol
{
	width: 530px;
}

body #sideoutercol {
	margin-top:  50px; color:  #776054;
}

body.photo  #sideoutercol {
margin-top: -260px !important; z-index: 1; position:relative; }

body  #main {
margin-top:  60px;
}

body.photo  #main {
margin-top:  30px;
}




#mainphoto { height: 600px; width: 980px; margin: -200px   auto 0 auto; z-index: -1; overflow: hidden;}

#mainphoto img {
	position:  absolute;  z-index: -1}

/* @group Main column */

#main h3 {
	text-transform: uppercase; clear: left; 
}
#main h4 {
	 clear: left; 
}

#main .clickable.hover {
}

#main .clickable h2 {
			margin-bottom: 0;

}

#main p img , #main h3 img , #main h4 img {
	float:  left; margin:  0 20px 5px 0 ; padding: 10px; border: 1px solid #ddd;
}
#notes {
	border:  1px solid #ccc; color:  #666; font-size:  12px;padding:  20px; margin:  20px 0 ;
}


/* @end */

/* @group Sidebar */


#sidebar {	padding:  20px;	background: transparent url(/images/site/sidebar_bg.png) repeat-x;color:  #2F150A; 
 min-height:  360px;}

#sidebar a {
	color:  #fff;
}



p#sectiontitle  {	font-family: Georgia,"Times New Roman",serif;
	font-size: 48px !important;line-height: 48px !important;
padding:   0 !important;margin: 0 0 12px 0!important;	letter-spacing: -4px;text-shadow: #F78C26 1px 1px 0;}

body#homepage p#sectiontitle  {		font-size: 64px !important; line-height: 60px !important;
}

p#sectiontitle   a {color:  #2F150A;}

#sidebar p {
	font-size: 18px	;line-height:  24px;	margin: 0 0 12px;font-weight:200
}

#sidebar  p.intro
{	font-family: Georgia,"Times New Roman",serif;
color:  #fff;
	font-size: 26px;
	line-height:  42px !important;
	word-spacing:  -1px;
	text-shadow: #CF6914 1px 1px 0;
	margin-bottom: 18px;
	}

p.intro strong { font-weight:  normal;;
	font-size:  48px;	letter-spacing: -1px;
}

#sidebar h3 {text-transform: none; font-family: Georgia,"Times New Roman",serif;
color:  #fff; font-weight: normal;
	font-size: 32px;
	line-height:  42px !important;
	word-spacing:  -1px;
	text-shadow: #CF6914 1px 1px 0;
	margin-bottom: 0px;
}


#sidebar h2 {	font-size: 20px;
	line-height: 24px;
	padding: 18px 0  6px 0;
	margin:  0;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0;margin-left: -6px;
		background: transparent url(/images/site/hr_bg.png) repeat-x top left;
}

#sidebar h2 a:link , p.intro a:link, #sidebar h2 a:visited, p.intro a:visited {	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;font-size: 20px; text-transform: uppercase;
		background: #F8A652;  padding:  3px  6px;	text-shadow: #CF6914 1px 1px 0;


}
/*
#sidebar .hover p {
	color:  #653211;
	background: transparent url(/images/site/right_arrow_bg.png) no-repeat top right;
}
 */







#sidebar h2 a:hover , p.intro a:hover, #sidebar h2 a:focus, p.intro a:focus, #sidebar div.clickable.hover a {text-shadow: none !important; color:  #FFF5D5  !important;padding:  3px  6px;	background: #2F150A;

}
div.clickable.hover p.intro {
	 color:#ffc !important;
}





ul#subnav {	list-style: none;font-size: 20px;
	line-height: 24px;
	padding: 0px 0  18px 0 ;
	margin:  0 10px 0 0 ;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0;

}

#subnav li {float: left; 		}

#subnav li.spacer {margin-top: 24px		}


#subnav li a:link , #subnav li  a:visited {	
text-shadow: #CF6914 1px 1px 0; display:  block;	background: transparent url(/images/site/hr_bg.png) repeat-x bottom left; 	padding:  6px  6px 9px 6px; width:  290px;


}

#subnav li  a:hover , #subnav li  a:focus {text-shadow: none !important; color:  #2F150A  !important;	background: url(/images/site/hr_ovr_bg.png) repeat-x bottom left;  
}



#sidetext {
	margin-left: 10px;
}

 #sidetext h2 , #sidetext h3, #sidetext h4  {
	margin-top:  30px; color:  #F77E18;
font-size:  14px; line-height: 24px;			margin-bottom: 6px; letter-spacing: 0;

}
#sidetext p{ font-weight: 300;
 line-height: 24px;
}



a.apply:link, a.apply:visited { 
	font-size:  20px; text-transform: uppercase;font-weight: bold; display:  block;background: #fff url(/images/site/right_orange.png) no-repeat  8px center;   padding:  12px 0 12px 25px; color:  #2F150A; letter-spacing:-1px;
margin: 33px  0 27px 2px; border-bottom:  1px dotted #2F150A;
border-top:  1px dotted #2F150A;

}

 a.apply:focus,  a.apply:hover {color:  #F77E18 ; background: #fff url(/images/site/right_brown.png) no-repeat  8px center;   
}
ul.bookingchoice {
	list-style: none; margin:24px  0;border-bottom:  1px dotted #2F150A;
}

ul.bookingchoice  li {
	font-size:  20px; display:  block;background: #fff url(/images/site/right_orange.png) no-repeat  8px center;   padding:  12px 0 12px 25px; color:  #2F150A; margin: 9px  0 9px 2px; border-top:  1px dotted #2F150A;
}

ul.bookingchoice  li a {
	font-weight: bold; 
}

form#coursedates p  {padding-bottom:  12px !important;border-top:  1px dotted #2F150A !important;
	
}
form#coursedates fieldset {
	border-bottom:  1px dotted #2F150A ;margin-bottom: 24px;
}

#longform form fieldset {
	border-bottom:  1px dotted #2F150A ;padding-bottom:  12px;;margin-bottom: 24px;
}


.reverse {font-size:  24px; 
	color: #fff; background:  #F77E18; padding:   3px 9px; margin:  0 5px 5px 0;
}

#subsubnav  {margin-top:  24px;
	border-top:  2px solid #2F150A;
border-bottom:  1px solid #2F150A;
	padding: 6px 0; 
}

#subsubnav h4 {
	color:  #2F150A;
	font-size: 20px;
	line-height: 24px;
	padding: 4px 0  11px 0 ;
	margin:  0 10px 0 10px ;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0;

}
#subsubnav ul {font-size: 12px;
	list-style: none;
	margin:  0; 
	padding:  0; 
	font-weight: bold;

}

#subsubnav li {
	margin: 0;
}


#subsubnav li a:link, #subsubnav li a:visited {display: block;
	background: #fff url(/images/site/right_orange.png) no-repeat  10px center; 	padding: 3px 0 3px 20px;

}
#subsubnav li a:hover, #subsubnav li a:focus {background: #fff url(/images/site/right_brown.png) no-repeat  10px center
	
}


#catsubnav  {margin-top:  24px;
	border-top:  2px solid #2F150A;
border-bottom:  1px solid #2F150A;
	padding: 6px 0; 
}

#catsubnav h4 {
	color:  #2F150A;
	font-size: 20px;
	line-height: 24px;
	padding: 4px 0  11px 0 ;
	margin:  0 10px 0 10px ;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0;

}
#catsubnav ul {font-size: 12px;
	list-style: none;
	margin:  0; 
	padding:  0; 
	font-weight: bold;

}

#catsubnav li {
	margin: 0;
}


#catsubnav li a:link, #catsubnav li a:visited {display: block;
	background: #fff url(/images/site/right_orange.png) no-repeat  10px center; 	padding: 3px 0 3px 20px;

}
#catsubnav li a:hover, #catsubnav li a:focus {background: #fff url(/images/site/right_brown.png) no-repeat  10px center
	
}


#accreditationlogos {margin-bottom: 18px}

#howgood { color:  #2F150A;	margin:  36px 0 0 200px ;	padding: 6px 0 6px  40px;	background:  url(/images/site/quiz.png) no-repeat top left;
}
#howgood h2 {
	font-size:  12px; ;
}
/* @end */






/* @end */





/* @group Header */


#top {height: 40px ; background: #fff}

ul.tools {font-weight:  bold;
	font-size: 12px;
	margin: 12px 0 0   0 ;
	padding: 0 ;
	float: left;
	color: #2F150A;

}

#top .tools {
	width: 320px;  position: relative; 
}
#bottom .tools {
	width: 640px; 
}

ul.tools li {
			
	float: left;
	list-style: none;
	margin: 3px  5px  0 5px ;
	padding: 0 0 0 .75em;
	border-left:  1px solid    #F77E18;

}
ul.tools li.first {
	border: none; margin-left:  0 ;padding-left:  0 ;
}
ul.tools li a {
	color: #2F150A;
}
ul.tools li   a:hover, ul.tools li  a:focus {
color:  #F77E18;}

ul#language {font-weight:  bold;;
	font-size: 12px;
	margin: 0 0 0   0;
	padding: 0;
	float: left;
	color: #2F150A;

}

ul#language li {
	float: left;
	list-style: none;
	margin:0 ;
	padding: 0 ;

}


#header {	clear: both;
	font-size: 1.143em;
	margin: 0;
	padding: 0;
	height:  160px;
	width: 100%;
	background: url(/images/site/bg_70.png) ;
	color: #fff;
}
#logo {position: relative;	float:  left;padding-top:  40px;height:  120px;width: 300px ;}

#logo img {
	margin-top:  10px;
}

ul#menu {text-transform: uppercase;position: relative;

	font-size: 20px;
	margin: 85px 0 0   0;
	padding: 0;
	float: left;
	color: #fff;


}



ul#menu li {
	float: left;
	list-style: none;
margin: 3px  5px  0 5px ;
	padding: 0 0 0 .75em;

}
ul#menu li.first {
margin-left:  0;
}
ul#menu li a {
	color: #fff;
}
ul#menu li   a:hover, ul#menu li  a:focus {
color:  #ffc;}

#pagenav {
	width:  100%;
	height:  40px;
}

#pagenav ul li {
	border-left:  none;
}
#pagenav ul {
	float: right;
}



#pagenav ul li a:link, #subsubnav li a:visited, #catsubnav li a:visited {display: block;
	background: #fff url(/images/site/right_orange.png) no-repeat  8px center; 	padding: 0 0 0 20px;

}
#pagenav ul li a:hover, #subsubnav li a:focus , #catsubnav li a:focus {background: #fff url(/images/site/right_brown.png) no-repeat  8px center
	
}


/* @end */

/* @group Footer */
#gallery {clear:  both; background: url(/images/site/overlay_10.png) ;

}
#gallery img {padding:  2px; background:  #fff;
	float:  left; width:  150px; margin: 10px 4px 20px 0;
}
#gallery a:link, #gallery a:visited {color:  #776054;}

#gallery a:link img, #gallery a:visited img{
	border:  1px solid #fff;
}
#gallery a:hover img, #gallery a:focus img{
	border:  1px solid #E9E7E6;
}

#gallery .wrapper {	padding-top:  20px; text-transform: uppercase; color:  #776054; font-size:  11px;	text-shadow: #fff 1px 1px 0;

}
#gallery .wrapper strong {font-size: 12px; margin-right:  5px;	
}
#footer {	background: #241009 url(/images/site/bg_100.png) repeat;

	clear: both;	
		width: 100%;

padding:  12px 0;
font-size: 12px; font-weight: 300;	color:  #EBE8E7;line-height: 18px;
}
#footer div {
	margin-bottom: 20px 
}
#footer  a:link, #footer  a:visited {
color:  #fff;}
#footer  a:hover, #footer  a:focus {
color:  #ffc;}

#footer h4 {font-size:  14px;	color:  #F77E18; text-transform: uppercase;font-weight: bold; margin: 6px 0  !important;line-height:  1;
}
#footer h4 a:link, #footer h4 a:visited  {	color:  #F77E18 !important; }

#footer p em {
	color: #F8A652; font-style: normal;white-space: nowrap;
}
#footer p  {font-size: 12px;	margin: 0 0 9px;
}


#connect ul {
	margin:  0 0 12px  0 ;
	padding: 0 ;
	
}
 #connect p
 {font-size: 14px;	
		margin: 6px 0 ;
	padding: 0 ;
}
.col {float:  left;
	width:  290px;height:  300px;
	background: url(/images/site/vr.png) repeat-y top right;margin-right: 1px;padding: 0 17px 0 13px;

}

.col.first {
	padding-left: 0;
}
.col.last {
	margin-right: 0;padding-right: 0;background:  none;;
}





#qmark {
	background: url(/images/site/qmark.png) no-repeat 0 10px; padding: 0 0 0 45px;
}
#qmark h4 {
	padding-bottom:  0 !important;
	margin:  6px 0 0 0 !important;
}

.addthis_toolbox {	background: url(/images/site/addthis_bg.png) no-repeat top left;height:  66px;padding:  6px 10px;margin-top:  24px;
	
}
.addthis_toolbox p{
		color: #2F150A;
 font-weight:  bold;
}
.addthis_toolbox a {
	color:  #F77E18 !important;
	
}

#bottom {
	height: 100px;
}


#bottom  .wrapper{
	background: url(/images/site/accreditation.png) no-repeat 500px 10px ;
}


#bottom p {clear: left;	width: 640px; 

	float:  left; font-size: 12px;margin:  6px 0; ;
}


#footer h4  #twitterfollow { font-size:  14px ;display:  block; float:  right;height: 30px; width:  76px;padding: 6px 0 0 0; margin-top: -6px;
	background: url(/images/site/big_orange_button.png) no-repeat ; color:  #fff !important; text-align: center; font-weight: normal;
}

#footer h4  a:hover#twitterfollow, #footer h4  a:focus#twitterfollow {color:  #ffc !important; 
}

/* @end */

/* @group Forms */



	


#searchform {width: 340px;position: relative;
	float:  right;
	text-align:  center;
	margin:  12px 0 0 0;
	padding:  0 ;
}


#searchform form label {
	display: none;
}

#searchform form input {float:  left;
	border: none;
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 12px;line-height:  12px;
}

input#keywords {height: 18px; width:  150px; padding:  5px 6px 0  6px;
		background: url(/images/site/input_bg.png) no-repeat;

}
 input.submit {height: 22px !important; padding:  1px 8px 0  8px !important; margin-left:  1px;color:  #fff; font-weight: bold;
		background: url(/images/site/orange_button.png) top right; 

}


#footer form {
	clear: left;
}

#footer form  label {
	display: block;line-height: 18px; padding-bottom: 6px;
}

#footer form  input {float:  left;
	border: none;
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 		font-size: 12px;line-height:  12px;
}

#footer form input#email {height: 18px; width:  150px; padding:  5px 6px 0  6px;
		background: url(/images/site/input_bg.png) no-repeat;

}

#footer form input#username{height: 18px; width:  90px; padding:  5px 6px 0  6px;
		background: url(/images/site/input_bg.png) no-repeat;

}

#footer form input#password {height: 18px; width:  90px; padding:  5px 6px 0  6px;
		background: url(/images/site/input_bg.png) no-repeat  -10px 0; margin-left:  1px;;

}


#main form {
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;margin-bottom:  36px;
}
#main form label {
	color:  #F77E18;	font-weight: bold;
	font-size: 14px;
		line-height: 18px;
		padding:  6px 0;
	text-transform: uppercase;

}
#main form  label.blocklabel {	font-size: 1em;
	display: block;
	float: left;
	clear: left;
	width: 130px;
	text-align: right;
	
	margin-right: 10px;padding-top:  6px;
}

#main form .checkbox {
	margin: 0 0 0 140px;
}

#main form input.submit {
	margin-right: 10px;border:  0; text-transform: uppercase;;font-size:  14px ;display:  block; float:  left;height: 30px !important; width:  76px;padding:  0; 	background: url(/images/site/big_orange_button.png) no-repeat ; color:  #fff !important; text-align: center; font-weight: normal;


}


#main form .textinput {		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	font-size: 1em;
	width: 300px;
	margin-bottom: 6px;padding:  6px;
	border: 1px solid #ccc;
	background: url(/images/site/overlay_10.png) ;
}

#main form .textinput:focus {
	background: none;
}
#main form .textinput.short {
		width: 80px;

}
#main form .textinput.medium {
		width: 200px;

}

#main form p {
	border-top: 2px solid #fff;
	padding: 6px 0 6px 0;
	margin: 0;
		

}

#main form p.submitrow {
	padding-top: 0;
	border: none;
	background-image: none;
}

#main  form em , em.error {
	color: #c00;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
}
legend {	font-size: 18px;
		line-height: 24px;
			padding-bottom: 24px;
	letter-spacing: -1px;
	font-weight: bold;
	text-transform: uppercase;
}
/* @end */

/* @group jquery */

.clickable{cursor:pointer}

/* Droppy Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

p#langlabel { float:  left; font-size: 12px; padding: 3px 0; line-height: 18px; 	margin: 12px 0 0   0;
}
#nav { float:  left; z-index: 100}


/* Everything else is theming */


#nav { background-color: #fff; height: 24px; 	margin: 12px 0 0   0 !important; 
 }

#nav a {  font-size: 12px; padding: 3px 15px 0 6px; color: #2F150A; font-weight: bold; 	
background:  url(/images/site/down.png) no-repeat  center right;
}
/*
#nav a:hover {  background:  url(/images/site/down_ovr.png) no-repeat  center right;
}
*/
#nav ul a:link, #nav ul a:visited { line-height: 12px;  padding: 3px 15px 3px 6px; margin:-1px 0 0 0 ; font-weight: normal; background-image:none ;}


#nav  a:hover { color: #F77E18;}


  
  #nav ul { top: 25px; background:  url(/images/site/lang_bg2.png) no-repeat bottom left ;padding-bottom: 6px	;
}
      #nav ul li { float: none;
       /* border-top:  1px solid #F0EDEC ;*/
        }

    #nav ul li a { width:  80px;}
  

/* @end */

/* @group Arabic */

body.ar h1,
body.ar #main,
body.ar #sidebar,
body.ar #subnav,
body.ar #subsubnav,
body.ar #catsubnav,
body.ar #sidetext
{
direction:rtl !important;
}

body.ar #keywords, body.ar  #searchform input.submit {	 float:  right; direction:rtl !important;

}
body.ar #keywords {	background-position:   top right  }





/* @end */