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

body {
	margin:0;
	padding:20px 0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#00306B;
	text-align:center;
	background:#007890
}

body.body_red  { background:#d80e01}
body.body_lime {background:#79ae00}
body.body_orange {background:#ea8b00}
body.body_suborange {background:#ea8b00}
body.body_blue {background:#008fd6}
body.body_pink {background:#b4006f}


/* default some tags to zero margin and padding
------------------------------------------------*/
h1, h2, h3, h4, div, ul, ol, li, dl, dt, dd, form, input, select {margin:0; padding:0}


/* header styling
------------------*/
h1 {
	font-size:20px;
	margin:10px 0 10px
}
h1 span { color:#00306B }

div.home_trio h2 {
	color:#fff;
	font-size:14px;
	height:35px;
	margin:0;
	padding:5px;
	font-weight:normal
}

h2 {
	font-size:16px;
	margin:15px 0 5px
}

h2.news_mth {
	font-size:10px;
	font-weight:normal;
	color:#fff;
	width:134px;
	height:54px;
	margin:12px 12px 0 0;
	float:left;
	padding:5px;
	background-position:top right;
	background-repeat:no-repeat
}

h2#h2_jan { background:#76ac02 url(../i/bg_h2_jan.gif) no-repeat top right }
h2#h2_feb { background:#b20067 url(../i/bg_h2_feb.gif) no-repeat top right }
h2#h2_mar { background:#00306B url(../i/bg_h2_mar.gif) no-repeat top right }
h2#h2_apr { background:#d80e01 url(../i/bg_h2_apr.gif) no-repeat top right }
h2#h2_may { background:#ea8b00 url(../i/bg_h2_may.gif) no-repeat top right }
h2#h2_jun { background:#008aa1 url(../i/bg_h2_jun.gif) no-repeat top right }
h2#h2_jul { background:#007f3b url(../i/bg_h2_jul.gif) no-repeat top right }
h2#h2_aug { background:#c3c540 url(../i/bg_h2_aug.gif) no-repeat top right }
h2#h2_sep { background:#dc4769 url(../i/bg_h2_sep.gif) no-repeat top right }
h2#h2_oct { background:#eaa800 url(../i/bg_h2_oct.gif) no-repeat top right }
h2#h2_nov { background:#bc002f url(../i/bg_h2_nov.gif) no-repeat top right }
h2#h2_dec { background:#600a6b url(../i/bg_h2_dec.gif) no-repeat top right }

h3 { font-size:14px }

/* <p>, <span>, <em>, <strong> etc
------------------------------------*/
span.formerr { display:block; color:#d80e01; }
span.formerr strong {font-size:14px}

p {
	margin:10px 0 5px;
}

p.error, p.success {
	font-size:14px;
	margin:10px 0;
	border-style:solid;
	border-width:1px;
	border-color:#CC9999;
	padding:10px;
	background:#F5E5E5;
	color:red;
}
p.success {
	background:#E5F5E5;
	border-color:#66CC00;
	color:green
}

p.latestnews {
	border-bottom:1px dotted #007890;
	padding-bottom:20px
}

.metadata {
	color:#888;
	font-style:italic;
}

div#head p {
	margin:0;
	padding:7px 10px;
	text-align:right;
	line-height:18px
}

div.home_trio p { margin:5px }

div#head span { color:#008fd6 }

.green { color:#008aa1 }
.red { color:#d80e01 }
.orange { color:#ea8b00 }
.lime { color:#79ae00 }
.blue { color:#008fd6 }
.pink { color:#b4006f }

blockquote {
	border-left:5px solid #ccc;
	color:#666;
	padding:0 0 0 10px
}

/* ul, ol, li, dl, dt, dd styling
------------------------------------*/
ul.maincopyul li {
	list-style-image:url(../i/maincopy_ul_li.png);
	margin:0 0 0 20px
}

ul.qlinks {
	list-style-type:none
}
ul.qlred li a:link, ul.qlred li a:visited { color:#d80e01 }

ul.newsmenu {
	list-style-type:none;
	margin:10px 0
}
ul.newsmenu li { padding:3px 0 }

ul#ticker {
	display:inline;
	padding-left:10px;
}
ul#ticker li {
	list-style:none;
	display:inline
}
ul#ticker li a, ul#ticker li a:visited {
	color:#fff;
	text-decoration:none
}

ul.ticker-controls {
	float:right;
}
ul.ticker-controls li {
	display:inline;
	list-style:none;
	padding:0 0 0 2px
}


dl.newsarchive_dl {
	margin:10px 0 0 0;
	font-weight:bold;
	float:left;
	width:225px
}
dl.newsarchive_dl dt { color:#888 }
dl.newsarchive_dl dd { margin-bottom:10px }

dl.homelist_dl {
	margin:10px 10px 0 0;
	float:left;
	width:225px
}
dl.homelist_dl dt { margin-bottom:3px; font-weight:bold }
dl.homelist_dl dt a { color:#ea8b00; text-decoration:underline }
dl.homelist_dl dd { margin-bottom:15px; color:#333; height:51px; overflow:hidden }
dl.homelist_dl dd strong { color:#00306B }

dl.sitemap {
	width:325px;
	float:left;
	margin-right:30px;
}
dl.sitemap dd { padding:3px 0 }

div#joblist ul {
	float:left;
	width:225px;
	margin-right:10px;
}
div#joblist ul li {
	list-style:none;
	padding-bottom:7px
}

div#videolist ul {
	float:left;
	width:225px;
	margin-right:10px;
}
div#col2vidlist ul { text-align:right }
div#videolist ul li, div#col2vidlist ul li {
	list-style:none;
	background:url(../i/icon_flv.gif) no-repeat center left;
	padding:4px 0 4px 25px;
	font-weight:bold
}
div#col2vidlist ul li { background:url(../i/icon_flv.gif) no-repeat center right; padding:4px 25px 4px 0 }
div#videolist ul li a, div#col2vidlist ul li a { color:#00306B }

ol { margin:10px 0 10px 25px }

ul#srchresults {
	list-style:none
}
ul#srchresults li h2 {
	padding:10px 0 0;
	border-top:1px dotted #ccc;
}
ul#srchresults li h3 {
	padding:5px 0 0;
}
ul#srchresults li h3 a:link, ul#srchresults li h3 a:visited {
	color:#008aa1;
	text-decoration:underline
}
ul#srchresults li h3 a:hover {
	text-decoration:none
}
ul#srchresults li p {
	padding:5px 0 10px;
	margin:0
}

/* Link styling
----------------*/

a:link, a:visited {
	color:#d80e01;
	text-decoration:none
}
a:hover {
	text-decoration:underline;
}

/* main navigation tabs */
div#tabs ul {
	padding: 0
}
div#tabs ul li {
	display:inline;
	list-style-type: none;
	padding:0;
	margin:0;
	float:left;
}
div#tabs ul li a {
	color:#fff;
	padding:6px 12px;
	text-decoration: none;
	display:block;
	width:126px;
	font-size:12px
}
div#tabs ul li a:hover {
	/*text-decoration:none;
	background:#B9CBE3*/
}
/* individual tab colours */
div#tabs ul li#tab_green a { background:#008aa1 }
div#tabs ul li#tab_red a { background:#d80e01 }
div#tabs ul li#tab_orange a { background:#ea8b00 }
div#tabs ul li#tab_lime a { background:#79ae00 }
div#tabs ul li#tab_blue a { background:#008fd6 }
div#tabs ul li#tab_pink a { background:#b4006f }

/* begin styling of dropdown sublist */
div#tabs li ul {
	position: absolute;
	left: -999em;
	height: auto;
	z-index:100;
	width: 150px;
	/*background:#fff;*/
	border-top:0;
	margin:0;
	padding:0
}
	/** html div#tabs li ul {padding-top:4px}*/	
div#tabs li:hover ul, div#tabs li.sfhover ul { left: -999em }
div#tabs li:hover ul, div#tabs li.sfhover ul { left: auto }
div#tabs ul li ul li {
	background:none;
	float:none;
	padding:0;
	margin:0;
}
div#tabs ul li ul li a {
	background:#fff;
	padding:4px 12px;
	margin:0;
	color:#fff;
	/*opacity: .90;
    filter: alpha(opacity=90);*/
}
div#tabs ul li#tab_green ul li a { background:#33A1B4 }
div#tabs ul li#tab_red ul li a { background:#E03E34 }
div#tabs ul li#tab_orange ul li a { background:#EEA233 }
div#tabs ul li#tab_lime ul li a { background:#94BE33 }
div#tabs ul li#tab_blue ul li a { background:#33A5DE }
div#tabs ul li#tab_pink ul li a { background:#C3338C }

div#tabs ul li ul li a:hover {
	text-decoration:underline
}
/* end main navigation tabs */


/* main navigation in right column */
ul#col3menu {
	padding: 0;
	margin:10px 0 10px
}
ul#col3menu li {
	list-style-type: none;
	padding:3px 0
}
ul#col3menu li a {
	color:#00306B;
	text-decoration: none;
	font-size:12px
}
ul#col3menu li a:hover { text-decoration:underline }

/* main navigation in right column */
ul#botrightmenu {
	padding:0;
	margin-top:20px
}
ul#botrightmenu li {
	list-style-type: none;
	text-align:right
}
ul#botrightmenu li a {
	color:#008fd6;
	text-decoration: none
}
ul#botrightmenu li a:hover { text-decoration:underline }

/* page links on whatwedo pages */
ul.subpagelinks {
	list-style:none;
	margin:10px 0;
}
ul.subpagelinks li { padding:2px 0 }

/* find out more links */
a:link.morelink, a:visited.morelink {
	color:#00306B;
	text-decoration:none;
	background:url(../i/bg_a_arrow.png) no-repeat center right;
	padding:0 15px 0 0
}
a:hover.morelink {
	background:url(../i/bg_a_arrow_h.png) no-repeat center right;
	text-decoration:underline
}

a:link.arrowrightleft, a:visited.arrowrightleft { background:url(../i/bg_a_arrow.png) no-repeat center left; padding:0 0 0 15px }
a:hover.arrowrightleft { background:url(../i/bg_a_arrow_h.png) no-repeat center left }

a:link.arrowleft, a:visited.arrowleft { background:url(../i/bg_a_arrowleft.png) no-repeat center right }
a:hover.arrowleft { background:url(../i/bg_a_arrowleft_h.png) no-repeat center right }

a:link.arrowleftleft, a:visited.arrowleftleft { background:url(../i/bg_a_arrowleft.png) no-repeat center left; padding:0 0 0 15px }
a:hover.arrowleftleft { background:url(../i/bg_a_arrowleft_h.png) no-repeat center left }

a:link.arrowdown, a:visited.arrowdown { background:url(../i/bg_a_arrowdown.png) no-repeat center right }
a:hover.arrowdown { background:url(../i/bg_a_arrowdown_h.png) no-repeat center right }

a:link.arrowup, a:visited.arrowup { background:url(../i/bg_a_arrowup.png) no-repeat center right }
a:hover.arrowup { background:url(../i/bg_a_arrowup_h.png) no-repeat center right }

a:link.arrowupleft, a:visited.arrowupleft { background:url(../i/bg_a_arrowup.png) no-repeat center left; padding:0 0 0 15px }
a:hover.arrowupleft { background:url(../i/bg_a_arrowup_h.png) no-repeat center left }


/* email link in metadata */
p.metadata a:link, p.metadata a:visited {
	color:#888;
	text-decoration:underline
}
p.metadata a:hover {
	text-decoration:none;
}

div#head a:link, div#head a:visited { color:#fff; text-decoration:none }
div#head a:hover { text-decoration:underline }

h2.news_mth a {
	color:#fff;
	font-size:16px;
}

/* links in news archive */
dl.newsarchive_dl dd a:link, dl.newsarchive_dl dd a:visited { color:#008fd6 }

/* main container <div>'s generally in order of appearance
-----------------------------------------------------------*/

div#sitewrap {
	margin:0 auto;
	width:928px;
	text-align:left;
}

/* divs to display the shadow around the whole site */
div#shadtop, div#shadbot {
	font-size:0;
	height:28px;
	background-image:url(../i/bg_shadtop.gif);
	background-repeat:no-repeat;
	background-position:bottom center
}

div#shadwrap {
	background-image:url(../i/bg_shadwrap.gif);
	background-repeat:repeat-y;
	background-position:top center;
	padding:0 14px
}

div#shadbot {
	background-image:url(../i/bg_shadbot.gif);
	background-repeat:no-repeat;
	background-position:top center
}

body.body_red div#shadtop {background-image:url(../i/bg_shadtop_red.gif)}
body.body_lime div#shadtop {background-image:url(../i/bg_shadtop_lime.gif)}
body.body_orange div#shadtop, body.body_suborange div#shadtop {background-image:url(../i/bg_shadtop_orange.gif)}
body.body_blue div#shadtop {background-image:url(../i/bg_shadtop_blue.gif)}
body.body_pink div#shadtop {background-image:url(../i/bg_shadtop_pink.gif)}

body.body_red div#shadbot {background-image:url(../i/bg_shadbot_red.gif)}
body.body_lime div#shadbot {background-image:url(../i/bg_shadbot_lime.jpg)}
body.body_orange div#shadbot {background-image:url(../i/bg_shadbot_orange.jpg)}
body.body_suborange div#shadbot {background-image:url(../i/bg_shadbot_suborange.jpg)}
body.body_blue div#shadbot {background-image:url(../i/bg_shadbot_blue.gif)}
body.body_pink div#shadbot {background-image:url(../i/bg_shadbot_pink.jpg)}

body.body_red div#shadwrap {background-image:url(../i/bg_shadwrap_red.gif)}
body.body_lime div#shadwrap {background-image:url(../i/bg_shadwrap_lime.gif)}
body.body_orange div#shadwrap, body.body_suborange div#shadwrap {background-image:url(../i/bg_shadwrap_orange.gif)}
body.body_blue div#shadwrap {background-image:url(../i/bg_shadwrap_blue.gif)}
body.body_pink div#shadwrap {background-image:url(../i/bg_shadwrap_pink.gif)}


div#head {
	background:#00306B url(../i/logo.png) no-repeat center left;
	color:#fff;
	height:101px
}

div#breadcrumb {
	text-align:right;
	padding:25px 10px 0 0;
	color:#7F97B5
} 
	div#breadcrumb a:link, div#breadcrumb a:visited { text-decoration:underline; color:#7F97B5 }
	div#breadcrumb a:hover { color:#fff }

/* div to old main nav tabs */
div#tabs { }

div#tabshadow {
	height:18px;
	font-size:0;
	background:url(../i/bg_tabshadow.gif) repeat-x top left;
	clear:left
}

div#newsticker {
	background:#00306B;
	color:#33A5DE;
	padding:4px 10px;
	overflow:hidden;
	height:14px
}

div#maincontentwrap {
	background:url(../i/bg_maincontentwrap.png) repeat-y top right; 
}

div#sub_wrap {
	background-image:none;
	background-repeat:no-repeat;
	background-position:bottom left;
}
body.body_orange div#sub_wrap {	background-image:url(../i/bg_whereweare_home.jpg) }
body.body_suborange div#sub_wrap {	background-image:url(../i/bg_whereweare.jpg) }
body.body_pink div#sub_wrap { background-image:url(../i/bg_whatwedo.jpg)}
body.body_lime div#sub_wrap { background-image:url(../i/bg_workwithus.jpg) }

/* left column defaulted to width for homepage */
div#col1 {
	padding:0 20px 10px 12px;
	margin-top:10px;
	width:268px;
	float:left;
}

/* middle column defaulted to width for homepage */
div#col2 {
	padding:0 12px 12px;
	margin-top:10px;
	float:left;
	width:425px;
	text-align:right
}

/* right column on all pages */
div#col3 {
	padding:0 0 0 13px;
	float:left;
	width:126px;
	margin:10px 0 0
}

div#foot {
	color:#fff;
	padding:0 26px;
}
div#foot strong { color:#00306B }
div#foot small {color:#B2D6DD }

/* div's in column 1
------------------------*/

/* fixed width box to hold home map and photos */
div#home_details {
	width:450px;
	margin:20px 0 30px
}
/* container for google map */
div#map {
	width:220px;
	height:160px;
	margin:0 12px 10px 0;
	float:left
}
/* container for large popup google map */
div#map_lrg {
	width:700px;
	height:500px;
}
/* container for home photos */
div#home_photos {
	border-top:1px dotted #ccc;
	margin:10px 0;
	padding:10px 0 0;
}
/* container for job vacancy list */
div#joblist {
	padding:12px 0 0;
	margin:12px 0 0
}

div#videolist, div#col2vidlist {
	border-top:1px dotted #ccc;
	padding:5px 0 0;
	margin:5px 0 0
}

div.quicklinks { text-align:left }

/* div's in column 2
------------------------*/

/* 3 boxes on homepage */
div.home_trio {
	float:left;
	width:132px;
	margin:12px 12px 12px 0;
	border-bottom-style:solid;
	border-bottom-width:8px;
	background-repeat:no-repeat;
	background-position: top right;
	height:158px;
	font-size:10px
}
div#home_trio_1 {
	color:#79ae00;
	background-image:url(../i/bg_home_trio_1.gif);
	border-bottom-color:#79ae00;
}
div#home_trio_1 a { color:#79ae00 }

div#home_trio_2 {
	color:#b4006f;
	background-image:url(../i/bg_home_trio_2.gif);
	border-bottom-color:#b4006f;
}
div#home_trio_2 a { color:#b4006f }

div#home_trio_3 {
	color:#00306B;
	background-image:url(../i/bg_home_trio_3.gif);
	border-bottom-color:#00306B;
	margin-right:0 
}
div#home_trio_3 a { color:#00306B }

/* coloured box to hold captions*/
div.caption {
	color:#fff;
	font:14px 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif;
	padding:10px 15px;
	margin:0 0 0 200px;
	width:190px;
	line-height:20px;
	text-align:left
}

div.news_caption {
	margin:0;
	background:#008fd6;
	width:193px;
}
div.whatwedo_caption {
	background:#b4006f;
	margin:0;
	width:193px;
}
div.whereweare_caption {
	background:#ea8b00;
	margin:0;
	width:193px;
}
div.workwithus_caption {
	background:#79ae00;
	margin:0;
	width:193px;
}

/*  div's in column 3
------------------------*/




/* misc <div>'s
-----------------*/

/* div to clear left floating content */
div.clearleft, div.clear {
	clear:left;
	font-size:0;
	height:0;
	overflow:hidden;
}
/* div to clear all floating content */
div.clear { clear:both }

/* horizontal rule */
div.hr {
	border-bottom:1px dotted #999;
	height:0;
	font-size:0;
	margin:12px 0
}

/* table styling
-------------------*/
table.jobappform { width:100% }
table.jobappform tr td { padding:3px 5px; }
table.jobappform tr td h2 { background:#fff; color:#79ae00; padding:3px 0; font-size:14px; border-bottom:1px dotted #999}
table.jobappform tr td.leftcell { text-align:right; vertical-align:top; width:220px }
table.jobappform tr td select { width:80px }
/* form styling
----------------------------*/
	
form#srchform {
	margin-bottom:10px;
}
form#srchform label {
	padding:0 4px;
}

input, select, textarea { padding:2px 3px }

input#srchstr {
	border:none;
	background:url(../i/bg_field_srch.gif) no-repeat center left;
	padding:10px;
	width:110px;
	margin-bottom:4px
}

input.btn {
	background:#79ae00;
	color:#fff;
	font-weight:bold;
	border:2px solid #669900;
	padding:2px 5px;
	font-size:16px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

form#contactform {
	margin:10px 0 20px;
}
form#contactform .txtfield {
	width:270px;
	font:11px Verdana, Geneva, sans-serif;
	margin:3px 0 7px;
	border:1px solid #008fd6;
	color:#036;
	padding:3px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* image styling
---------------------*/
img { border:none }