*
{
	margin:				0;
	padding:			0;
	box-sizing: 		content-box;
}

/*
colors
*/
foo#bar
{
	background-color:	#000000;		/* black */
	background-color:	#ffffff;		/* white */
	
	background-color:	#d7e3e8;		/* light grey buttons,borders */
	background-color:	#78288c;		/* big purple - selected menu items */
	background-color:	#c0d734;		/* lime green text */
	background-color:	#002f64;		/* dark blue text */
	background-color:	#888a8c;		/* grey text */
	background-color:	#4f9ce9;		/* light bue links */
	background-color:	#9d9fa2;		/* light grey text */
	background-color:	#68829F;		/* menu rollover */
}

html 
{ 
	font-size: 		100.01%; /* IE hack */ 
	height:			100%;
}

/*	LAYOUT TAGS	*/

body
{
	font:				normal 70% Verdana, Helvetica, sans-serif;
	color:				#000000;		/* black */
	background-color:	#ffffff;		/* white */
	border:				0;	
	min-height:			101%;
}


/*	STANDARD TAGS */

table
{
	/*border-collapse:	collapse;*/
}

a
{
	color:				#4f9ce9;		/* light bue links */
	text-decoration:	none;
}

a:hover
{
	color:				#4f9ce9;		/* light bue links */
	text-decoration:	underline;
}

/* 
	standard formatting
	
	sizes and margins declared in EM units so that user can
	increase the text size and still preserve the structure
*/
h1
{
	text-transform: 	lowercase;
	font-weight:		bold;
	font-size:			1.33em;
	margin-bottom:		0.75em;
}


moo#baa
{
	background-color:	#000000;		/* black */
	background-color:	#ffffff;		/* white */
	
	background-color:	#d7e3e8;		/* light grey buttons*/
	background-color:	#e6f0f4;		/* light border - whole site*/
	background-color:	#78288c;		/* big purple - selected menu items */
	background-color:	#c0d734;		/* lime green text */
	background-color:	#002f64;		/* dark blue text */
	background-color:	#888a8c;		/* grey text */
	background-color:	#4f9ce9;		/* light bue links */
	background-color:	#9d9fa2;		/* light grey text */
	background-color:	#68829F;		/* dark grey text - menu rollover */
}


h2
{ 
	font-weight:  		bold;
	font-size:  		2.0em;
 	margin-bottom:  	0.5em;
	color:				#c0d734;		/* lime green text */
}

h3
{
	font:				bold 70% Arial, Verdana, Helvetica, sans-serif;
	font-size:			1.25em;
	margin-bottom:		0.2em;
	margin-top:			0.7em;
	color:				#002f64;		/* dark blue text */
}

h4
{
	font-weight:		bold;
	font-size:		1.0em;
	margin-bottom:		1.0em;
}

h5
{
	font-weight:		bold;
	font-size:		1.0em;
	margin-bottom:		1.0em;
}

p
{
	font-size:		1.0em;
	margin-bottom:		1.0em;
}

b
{
	color:			#4d8ac4;	/* nice blue text */
}

img
{
	border:			none;
}

ul, ol
{
	font-size:		1.0em;
	/*margin-bottom:	1.0em;*/
	padding-left:		2.0em;
}

ul li, ol li
{
	margin-bottom:		1.0em;
}

ul
{
	margin-bottom:		2.0em;
}

.nocss
{
	display:	none;
}



/*
	table where th's are down the left and input boxes and such are in td's along the right
*/
table.formtable
{
	margin:			0 auto;
}

table.formtable th, table.formtable td
{
	padding:		5px;
	vertical-align: top;
	text-align:		left;
}





div.clear
{
	font-size:		0;
	height:			0px;
	width:			0;
	overflow:		hidden;
	clear:			both;
}



/*

	outer and inner serve only to align background images and preserve the
	scrollbar for mozilla-based browsers. 

*/

div#outer
{
	text-align:		left;
	margin:			0 auto;
	width:			946px;
	min-height:		100.01%;
}

div#inner
{
	border: 		8px solid #e6f0f4;		/* light borders site */
	padding:		10px;
	color:			#888a8c;		/* grey text */
	margin-bottom:	20px;		/* some white space to scroll down to*/
}



div#print_outer
{
	text-align:		left;
	margin:			0 auto;
	width:			646px;
	min-height:		100.01%;
}

div#print_inner
{
	border: 		8px solid #e6f0f4;		/* light borders site */
	padding:		10px;
	color:			#888a8c;		/* grey text */
	margin-bottom:	20px;		/* some white space to scroll down to*/
}

/*
	appears before body main content for google
*/
span#top
{
	font-size:		0.8em;
	height:			25px;
	line-height:	25px;
}

span#top a
{
	color:			#888a8c;		/* grey text */
}
 

/*

body >
outer >
inner >

|---------------|
|head           |
|---------------|
|block          |
|---------------|
|menu |content  |
|     |         |
|     |         |
|     |         |
|---------------|
|foot           |
|---------------|

*/


div#head
{
	height:				110px;
}

div#head img
{
	float:				left;
}

/*
	contains top right text links
*/
div#head span#links
{
	display:			block;
	float:				right;
	height:				68px;
	color: 				#c0d734;		/* lime green text */
	font-weight: 		bold;
}

div#head span#links a
{
	color: 				#68829f;		/* dark grey text - menu rollover */
}


/*
	contains fat tab style links
*/
div#head div
{
	width: 				600px;
	display:			block;
	float:				right;
	clear:				right;
	height:				42px;
	line-height:		42px;
	text-align:			center;
	/*background-color:		#FFFF66;*/
	margin-right:		-1px;		/* overlap the inner div padding a little, helps prevent float wrapping and fits the tabs (below) in with their margins better */
	overflow:			hidden;	
}

/*
	tabs
*/
div#head div a
{
	display:			block;
	float:				left;
	width:				199px;
	height:				42px;
	/* background-color:	#78288c;		big purple - selected menu items */
	/* color:				#c0d734;		lime green text */
	margin-right:		1px;
	overflow:			hidden;	
}


div#head div a span
{
	display:			block;
	height:				42px;
}

div#head div a#tab_recruitment span 
{
	background-image:	url(../img/tab_recruitment.png);
	cursor: hand;		
}

div#head div a#tab_person span
{
	background-image:	url(../img/tab_person.png);	
	cursor: hand;	
}

div#head div a#tab_enterprise span
{
	background-image:	url(../img/tab_enterprise.png);		
	cursor: hand;
}



/*
	optional chunky graphic
*/
div#block
{
	height:				320px;
	background-color:	#78288c;		/* big purple - selected menu items */
	color:				#c0d734;		/* lime green text */
	margin-bottom:		5px;
}

div#block h2
{
	margin-left:		45px;
	padding-top:		60px;
	font-size:			3.0em;
}


/*
	thin alternate to block, which still allows the tab effect to work
*/
div#line
{
	height:				10px;	
	background-color:	#78288c;		/* big purple - selected menu items */
	color:				#c0d734;		/* lime green text */
	margin-bottom:		5px;
}



/*
		MENU
*/


div#menu
{
	width:			311px;
	float:			left;
}


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

div#menu ul a
{
	display:			block;
	width:				230px;			/* 275px; */
	font-weight:	bold;
	padding-left:		45px;
	height:				25px;
	line-height:		25px;
	margin-bottom:		5px;
	color:				#002f64;		/* dark blue text */		
	/* background-color:	#d7e3e8;		light grey buttons,borders */
	background-image:	url(../img/menu_button.png);
}

div#menu ul a:hover
{
	color:				#c0d734;		/* lime green text */		
	/* background-color:	#68829F;		menu rollover */
	text-decoration:		none;	
	background-position:	0 -50px;
}



/*
		MAIN CONTENT AREA
*/


div#pagecontent
{
	float:		left;
	width:		580px;
}

div#pagecontent_wide
{
	float:		left;
	width:		890px;
}








/*
	footer with copyright notice
*/
div#foot
{
	font-size:		0.8em;
	height:			15px;
	line-height:	25px;
	clear:			both;
	border-top:		1px solid #d7e3e8;		/* light grey buttons,borders */

}

div#foot span
{
	float:			right;

}




/*
	helper styles
*/

div.imgleft
{
	float:left;
	clear: both;
	padding: 5px 10px 5px 0;
}

div.imgright
{
	float:right;
	clear: both;
	padding: 5px 0 5px 10px;
}

hr
{
	display: block;
	clear: both;
	height: 0px;
	border-top: 1px solid #d7e3e8;		/* light grey buttons,borders */
}



/*
	general per-page overrides
*/
#contact #top_contact,
#news #top_news,
#enquiries #top_enquiries,
#sitemap #top_sitemap,
#copynotice #top_copynotice
{
	font-weight: bold;
}


.left
{
	float: left;
}

.right
{
	float: right;
}

.center
{
	text-align:center;
}

/*
	WHEN A SEARCH COMES UP WITH NO RESULTS THE "ERROR" MESSAGE WILL APPEAR IN ONE OF THESE DIVS
*/
div.nonfound
{
	text-align:center;
	margin-top:2em;
}

/*
	NEWS
*/

div.news_item
{
	clear:	both;
}

/*
	JOB DETAILS PAGE
*/

div.job_item div.job_nav
{
	/* the BACK and APPLY buttons at the top of the job details page */
}

div.job_item div.h2
{
	/* job title */
}

div.job_item table.formtable
{
	margin:	0;	/* drop into flow, should sit left now */
}

div.job_item div.job_desc
{
	margin-left: 7px;
}




/*
	general per-page overrides
*/
#contact #top_contact,
#news #top_news,
#enquiries #top_enquiries,
#sitemap #top_sitemap,
#copynotice #top_copynotice
{
	font-weight: bold;
}




/*
		ADMIN STUFF
*/

#admin textarea.Chan_Controls_TextBox
{
	height:	400px;
}


/*
	JOB DETAILS PAGE
*/

div.footnote
{
	clear: both;
	font-size: 0.8em;
}

/*
	!!!SAUSAGES!!!
*/

a.Chan_Controls_Button,
button.Chan_Controls_Button
{
	display: -moz-inline-box;			/* FFS */
	display:			inline-block;
	
	width:				150px;			/* 275px; */
	font-weight:		bold;
	height:				25px;
	line-height:		25px;
	text-align:			center;
	margin-bottom:		0px;
	color:				#002f64;		/* dark blue text */		
	/* background-color:	#d7e3e8;		light grey buttons,borders */
	background-image:	url(../img/button_150.png);
}

a.Chan_Controls_Button:hover,
button.Chan_Controls_Button:hover
{
	color:			#c0d734;		/* lime green text */		
	text-decoration:		none;	
	background-position:	0 -50px;
}





/*
	INLINE_BLOCK HACKED FOR FIREFOX 2
	(surgery performed in /js/misc.js : Firefox_Inline_Block())
*/
table.Chan_Controls_Button
{
	display: inline;
	vertical-align: bottom;
	margin-bottom:		5px;
}

table.Chan_Controls_Button td
{
	text-align: center;
	vertical-align: top;
	width:				150px;			/* 275px; */
	font-weight:		bold;
	height:				25px;
	line-height:		25px;
	text-align:			center;
	color:				#002f64;		/* dark blue text */		
}

table.Chan_Controls_Button a.Chan_Controls_Button,
table.Chan_Controls_Button button.Chan_Controls_Button
{
	display:	block;
	margin: 0;
	position: relative;
	top: 6px;
}