body {font-size:100%; line-height:1.125em; /*18px*/ margin:0; padding:0; background-color:#fff; color:#333; font-family:Arial, Georgia, "Times New Roman", Times, serif; }
/* if font-size is 100% in body then these work out (assumed default setting in the browser of 16px)
  font-size:1em;		 = 16px
	font-size:0.875em; = 16x.875=14px
	font-size:0.75em;  = 16x0.75=12px
*/
html, body {min-height:100%;width:100%;height:100%;}
html>body {height:auto;}

/* Blue */
/* Dark		=	030,045,083	=	#1E2D53	*/
/* Light	=	069,080,132	=	#455084 */
/* Yellow */
/* Dark		=	232,102,145	=	#E8DC91 */
/* Light	=	231,194,206	=	#FCF9CE */
/* Language Training colour is Orange */
/* Dark		=	205,102,000	=	#CD6600 */
/* Light	=	231,194,109	=	#E7C26D */
/* Multilingual Recruitment colour is Purple */
/* Dark		=	101,070,147	=	#654693 */
/* Light	=	172,151,195	=	#AC97C3 */
/* Translation & Interpreting colour is Green */
/* Dark		=	043,124,050	=	#2B7C32 */
/* Light	=	156,187,131	=	#9CBB83 */
/* Cultural Awareness colour is Red */
/* Dark		=	144,000,044	=	#90002C */
/* Light	=	193,132,128	=	#C18480 */

h1 {color:#E8DC91;}	/* dark yellow */
h2 {color:#455084;}	/* light blue */
h3 {color:#455084;margin-top:10px;margin-bottom:5px;}
h4 {color:#455084;margin-top:5px;margin-bottom:7px;}
h5 {color:#455084;}
img {border:none;}
table td {color:#666;}
acronym {border-bottom: 1px dotted;}
a:link, a:visited {color:#455084;font-weight:bold;text-decoration:underline;} /* dark blue */
a:hover {color:#1E2D53;font-weight:bold;text-decoration:underline;} /* light blue */

li {list-style-type:square;text-align:justify;}

form {padding:0; margin:0;}
/* page layout */
#page {margin:0 auto;width:990px;border:solid 1px #1E2D53;}

/* header layout */
#header {background:#1E2D53 url(../../../images/swish_top_bg.gif) top right no-repeat;height:200px;}
#headercol1 {background:transparent;height:200px;width:800px;float:left;}
#headercol1content {background:transparent;height:180px;width:100%;float:left;}
#logo {background:transparent url(../../../images/logo.gif) top left no-repeat;height:180px;width:280px;float:left;}

/* main navigation at top of header */
#nav {width:520px;height:100px;float:right;}
#nav ul {margin:0; padding:10px 0 0 0; font-size:0.65em; text-align:right; color:#fff; font-weight:bold}
#nav ul a:link, #nav ul a:visited {color:#ddd;font-weight:bold;text-decoration:none;display:block;}
#nav ul a:hover {color:#fff;font-weight:bold;text-decoration:underline;}
#nav li {list-style-type:none; margin:0; padding:2px 5px 2px 5px; text-indent:0px; float:left; display:block; width:110px; text-align:center;}
#nav li p {margin:0;padding:2px;line-height:1.125em;}
#nav img.navicon {width:46px;height:46px;}

/* coloured main navigation at top of header */
#nav ul a.selected_nav:link, #nav ul a.selected_nav:visited {color:#fff;}
#nav ul a.selected_nav:hover {color:#fff;}
#nav ul a.lang_train:link, #nav ul a.lang_train:visited {color:#CD6600;}
#nav ul a.lang_train:hover {color:#fff;}
#nav ul a.multi_rec:link, #nav ul a.multi_rec:visited {color:#654693;}
#nav ul a.multi_rec:hover {color:#fff;}
#nav ul a.trans_interp:link, #nav ul a.trans_interp:visited {color:#2B7C32;}
#nav ul a.trans_interp:hover {color:#fff;}
#nav ul a.cult_aware:link, #nav ul a.cult_aware:visited {color:#90002C;}
#nav ul a.cult_aware:hover {color:#fff;}

/* page title in header */
#pagetitle {width:520px;height:80px;float:right;}
#pagetitle h1 {margin:0px;margin-top:6px;margin-left:25px;line-height:1em;}

/* welcome text in header for home page */
#welcometext {width:490px;height:180px;float:right;}
p.welcometext {margin-top:35px;font-size:0.95em;width:470px;color:#ddd;text-align:justify}
p.welcometext span {color:#E8DC91;}

/* sub navigation in header */
#subnav {clear:both;background:#455084;width:800px;height:20px;padding:0; color:#fff; font-weight:800;} /* background and text color of sub nav */
#subnav_indent {width:280px;height:20px;float:left; background: url(../../../images/logo.gif) bottom left no-repeat}
#subnav ul {margin:0px; padding:0; font-size:0.75em; text-align:left; float:left;} 
#subnav li {list-style-type:none; margin:0; padding:0px 0px 0px 22px; text-indent:0px; float:left;}
#subnav ul a:link, #subnav ul a:visited {color:#E8DC91;font-weight:bold;text-decoration:none;}
#subnav ul a:hover {color:#fff;font-weight:bold;text-decoration:underline;}

/* bottom of page in content copy of sub navigation */
#bottom_subnav {clear:both;background:#fff;width:100%;height:20px;padding:0;color:#455084; font-weight:800;}
#bottom_subnav ul {margin:0; padding:0; font-size:0.75em; text-align:left; float:left;}
#bottom_subnav li {list-style-type:none; margin:0; padding:0px 24px 0px 0px; text-indent:0px; float:left;}
#bottom_subnav ul a:link, #bottom_subnav ul a:visited {color:#E8DC91;font-weight:bold;text-decoration:none;}
#bottom_subnav ul a:hover {color:#455084;font-weight:bold;text-decoration:underline;}

/* header column 2 */
#headercol2 {background:transparent url(../../../images/swish_top_bg.gif) top right no-repeat;height:200px;width:190px;float:left;}

/* header navigation in top right, about us, contact us etc */
#headernav {height:110px;margin-top:0px;font-size:0.75em;text-align:center;}
#headernav ul {clear:both;font-size:12px;margin:0; padding:0 0 0 55px; text-align:center;line-height:25px;}
#headernav li {list-style-type:none; margin:0; padding:0px 0px 0px 6px; text-indent:0px;text-align:left;/*display:inline;/*border-left:solid 1px #1E2D53;*/}
#headernav li.first {border-left:none;}
#headernav ul a:link, #headernav ul a:visited {color:#1E2D53;font-weight:bold;text-decoration:underline;}
#headernav ul a:hover {color:#455084;font-weight:bold;text-decoration:underline;}

/* flags in header */
#flags{height:75px;margin:0 0 0 25px;text-align:center;}
.flag {width:37px;height:28px;margin:4px 2px 2px 2px;}

/* page content */
#content {background:#fff url(../../../images/ext_swish_bg.gif) top right repeat-y;}
#contentcol1 {background:transparent;width:800px;float:left;border-bottom:solid 5px #455084;min-height:400px;height:auto;}
/* this is for IE6 */
* html #contentcol1 {background:transparent;height:400px;}

/* main content in seperate div to allow for margins */
#maincontent {background:transparent;margin:30px;}
#maincontent p {font-size:0.75em;margin:5px 0px 15px 0px;text-align:justify;}
#maincontent ul {font-size:0.75em;}
#maincontent ul ul {font-size:100%;} /* this stops inheritance making nested lists getting smaller and smaller in font size */

#contentcol2 {background:transparent url(../../../images/swish_bg.gif) top right no-repeat;width:190px;float:left;min-height:400px;height:auto;}
/* this is for IE6 */
* html #contentcol2 {height:400px;background:transparent url(../../../images/swish_bg.gif) top right no-repeat;}

#contentcol2 a:link, #contentcol2 a:visited {color:#455084;font-weight:bold;text-decoration:underline;} /* dark blue */
#contentcol2 a:hover {color:#1E2D53;font-weight:bold;text-decoration:underline;} /* light blue */

#swisharea {height:230px;}
#swisharea_content {}
#swisharea_content ul {margin:0 0 0 45px; padding:30px 0 0 0; font-size:0.875em; text-align:left;}
#swisharea_content li {list-style-type:none; margin:0; padding:5px 5px 5px 5px; text-indent:0px;display:block; width:110px; text-align:center;}

#swishquicklinks {margin:25px 0 0 55px;padding:0;min-height:146px;height:auto;}
/* this is for IE6 */
* html #swishquicklinks {height:146px;}
/*#swishquicklinks_content {margin:0;padding:0;border-top:solid 2px #fff;border-left:solid 2px #fff;background:transparent url(../../../images/swishquicklink_bg.gif) bottom left no-repeat;}*/
#swishquicklinks_content {margin:0;padding:0;}
#swishquicklinks_content ul {margin:0; padding:0; font-size:13px; text-align:left;line-height:25px;}
#swishquicklinks_content li {list-style-type:none; margin:0; padding:0px 0px 0px 6px; text-indent:0px;}
#swishquicklinks_content ul a:link, #swishquicklinks_content ul a:visited {color:#1E2D53;font-weight:bold;text-decoration:underline;}
#swishquicklinks_content ul a:hover {color:#455084;font-weight:bold;text-decoration:underline;}

#checkresources {width:100%;font-size:0.75em;}
#checkresources_content {margin:0 15px 0 35px;}

/* quotes - for the bottom of column 2 when page extends */
/* only for IE6, the background image has to be applied to the quote div... */
.quote {margin:0;padding:0 0 50px 0;background:red url(../../../images/ext_swish_bg.gif) top right repeat-y;}
.quotecontent {margin:0px 12px 0 25px;font-size:0.7em;}
.quotecontent p.normal {font-style:normal;margin:0px;padding:0px;}

/* footer */
/* footer is 992px wide to accomodate the border applied to the page div, as the footer is outside that div */
#footer {clear:both;position:relative;margin:0 auto;width:992px;height:80px;font-size:0.75em;}
#footer p {margin:0 0 0 10px;padding:0;color:#fff;}
#footer span.fax {color:#FBF8CA;}

#footertop {height:3.5em;background:#1E2D53;}
#footertop a:link, #footertop a:visited {color:#FBF8CA;font-weight:bold;text-decoration:none;}
#footertop a:hover {color:#fff;font-weight:bold;text-decoration:underline;}

#footerbottom {background-color:#fff;height:2em;}
#footerbottom a:link, #footerbottom a:visited {color:#1E2D53;font-weight:bold;text-decoration:none;}
#footerbottom a:hover {color:#455084;font-weight:bold;text-decoration:underline;}

#footerlinks {text-align:left;background-color:#fff;float:left;}
#sundaylaunch {text-align:right;background-color:#fff;float:right;}

#footertop .footertop_left {width:560px;float:left;}
#footertop .footertop_right {width:230px;float:left;text-align:right;}

.bold {font-weight:800;}
.clear {clear:both;}
.nosize{font-size:0px;height:0px;margin:0;padding:0;}
.border1 {height:1px;background:#1E2D53;} /* needed to fix dynamic hieght parent div in IE6 */
.border_swish {background:#1E2D53 url(../../../images/ext_swish_bg.gif) top right repeat-y;}
 
/* images */
img.portrait_left	 	{width:150px;height:224px;float:left; margin:5px 30px 15px 0;padding:5px;border:solid 1px #1E2D53;}
img.portrait_right 	{width:150px;height:224px;float:right;margin:5px 0 15px 30px;padding:5px;border:solid 1px #1E2D53;}
img.portrait_large_left	 	{width:250px;height:373px;float:left; margin:5px 30px 15px 0;padding:5px;border:solid 1px #1E2D53;}
img.portrait_large_right 	{width:250px;height:373px;float:right;margin:5px 0 15px 30px;padding:5px;border:solid 1px #1E2D53;}
img.landscape_small_left	{width:126px;height:100px;float:left; margin:5px 30px 15px 0;padding:5px;border:solid 1px #1E2D53;}
img.landscape_small_right {width:126px;height:100px;float:right;margin:5px 0 15px 30px;padding:5px;border:solid 1px #1E2D53;}
img.landscape_left	{width:224px;height:150px;float:left; margin:5px 30px 15px 0;padding:5px;border:solid 1px #1E2D53;}
img.landscape_right {width:224px;height:150px;float:right;margin:5px 0 15px 30px;padding:5px;border:solid 1px #1E2D53;}
img.landscape_medium_left	{width:267px;height:200px;float:left; margin:10px 30px 20px 0;padding:5px;border:solid 1px #1E2D53;}
img.landscape_medium_right {width:267px;height:200px;float:right;margin:5px 0 15px 30px;padding:5px;border:solid 1px #1E2D53;}
img.landscape_large_left	{width:373px;height:250px;float:left; margin:5px 30px 15px 0;padding:5px;border:solid 1px #1E2D53;}
img.landscape_large_right {width:373px;height:250px;float:right;margin:5px 0 15px 30px;padding:5px;border:solid 1px #1E2D53;}
img.landscape_panoramic_left	{width:445px;height:150px;float:left; margin:5px 30px 15px 0;padding:5px;border:solid 1px #1E2D53;}
img.landscape_panoramic_right {width:445px;height:150px;float:right;margin:5px 0 15px 30px;padding:5px;border:solid 1px #1E2D53;}
img.square_left	 		{width:224px;height:224px;float:left; margin:5px 30px 15px 0;padding:5px;border:solid 1px #1E2D53;}
img.square_right 		{width:224px;height:224px;float:right;margin:5px 0 15px 30px;padding:5px;border:solid 1px #1E2D53;}

img.directions_map	{width:300px;height:337px;float:left; margin:5px 30px 15px 0;padding:5px;border:solid 1px #1E2D53;}

img.back_to_top {float:left;margin:0 10px 10px 0;}

img.start_quote {width:88px; height:70px; float:left; /*margin:0px 0px 65px 15px*/}
img.end_quote {width:88px; height:70px; float:right; /*margin:-65px 0px 0px 55px*/}

img.atc_logo_left	{width:216px;height:100px;float:left; margin:5px 30px 15px 0;padding:5px;border:solid 1px #1E2D53;}
img.rec_logo_left	{width:216px;height:100px;float:left; margin:5px 30px 15px 0;padding:5px;border:solid 1px #1E2D53;}
img.ocr_logo_left	{width:216px;height:100px;float:left; margin:5px 30px 15px 0;padding:5px;border:solid 1px #1E2D53;}

img.atc_logo_right {width:216px;height:100px;float:right; margin:5px 0px 15px 30px;padding:5px;border:solid 1px #1E2D53;}
img.rec_logo_right {width:216px;height:100px;float:right; margin:5px 0px 15px 30px;padding:5px;border:solid 1px #1E2D53;}
img.ocr_logo_right {width:216px;height:100px;float:right; margin:5px 0px 15px 30px;padding:5px;border:solid 1px #1E2D53;}

img.atc_certificate_left	{width:160px;height:224px;float:left; margin:5px 30px 15px 0;padding:5px;border:solid 1px #1E2D53;}
img.rec_certificate_left	{width:160px;height:224px;float:left; margin:5px 30px 15px 0;padding:5px;border:solid 1px #1E2D53;}
img.ocr_certificate_left	{width:160px;height:224px;float:left; margin:5px 30px 15px 0;padding:5px;border:solid 1px #1E2D53;}

img.atc_certificate_right	{width:160px;height:224px;float:right; margin:5px 0px 15px 30px;padding:5px;border:solid 1px #1E2D53;}
img.rec_certificate_right	{width:160px;height:224px;float:right; margin:5px 0px 15px 30px;padding:5px;border:solid 1px #1E2D53;}
img.ocr_certificate_right	{width:160px;height:224px;float:right; margin:5px 0px 15px 30px;padding:5px;border:solid 1px #1E2D53;}


/* address layout for contact us page */
.contact_details p{width:200px; clear:left; margin:0; padding:5px 0 8px 0; padding-left:105px; /*width of left column containing the label elements*/ height: 1%;}
.contact_details label{float: left; text-align: left;	font-family:Arial, Helvetica, sans-serif; margin-left: -105px; /*width of left column*/
	width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ font-weight:bold; }

/* submit cv vacancy details */
.submit_cv_vacancy_details p {width:400px; clear:left; margin:0; padding:0; padding-left:105px; /*width of left column containing the label elements*/ height: 1%;}
.submit_cv_vacancy_details label {float: left; text-align: left;	font-family:Arial, Helvetica, sans-serif; margin:0px; margin-left: -105px; /*width of left column*/
	width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ font-weight:bold; padding:0px;}

  
/* form classes, labels, inputs etc */
.styledform p{width:400px; clear:left; margin:0; padding: 5px 0 8px 0; padding-left: 205px; /*width of left column containing the label elements*/
	border-top: 1px dotted #dddddd; height: 1%;}

.styledform label{float: left; text-align: left;	font-family:Arial, Helvetica, sans-serif; margin-left: -205px; /*width of left column*/
	width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
  font-weight:normal; color:#666666;}

.styledform label.controls {color: #fff;background: #fff;}
.styledform label span.moretext {font-weight:normal;font-style:italic;font-size:0.9em;color:#999999;}
.styledform span.mandatory {font-size:1.5em;color:#cc0000;}

.styledform input, .styledform textarea, .styledform select
{font-size: 1em; font-family:Arial, Helvetica, sans-serif; color: #666; background: #fff; border: 1px solid #ccc;}

.styledform input:focus, .styledform input:hover, 
.styledform textarea:focus, .styledform textarea:hover,
.styledform select:focus, .styledform select:hover {color: #000;background: #FCF9CE; /*#F5FAFA;*/border: 1px solid #455084; /*#888;*/}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{margin-left: 3px;}

textarea.help {font-size: 0.8em; font-family:Arial, Helvetica, sans-serif; color: #666; background: #eee; border: 1px solid #ccc;}
textarea.help:focus, textarea.help:hover {color: #666; background: #eee; border: 1px solid #ccc;}

input.chkbox, input.radio {border:0px;}
input.submit {color: #000; background: #CAE8EA; border: 2px outset #C1DAD7;}

/* tabs */
div#tab_top_div {font-size:100%;padding:10px;background-color:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
ul#tab_top {font-size:16px;font-weight:800;list-style-type:none;padding:0 0 36px 5px;border-bottom:1px solid #ccc;margin:0;}
ul#tab_top li {list-style-type:none;float:left;background-color:#eee;height:33px;margin:2px 2px 0px 2px;border:1px solid #ccc;}
ul#tab_top li.selected {border-bottom:1px solid #fff;background-color:#fff;}
ul#tab_top li.selected a {color:#666;}
#tab_top a {float:left;display:block;color:#bbb;text-decoration:none;padding:5px 5px 6px 5px;}
#tab_top li.unselected a:hover {background-color:#fff;color:#666;border-bottom:1px solid #fff;padding:5px 5px 9px 5px;}



table.selectable {
	padding: 0;
	margin: 0;
  width:100%;
  font-size:0.75em;
}

caption {
	margin:0;
	padding:0;
	font: italic 11px Arial, Georgia, "Times New Roman", Times, serif; /*"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	text-align: right;
}


th {
	font: bold 11px Arial, Georgia, "Times New Roman", Times, serif; /*"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	color: #654693; /*#4f6b72;*/
	border-right: 1px solid #9377B1;
	border-bottom: 1px solid #9377B1;
	border-top: 1px solid #9377B1;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #AC97C3 url(images/bg_header.jpg) no-repeat;
}

th a:hover {color:#fff;}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #9377B1;
	background: none;
}

td {
	border-right: 1px solid #9377B1;
	border-bottom: 1px solid #9377B1;
	padding: 6px 6px 6px 12px;
	color: #000; /*#4f6b72;*/
}

td.first_column {	border-left: 1px solid #9377B1;}

td.first_row {	border-top: 1px solid #9377B1;}

td.alt {
	background: #F5FAFA;
	color: #000; /*#797268;*/
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px Arial, Georgia, "Times New Roman", Times, serif; /*"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background:#654693 url(images/bullet2.gif) no-repeat;
	font: bold 10px Arial, Georgia, "Times New Roman", Times, serif; /*"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	color: #000; /*#797268;*/
}