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

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

/* 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:125px;
	height:54px;
	margin:12px 12px 0 0;
	float:left;
	padding:5px;
	background-position:top right;
	background-repeat:no-repeat
}
	h2.news_mth a {
		color:#fff;
		font-size:16px;
	}

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.intro {
	font-weight:bold
}

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

div#head p {
	margin:0;
	padding:7px 10px;
	text-align:right;
	line-height:18px;
	font-weight:bold;
	font-size:10px;
	color:#039
}

div.home_trio p { margin:5px }

div#head span { color:#fff }

.teal { color:#00A0AF }
.red { color:#DB1A36 }
.orange { color:#F6A01B }
.green { color:#72810C }
.blue { color:#00A5D9 }
.pink { color:#C41188 }

span#quoter {
	color:#72810c;
	font-size:16px
}

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

blockquote#quote {
	color:#72810C;
	font-size:22px;
	padding:15px 0;
	margin:0;
	border:none;
}
blockquote#quote span {
	color:#F6A01B;
}

strong {color:#DB1A36}

/* 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 }

dl.newsarchive_dl {
	margin:10px 0 0 0;
	font-weight:bold;
	float:left;
	width:210px
}
dl.newsarchive_dl dt { color:#888 }
dl.newsarchive_dl dd { margin-bottom:10px }
dl.newsarchive_dl dd a:link, dl.newsarchive_dl dd a:visited {color:#00A0AF }


dl.homelist_dl {
	margin:10px 10px 0 0;
	float:left;
	width:225px
}
dl.homelist_dl dt { color:#ea8b00; margin-bottom:3px; font-weight:bold }
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;
	margin-right:10px;
}
div#joblist ul li {
	list-style:none;
	padding-bottom:7px
}

div#videolist ul {
	float:left;
	width:225px;
	margin-right:10px;
}
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#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:5px 12px 5px 15px;
	text-decoration: none;
	display:block;
	width:123px;
	font-size:12px
}
div#tabs ul li a:hover {
	/*text-decoration:none;
	background:#B9CBE3*/
}
/* individual tab colours */
div#tabs ul li#tab_teal a { background:#00A0AF}
div#tabs ul li#tab_red a { background:#DB1A36 url(../i/bg_tab_red.gif) no-repeat top left }
div#tabs ul li#tab_orange a { background:#F6A01B url(../i/bg_tab_orange.gif) no-repeat top left }
div#tabs ul li#tab_green a { background:#72810C url(../i/bg_tab_green.gif) no-repeat top left }
div#tabs ul li#tab_blue a { background:#00A5D9 url(../i/bg_tab_blue.gif) no-repeat top left }
div#tabs ul li#tab_pink a { background:#C41188 url(../i/bg_tab_pink.gif) no-repeat top left; padding-right:14px }

/* 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_teal ul li a { background:#33B3BF }
div#tabs ul li#tab_red ul li a { background:#E2485E }
div#tabs ul li#tab_orange ul li a { background:#F8B349 }
div#tabs ul li#tab_green ul li a { background:#8E9A3D }
div#tabs ul li#tab_blue ul li a { background:#33B7E1 }
div#tabs ul li#tab_pink ul li a { background:#D041A0 }

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:0 0 50px
}
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
}
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:#039; text-decoration:none }
div#head a:hover { text-decoration:underline }


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

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

/* divs to display the shadow around the whole site */
div#shadtop, div#shadbot {
	font-size:0;
	height:28px;
	background:url(../i/bg_shadtop.png) no-repeat bottom center
}
div#shadwrap {
	background:url(../i/bg_shadwrap.gif) repeat-y top center;
	padding:0 14px
}
div#shadbot { background:url(../i/bg_shadbot.gif) no-repeat top center }

div#head {
	background:#fff url(../i/bg_head.png) no-repeat top left;
	color:#fff;
	height:100px
}

div#breadcrumb {
	text-align:right;
	padding:32px 10px 0 0;
	color:#fff;
	font-size:10px
} 
	div#breadcrumb a:link, div#breadcrumb a:visited { text-decoration:none; color:#039; font-weight:bold }
	div#breadcrumb a:hover { text-decoration:underline }

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

div#maincontentwrap {
	clear:left;
	padding:10px 0;
	background:url(../i/bg_maincontentwrap.png) no-repeat top right; 
	height:1%
}
	html>body div#maincontentwrap {height:auto}

div#maincontentsubwrap {
	background:url(../i/bg_maincontentsubwrap.gif) repeat-y top right; 
	height:1%
}
	html>body div#maincontentsubwrap {height:auto}

/* left column for random quotes */
div#col1 {
	padding:10px 10px 10px 12px;
	margin-top:10px;
	width:260px;
	float:left;
	text-align:right
}

/* left col that spans 2 cols */
div#col1_full {
	padding:0 12px 10px;
	margin-top:10px;
	width:724px;
	float:left;
	text-align:left
}

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

/* 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:#039 }
div#foot small {color:#B9D3A4 }

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

/* fixed width box to hold home map and photos */
div#home_details {
	width:440px;
	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;
}
	div#home_photos img { margin:0 10px 10px 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;
	background-color:#fff;
	height:133px;
	font-size:10px
}
div#home_trio_1 {
	color:#72810C;
	background-image:url(../i/bg_home_trio_1.gif);
	border-bottom-color:#72810C;
}
div#home_trio_1 a { color:#72810C }

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

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


/*  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 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 }