* {	margin: 0; padding: 0;}

body {font-family:Verdana, Arial, sans-serif; font-size:70%;color:#5B5B5B;background: url(../_images/general/bg.gif) repeat-x #0097EE;text-align:center;margin-left:auto;margin-right:auto;}

img {border:0px;}
a, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
p { padding-bottom:15px; font-size:100%;}

.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}

/*******************************************************/
/*                       H Divs                        */
/*******************************************************/

h1 { padding:0px 0px 10px 35px;}

h2 { padding-bottom:10px; font-size:110%;}
	#pagecontentblue h2 { color:#008CDF;}
	#pagecontentgreen h2, #searchresults h2 { color:#14BA00;}
	#pagecontentred h2 { color:#E52700;}
	#pagecontentorange h2 { color:#FF8E00;}
	#pagecontentpurple h2 { color:#BD00B9;}
	#searchresults h2 { color:#14BA00;padding-bottom:0px; font-size:100%;}

h3 { font-size:110%; font-weight:bold; padding-bottom:5px; color:#888888;}

/*******************************************************/
/*                    Template Divs                    */
/*******************************************************/

#container { width:790px;text-align:left;margin-left:auto;margin-right:auto;background: url(../_images/general/container.gif) repeat-y;}

#masthead { width:790px; height:130px;background: url(../_images/general/masthead.jpg) no-repeat;}

#nav { float:left;font-size:11px; width:508px; margin-left:42px; padding:0px 0px 0px 0px;}
	#nav li { list-style-type:none; float:left; height:20px; text-align:center; padding-top:10px;}
	#nav .home { width:104px; background: url(../_images/buttons/nav-home.gif) no-repeat;}
	#nav .candidates { width:100px; background: url(../_images/buttons/nav-candidates.gif) no-repeat;}
	#nav .clients { width:100px; background: url(../_images/buttons/nav-clients.gif) no-repeat;}
	#nav .about { width:100px; background: url(../_images/buttons/nav-about.gif) no-repeat;}
	#nav .training { width:104px; background: url(../_images/buttons/nav-training.gif) no-repeat;}
		#nav a, #nav a:visited { font-weight:bold; color:#fff;}
		
		
#pagecontentblue a { color:#008CDF; font-weight:bold;}
#pagecontentgreen a, #searchresults a { color:#14BA00; font-weight:bold;}
#pagecontentred a { color:#E52700; font-weight:bold;}
#pagecontentorange a { color:#FF8E00; font-weight:bold;}
#pagecontentpurple a { color:#BD00B9; font-weight:bold;}

#pagecontentblue, #pagecontentgreen, #pagecontentred, #pagecontentorange, #pagecontentpurple { width:500px; padding-left:35px;}
	#pagecontentblue ul, #pagecontentgreen ul, #pagecontentred ul, #pagecontentorange ul, #pagecontentpurple ul { padding-bottom:10px;}
		#pagecontentblue li { list-style-type:none; background: url(../_images/buttons/bullet-blue.gif) no-repeat left top; padding:0px 0px 4px 15px;}
		#pagecontentgreen li { list-style-type:none; background: url(../_images/buttons/bullet-green.gif) no-repeat left top; padding:0px 0px 4px 15px;}
		#pagecontentred li { list-style-type:none; background: url(../_images/buttons/bullet-red.gif) no-repeat left top; padding:0px 0px 4px 15px;}
		#pagecontentorange li { list-style-type:none; background: url(../_images/buttons/bullet-orange.gif) no-repeat left top; padding:0px 0px 4px 15px;}
		#pagecontentpurple li { list-style-type:none; background: url(../_images/buttons/bullet-purple.gif) no-repeat left top; padding:0px 0px 4px 15px;}

.leftcol01 { float:left; width:240px;}			
.leftcol02 { float:left; width:240px; margin-left:20px;}
			
			
.rightcol { float:right; width:180px; padding-right:35px;}
	.rightcol fieldset { border:0;}
	.rightcol legend { display:none;}
	.rightcol label { font-weight:normal; padding:0px 0px 5px 5px; color:#9E9E9E;}
	.rightcol .textfield { width:154px; border:1px solid #9E9E9E; font-size:10px; color:#9E9E9E; padding:2px 2px 2px 4px; margin:5px 0px 10px 0px;}
	.rightcol select { width:160px; border:1px solid #9E9E9E; font-size:10px; color:#9E9E9E; margin:5px 0px 15px 0px;}
	
	.rightcol .calltoaction { width:180px; margin-top:5px; border-bottom:1px solid #DCDCDC; border-top:1px solid #DCDCDC; padding:10px 0px 5px 0px;}
	.rightcol .address { width:180px; margin-top:5px;padding:10px 0px 5px 0px;}

/*******************************************************/
/*                     Banner Divs                     */
/*******************************************************/


#homebanner { width:790px; height:180px;background: url(../_images/banners/home.jpg) no-repeat;font-size:11px; padding-top:20px;}
#candidatesbanner { width:790px; height:180px;background: url(../_images/banners/candidates.jpg) no-repeat;font-size:11px; padding-top:20px;}
#clientsbanner { width:790px; height:180px;background: url(../_images/banners/clients.jpg) no-repeat;font-size:11px; padding-top:20px;}
#aboutbanner { width:790px; height:180px;background: url(../_images/banners/about.jpg) no-repeat;font-size:11px; padding-top:20px;}
#trainingbanner { width:790px; height:180px;background: url(../_images/banners/training.jpg) no-repeat;font-size:11px; padding-top:20px;}
	
	#homebanner li, #candidatesbanner li, #clientsbanner li, #aboutbanner li, #trainingbanner li { list-style-type:none; margin-left:570px;}
	#homebanner a, #homebanner a:visited, #candidatesbanner a, #candidatesbanner a:visited, #clientsbanner a, #clientsbanner a:visited, #aboutbanner a, #aboutbanner a:visited, #trainingbanner a, #trainingbanner a:visited { font-weight:bold; color:#fff; height:19px; line-height:200%; padding:4px 0px 4px 25px;}
			
			#homebanner a.search { background:url(../_images/buttons/home-search.gif) no-repeat left;}
			#homebanner a.services { background:url(../_images/buttons/home-services.gif) no-repeat left;}
			#homebanner a.register { background:url(../_images/buttons/home-register.gif) no-repeat left;}
			#homebanner a.profiling { background:url(../_images/buttons/home-testing.gif) no-repeat left;}
			#homebanner a.contactus { background:url(../_images/buttons/home-contactus.gif) no-repeat left;}
			
			#candidatesbanner a.search { background:url(../_images/buttons/candidates-search.gif) no-repeat left;}
			#candidatesbanner a.register { background:url(../_images/buttons/candidates-register.gif) no-repeat left;}
			#candidatesbanner a.tips { background:url(../_images/buttons/candidates-tips.gif) no-repeat left;}
			#candidatesbanner a.counselling { background:url(../_images/buttons/candidates-counselling.gif) no-repeat left;}
			#candidatesbanner a.opportunities { background:url(../_images/buttons/candidates-opportunities.gif) no-repeat left;}
			
			#clientsbanner a.services { background:url(../_images/buttons/clients-services.gif) no-repeat left;}
			#clientsbanner a.work { background:url(../_images/buttons/clients-work.gif) no-repeat left;}
			#clientsbanner a.peoplesay { background:url(../_images/buttons/clients-peoplesay.gif) no-repeat left;}
			#clientsbanner a.terms { background:url(../_images/buttons/clients-terms.gif) no-repeat left;}
			#clientsbanner a.charter { background:url(../_images/buttons/clients-charter.gif) no-repeat left;}
			
			#aboutbanner a.about { background:url(../_images/buttons/about-about.gif) no-repeat left;}
			#aboutbanner a.people { background:url(../_images/buttons/about-people.gif) no-repeat left;}
			#aboutbanner a.profiling { background:url(../_images/buttons/about-testing.gif) no-repeat left;}
			#aboutbanner a.diduknow { background:url(../_images/buttons/about-diduknow.gif) no-repeat left;}
			#aboutbanner a.contactus { background:url(../_images/buttons/about-contactus.gif) no-repeat left;}
			
			#trainingbanner a.training { background:url(../_images/buttons/training-training.gif) no-repeat left;}
			#trainingbanner a.open1 { background:url(../_images/buttons/training-open1.gif) no-repeat left;}
			#trainingbanner a.open2 { background:url(../_images/buttons/training-open2.gif) no-repeat left;}
			#trainingbanner a.bespoke1 { background:url(../_images/buttons/training-bespoke1.gif) no-repeat left;}
			#trainingbanner a.bespoke2 { background:url(../_images/buttons/training-bespoke2.gif) no-repeat left;}
			


/*******************************************************/
/*                     Footer Divs                     */
/*******************************************************/

#footer {background: url(../_images/general/footer.gif) no-repeat top #0097EE; padding:40px 35px 25px 35px;}
	#footer li { list-style-type:none; display:inline; color:#B3E3FF;}
		#footer a, #footer a:visited { color:#B3E3FF;}
		#footer .home { padding-left:15px;}

/*******************************************************/
/*                   Job Search Divs                   */
/*******************************************************/

#jobsearch fieldset { border:0; width:520px;}
	#jobsearch legend { display:none;}
	#jobsearch label { float:left; color:#14BA00; font-weight:bold; padding:8px 0px 2px 0px; width:90px;  margin-right:10px; font-size:10px;}
	#jobsearch .textfield { width:120px; border:1px solid #9E9E9E; font-size:10px; color:#9E9E9E; padding:2px 2px 2px 4px; margin:5px 0px 10px 0px;}
	#jobsearch .jobref { width:50px; border:1px solid #9E9E9E; font-size:10px; color:#9E9E9E; padding:2px 2px 2px 4px; margin:5px 0px 10px 0px;}
	#jobsearch select { width:126px; border:1px solid #9E9E9E; font-size:10px; color:#9E9E9E; margin:5px 0px 15px 0px;}
	#jobsearch .radio { margin-top:7px;}
	#jobsearch .formbutton { margin:10px 0px 20px 25px;}
	#jobsearch h2 {padding-bottom:0px; color:#888888;}

#searchresults {width:500px; padding-left:35px;}
	#searchresults li { background: none; float:left; list-style-type:none; margin-bottom:20px; padding:5px 10px 5px 0px;}
		#searchresults dt { float:left; font-weight:bold; width:90px; padding:2px 0px 2px 15px;}
		#searchresults dd {float:left; width:385px; padding:2px 0px 2px 0px;}
		#searchresults .package { font-weight:bold;}
		#searchresults .on { background-color:#F2F2F2;}

#searchresults_frontpage {width:500px; padding-left:0px;}
	#searchresults_frontpage li { background: none; float:left; list-style-type:none; margin-bottom:5px; padding:5px 10px 5px 0px;}
		#searchresults_frontpage dt { float:left; font-weight:bold; width:90px; padding:2px 0px 2px 15px;}
		#searchresults_frontpage dd {float:left; width:385px; padding:2px 0px 2px 0px;}
		#searchresults_frontpage .package { font-weight:bold;}
		#searchresults_frontpage .on { background-color:#F2F2F2;}
		#searchresults_frontpage h2 { padding-bottom:0px; font-size:110%;}

/*******************************************************/
/*                      Misc Divs                      */
/*******************************************************/


#pagecontentorange .question li { list-style-type:none; background: url(../_images/buttons/bullet-question.gif) no-repeat left top; padding:0px 0px 15px 25px; color:#888888; }

#pagecontentred blockquote { padding:0px 0px 50px 0px; background: url(../_images/general/quote.gif) no-repeat top;}
	#pagecontentred blockquote .quote { padding:0px 30px 0px 30px; }
	#pagecontentred blockquote .attributed { padding:5px 20px 0px 30px;}
	
	#logos li { list-style-type:none; background:none; margin-bottom:25px;}


/*******************************************************/
/*                   Contact Us Divs                   */
/*******************************************************/

#contactus fieldset { border:0; width:500px;}
	#contactus legend { display:none;}
	#contactus label { float:left; color:#FF8E00; font-weight:bold; padding:8px 0px 2px 0px; width:90px;  margin-right:10px; font-size:10px;}
	#contactus .textfield { width:120px; border:1px solid #9E9E9E; font-size:10px; color:#9E9E9E; padding:2px 2px 2px 4px; margin:5px 0px 10px 0px;}
	#contactus select { width:126px; border:1px solid #9E9E9E; font-size:10px; color:#9E9E9E; margin:5px 0px 15px 0px;}
	#contactus .formbutton { margin:10px 0px 20px 128px;}
	#contactus .textarea { width:200px; height:200px; border:1px solid #9E9E9E; font-size:10px; color:#9E9E9E; padding:2px 2px 2px 4px; margin:5px 0px 10px 0px;font-family:Verdana, Arial, sans-serif;}
.error {font-family: Tahoma;font-size: 8pt;color: red;margin-left: 0px;display:none;}
/*******************************************************/
/*                     Training Divs                   */
/*******************************************************/

#trainingcourses { position:relative; height:500px; width:500px; z-index:100;}
	#trainingcourses dd { padding-bottom:15px;}
		#trainingcourses dt { font-weight:bold;}
		#trainingcourses .subnav dt { font-weight:normal;}
		#trainingcourses .subnav dd { padding-left:10px; padding-bottom:5px;}

#course01, #course02, #course03, #course04, #course05, #course06, #course07, #course08, #course09, #course10, #course11, #course12, #course13 { position:absolute; top:20px; left:0px;width: 500px;visibility: hidden; z-index:1;}

/*******************************************************/
/*           Hide Form Values on submit                */
/*******************************************************/

div#keywords { position:relative; float:left; margin-right:3px;}
	label.over { color:#999;}
	label.overlabel-apply {	position:absolute; top:10px; left:1px; z-index:1; color:#999;}


/*******************************************************/
/*                 Register Form Divs                  */
/*******************************************************/

#registerform fieldset { border:0; width:500px;}
	#registerform legend { display:none;}
	#registerform label { float:left; color:#14BA00; font-weight:bold; padding:8px 0px 2px 0px; width:200px;  margin-right:10px; font-size:10px;}
	#registerform .textfield { width:136px; border:1px solid #9E9E9E; font-size:10px; color:#9E9E9E; padding:2px 2px 2px 4px; margin:5px 0px 10px 0px;}
	#registerform select { width:142px; border:1px solid #9E9E9E; font-size:10px; color:#9E9E9E; margin:5px 0px 15px 0px;}
	#registerform .formbutton { margin:10px 0px 20px 128px;}

/*******************************************************/
/*                 Front page news section             */
/*******************************************************/

.box { width:550px; margin-left:0px;}
.t {background: url(/_images/box_grey/dot2.gif) 0 0 repeat-x; width: 500px}
.b {background: url(/_images/box_grey/dot2.gif) 0 100% repeat-x}
.l {background: url(/_images/box_grey/dot2.gif) 0 0 repeat-y}
.r {background: url(/_images/box_grey/dot2.gif) 100% 0 repeat-y}
.bl {background: url(/_images/box_grey/bl2.gif) 0 100% no-repeat}
.br {background: url(/_images/box_grey/br2.gif) 100% 100% no-repeat}
.tl {background: url(/_images/box_grey/tl2.gif) 0 0 no-repeat}
.tr {background: url(/_images/box_grey/tr2.gif) 100% 0 no-repeat; padding:10px}

/* ----------------------------------- contact form ------------------------*/
/* Ccontact Form CSS */


#contactEmail {
	margin-left: 20px;
	margin-bottom: 50px;
}
#left_column fieldset {
	width: 430px;
	border: 1px solid #0085C8;
	padding: 7px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


#left_column fieldset table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 5px;
	margin-left: 25px;
	padding-bottom: 10px;
	color: #666666;
}

#left_column fieldset input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #0085C8;
	padding: 2px;
	background-color: #EAF3F7;
}

#left_column fieldset textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #0085C8;
	padding: 2px;
	background-color: #EAF3F7;
}
.linebox {
	width: 250px;
}


#left_column legend {
	color: #0085C8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}