/********************************
*********************************

	Appoint Global Style Sheet

*********************************
********************************/


/********************************
*********************************

Colours Used:

Dark Red: #ab0000

Dark Grey: #6a6a6a

Black: #000

White: #fff

*********************************
********************************/



/********************************
*********************************

General Styles

*********************************
********************************/

* {margin: 0; padding: 0}

html {border-top: 11px solid #000;}

body {margin: 0 auto; font-family: Arial, Helvetica, sans-serif; width: 750px; font-size: 12px;}

ul {list-style: none;}

a {text-decoration: none; color: #000;}

a:hover {text-decoration: underline;}

.red {
	color: #ab0000;
	}
	
cite {
	color: #ab0000;
	}
	
p.message {
	border: 1px dashed #FF0000;
	padding: 5px 0 5px 10px;
	margin: 0 0 10px 12px;
	width: 300px;
	}


/********************************
*********************************

Branding

*********************************
********************************/

#branding {float: left; width: 250px;}

#branding h1 {background: url(slices/appoint_branding.gif) top left no-repeat; text-indent: -5000px; height: 110px;}


/********************************
*********************************

Search Form

*********************************
********************************/

#search_form {
	float: right;
	clear: right;
	margin: 0 0 5px 0;
	}
	
.searchinput {
	width: 100px;
	font-size: 10px;
	}

.searchsubmit {
	font-size: 10px;
	}
	
#contact_us {
	margin: 20px 0 5px 0;
	float: right;
	font-size: 10px;
	padding: 0;
	}


/********************************
*********************************

Login Logout Text

*********************************
********************************/

#login {
	margin: 46px 0 0 0;
	padding: 0;
	float: left;
	font-size: 10px;
	line-height: 1em;
	}



/********************************
*********************************

Primary Navigation

*********************************
********************************/

#primary_navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 500px; 
	float: left; 
	margin: 0 0 0 0; 
	font-weight: normal; 
	border-top: 4px solid #000;
	}

#primary_navigation li {
	background: url(slices/main_nav_off_slice.gif) repeat-x top left;
	text-align: center;
	float: left;
	margin: 2px 0 0 2px; display: block;
	}

#primary_navigation a {
	color: #fff; 
	display: block; 
	width: 81px; 
	height: 32px; 
	padding: 5px 0 0 0;
	}

#primary_navigation a:hover, #primary_navigation a.active {
	background: url(slices/main_nav_active_slice.gif) top left repeat-x; 
	text-decoration: none; 
	padding: 9px 0 0 0; 
	height: 28px;
	}





/********************************
*********************************

Main Content

*********************************
********************************/

#main_content {clear: left;}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	clear: left;
	color: #ab0000;
	}

#small_column {width: 250px; float: left;}

.small_column {width: 250px; float: left;}

.small_column img {
	padding-left: 10px;
	}

#large_column {width: 500px; float: left;}

form#submit_email_form {width: 249px; float: left;}

form#job_search_form {width: 345px; float: left;}

form#submit_cv_form {width: 499px; float: left;}

form#contact_form {width: 499px; float: left;}

#large_column ul {
	padding: 5px 10px 10px 25px;
	line-height: 1.5em;
	list-style-type: disc;
	}

#job_types {
	text-indent: -5000px; 
	background: url(slices/jobsearch_mag_glass.gif) top left no-repeat; 
	float: left; 
	width: 155px; 
	height: 250px;
	}
	
p {
	padding: 5px 10px 10px 12px;
	line-height: 1.5em;
	}
	
p a {
	color: #ab0000;
	}
	
p a span {
	color: #000;
	}
	
#news_headline {
	border-right: 1px solid #000;
	}
	
h3.headline {
	font-size: 14px;
	padding: 5px 10px 10px 12px;
	}
	
h3.headline a {
	color: #ab0000;
	}
	
.pageturn {
	background: url(slices/latest_jobs_pageturn.gif) top left no-repeat;
	display: block;
	height: 29px;
	padding: 10px 0 0 130px;
	margin: 0;
	border-right: none;
	color: #ab0000;
	}
	
.pageturn span {
	color: #000;
	}
	
#how_to_list {
	list-style-type: disc;
	padding: 5px 10px 10px 12px;
	line-height: 1.5em;
	margin: 0 0 0 12px;
	}
	
.example_list {
	list-style-type: disc;
	margin: 0 0 0 20px;
	padding: 0;
	}
	
#large_column h4 {
	font-weight: normal;
	color: #6a6a6a;
	border-top: 1px dashed #6a6a6a;
	margin: 15px 60px 5px 10px;
	padding: 10px 0 0 0;
	}
	
.more_info_content {
	border-right: 1px solid #000;
	padding-top: 5px;
	}
	
#about_us_list {
	list-style-type: disc;
	padding: 5px 10px 10px 12px;
	line-height: 1.5em;
	margin: 0 0 0 12px;
	color: #ab0000;
	}
	
#about_us_list span {
	color: #000;
	}
	
#current_programs_list span {
color:#AB0000;
}
	
/********************************
*********************************

Three Column Section LIST

*********************************
********************************/

#three_column_section {
	background: url(slices/latest_jobs_header.gif) top left no-repeat;
	float: left;
	width: 750px;
	}

#three_column_section li {
	float: left;
	width: 250px;
	}
	
#three_column_section li p {
	padding: 3px 10px 15px 12px;
	border-right: 1px solid #000;
	}
	
#three_column_section li h2#job_type {
	padding: 12px 0 8px 40px;
	}

#three_column_section li h2#latest_jobs {
	padding: 12px 0 8px 12px;
	}

#three_column_section li h3 {
	font-size: 12px;
	}

#three_column_section li h3#job_01 {
	padding: 5px 0 0 12px;
	border-right: 1px solid #000;
	}
	
#three_column_section li h3#job_02 {
	margin: 41px 0 0 12px;
	border-right: 1px solid #000;
	}
	
/********************************
*********************************

submit_email_form

*********************************
********************************/	
	
form#submit_email_form {
	padding-bottom: 10px;
	}

form#submit_email_form .form_label {
	background-color: #000; 
	color: #fff; 
	float: left; 
	padding: 3px 0 3px 10px; 
	clear: left; 
	width: 60px; 
	margin: 0 0 8px 10px;
	}
	
form#submit_email_form .form_input {
	width: 150px;
	float: left;
	margin: 0 0 8px 8px;
	}

form#submit_email_form .form_submit {
	clear: left; 
	float: left;
	margin: 0 0 0 100px;
	width: 100px;
	}	

	
/********************************
*********************************

Job Search Form

*********************************
********************************/

.form_label {
	background-color: #000; 
	color: #fff; 
	float: left; 
	padding: 3px 0 3px 10px; 
	clear: left; 
	width: 130px; 
	margin: 0 0 8px 0;
	}
	
.form_input {
	float: left;
	margin: 0 0 8px 8px;
	}

.form_select {
	float: left; 
	margin: 0 0 8px 8px;
	}

.form_submit {
	clear: left; 
	margin: 0 0 0 146px;
	width: 130px;
	}
	
.form_submit_large {
	float: left;
	clear: left; 
	margin: 0 0 0 146px;
	width: 130px;
	}
	
.form_textarea {
	float: left;
	margin: 0 0 8px 8px;
	}
	

/********************************
*********************************

TABLES

*********************************
********************************/

/********************************
*********************************

TABLE FOR SEARCH RESULTS

*********************************
********************************/

#large_table {
	clear: left;
	width: 750px;
	}

table {
	clear: left;
	width: 490px;
	}
	
table a.read_more {
	color: #ab0000;
	font-weight: normal;
	}
	
table a.read_more span {
	color: #000;
	font-size: 10px;
	}
	
th {
	text-align: left;
	background: #F4DEDF;
	padding: 20px 0 7px 10px;
	}
	
th.ref {
	background: #ddd;
	}
	
td, th {
	border: 1px solid #000;
	}
	
td {
	padding: 6px 10px 7px 10px;
	font-weight: bold;
	vertical-align: top;
	line-height: 1.5em;
	}
	
td.jobtitle {
	width: 171px;
	}
	
td.salary {
	width: 103px;
	}

td.ref a {
	text-decoration: underline;
	font-weight: normal;
	}
	
td.ref a:hover {
	text-decoration: none;
	}
	
#table_navigation {
	margin: 10px 0 0 10px;
	width: 490px;
	}
	
#table_navigation p, #table_navigation a {
	padding: 0;
	line-height: 1em;}
	
#previous_page, #visible_results, #next_page {
	float: left;
	width: 450px;
	}
	
#previous_page, #next_page, #search_again a {
	color: #ab0000;
	}
	
#previous_page span, #next_page span {
	color: #000;
	}
	
#next_page {
	text-align: right;
	}
	
#visible_results {
	text-align: center;
	}

#search_again {
	clear: left;
	float: left;
	margin: 8px 0 0 0;
	width: 465px;
	text-align: right;
	}
	
#search_again span {
	color: #000;
	}
	
	
/********************************
*********************************

TABLE FOR JOB DETAILS

*********************************
********************************/

#job_details th {
	width: 105px;
	vertical-align: top;
	padding-top: 6px;
	}
	
#job_details .description {
	font-weight: normal;
	}
	
#job_details ul {
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	list-style-type: disc;
	}
	
	
td.helptext {
	font-weight: normal;
	font-size: 10px;
	}

/********************************
*********************************

H2 Main Image

*********************************
********************************/

h2.main_image {
	height: 124px;
	text-indent: -5000px; 
	width: 500px;
	}

h2#business_people {
	background: url(slices/business_people.jpg) top left no-repeat;
	}
	
h2#business_people_hr {
	background: url(slices/business_people_hr.jpg) top left no-repeat;
	}
	
h2#business_people_temps {
	background: url(slices/business_people_temps.jpg) top left no-repeat;
	}
	
h2#maze {
	background: url(slices/maze.jpg) top left no-repeat;
	}
	
h2#newspaper {
	background: url(slices/newspaper.jpg) top left no-repeat;
	}
	
h2#news_keyboard {
	background: url(slices/news.jpg) top left no-repeat;
	}
	
h2#telephone {
	background: url(slices/telephone.jpg) top left no-repeat;
	}
	
h2#client_logos {
	background: url(slices/clients_logos.jpg) top left no-repeat;
	}
	
h2#client {
	background: url(slices/clients.jpg) top left no-repeat;
	}
	
h2#compass {
	background: url(slices/compass.jpg) top left no-repeat;
	}
	
h2#downloads {
	background: url(slices/download.jpg) top left no-repeat;
	}
	
h2#links {
	background: url(slices/linking.gif) top left no-repeat;
	}


/********************************
*********************************

H2 large Column Header

*********************************
********************************/

h2.large_column_header {
	padding: 12px 0 5px 40px;
	margin-bottom: 10px;
	}
	
h2.large_column_subheader {
	padding: 12px 0 5px 12px;
	margin-bottom: 10px;
	}
	
h2#header_search {
	background: url(slices/h2_background_medium.gif) top left no-repeat;
	}
	
h2#header_fullwidth {
	background: url(slices/h2_background_large_search.gif) top left no-repeat;
	}
	
h2#header_fullwidth_submit_cv {
	background: url(slices/h2_background_large_upload.gif) top left no-repeat;
	}
	
h2#header_fullwidth_news {
	background: url(slices/h2_background_large_news.gif) top left no-repeat;
	}
	
h2#header_fullwidth_contact_us {
	background: url(slices/h2_background_large_contact.gif) top left no-repeat;
	}
	
h2#header_fullwidth_testimonials {
	padding-left: 12px;	
	background: url(slices/h2_background_large_empty.gif) top left no-repeat;
	}
	
h2#header_fullwidth_clients {
	padding-left: 12px;	
	background: url(slices/h2_background_large_empty.gif) top left no-repeat;
	}
	
h2#header_fullwidth_privacy {
	padding-left: 12px;	
	background: url(slices/h2_background_large_empty.gif) top left no-repeat;
	}
	
h2#header_fullwidth_access {
	padding-left: 12px;	
	background: url(slices/h2_background_large_empty.gif) top left no-repeat;
	}
	
h2#header_fullwidth_sitemap {
	background: url(slices/h2_background_large_compass.gif) top left no-repeat;
	}
	
h2#header_fullwidth_downloads {
	background: url(slices/h2_background_large_download.gif) top left no-repeat;
	}
	
h2#header_fullwidth_links {
	background: url(slices/h2_background_large_link.gif) top left no-repeat;
	}




/********************************
*********************************

H2 Small Column Header

*********************************
********************************/
	
#welcome, #new_search, #search, #submit_cv, #how_to_submit_your_cv, #recent_articles, #contact_details, #our_clients, #lost, #linking {
	padding: 12px 0 5px 12px;
	background: url(slices/h2_background_small_general.gif) top left no-repeat;
	}
	
#news {
	background: url(slices/h2_background_small_news.gif) top left no-repeat;
	padding: 12px 0 5px 40px;
	}
	
.smallHeaderLink a {
	color: #ab0000;
	}
	
	
/********************************
*********************************

NEWS Section

*********************************
********************************/

#recent_articles_list {
	padding: 5px 10px 10px 12px;
	line-height: 1.5em;
	}
	
#recent_articles_list h4 {
	font-weight: normal;
	color: #6a6a6a;
	border-top: 1px dashed #6a6a6a;
	margin: 10px 0 5px 0;
	padding: 10px 0 0 0;
	}
	
#recent_articles_list a {
	color: #ab0000;
	}
	
#recent_articles_list a span {
	color: #000;
	}
	
#recent_articles_list p {
	padding: 0;
	}

/********************************
*********************************

H2 Small Column Header

*********************************
********************************/

.standard_column_header {
	padding: 11px 0 5px 12px;
	background: url(slices/h2_standard_column.gif) top left no-repeat;
	}


/********************************
*********************************

Secondary Navigation

*********************************
********************************/

#navigation_separator {
	margin: 20px 0 0 0;	
	float: left;
	width: 750px;
	height: 0;
	border-top: 2px solid #000;
	}

#secondary_navigation {
	float: left;
	padding: 10px 0 0 0;
	font-size: 11px;
	width: 750px;
	}
	
#secondary_navigation li {
	border-left: 1px solid #000;
	float: left;
	width: 112px;
	padding: 0 0 0 12px;
	}
	


	
/********************************
*********************************

Copyright

*********************************
********************************/

#copyright {
	clear: left;
	padding: 20px 0 0 0;
	height: 120px;
	font-size: 10px;
	}
	
#copyright img {
	border-top: 1px solid #000;
	float: left;
	padding: 5px 0 0 0;
	}
	
#copyright_details {
	float: left;
	padding: 5px 25px 0 5px;
	margin: 0;
	border-top: 1px solid #000;
	}

#design_by_details {
	float: right;
	padding: 5px 0px 0 50px;
	margin: 0;
	border-top: 1px solid #000;
	}
	
#design_by_details a {
	color: #ab0000;
	}