/***************/
/* main layout */
/***************/
body { margin: 0; padding: 0; }
#pageWrapper { width: 762px; margin: auto; margin-top: 15px; padding: 0; }

/* specific link colours for this site */
a:link 	  { color: #999; }
a:visited { color: #999; }
a:hover   { color: #ff6600; }
a:active  { color: #ff6600; }


/*******************/
/* header elements */
/*******************/
#navContainer {
	margin: 0;
	width: 762px;
	border-top: 3px solid #ff6600;
}

#navContainer img { float: left; }

#navContainer ul {
	float: right;
	list-style: none;
	height: 56px;
	margin: 0;
	padding: 0;
}
#navContainer ul li {
	float: left;
	display: block;
	height: 26px;
	line-height: 160%;
	margin-top: 20px;
	margin-left: 8px;
	padding-right: 7px;
	border-right: 2px solid #b5b5b5;
	font-size: 1.2em;
	font-family: Arial, Tahoma, Verdana;
}
#navContainer ul li a { text-decoration: none; display: block; }

#headContainer {
	border-top: 2px solid #ff6600;
	border-bottom: 3px solid #b5b5b5;
}

/********************/
/* content elements */
/********************/

#titleContainer { border-bottom: 1px solid #b5b5b5; padding: 10px 0; }

.heading { margin-bottom: 6px; }
.bullet { margin-right: 6px; }

#content {
	margin-top: 0px;
	margin-bottom: 7px;
	border-bottom: #ff6600 2px solid;
	padding-bottom: 0px;
	line-height:200%;
}
	#content a { color:#ff6600; padding:0px 3px;}
	#content a:hover { color:#fff; background-color:#999999;}

table tr,
table tr th,
table tr td		{ vertical-align: top; text-align: left; }

table tr th		{ color: #ff6600; }
table tr.odd th	{ color: #2e5a69; }

/* styles for the front page news box */
#frontNewsContainer {
	color:#2e5a69;
	line-height:150%;}
	
	#frontNewsContainer a.readMore:hover { background-color: #bdceda !important;}

.newsArchive.newsItem { height: 150px; }

.newsItem {
	margin-bottom: 10px; }

.newsItem .newsItemContent { height: 118px; margin-bottom: 0px; line-height: 240%; overflow: hidden; color:#8a8a8a; }

.newsItem.odd .newsItemContent { }

#content .newsItemContent .newsTitle a { color:#ff6600; background:none;}

#content .newsItemContent .newsTitle a:hover { color:#ff6600; background:none;}

#content .newsItem.odd .newsItemContent .newsTitle a { color:#2e5a69; background:none;}

#content .newsItem.odd .newsItemContent .newsTitle a:hover { color:#214957; background:none;}


.newsItem .newsTitle { margin-bottom: 15px; }

.newsItem .newsPicContainer {
	padding: 0 !important;
	float: left;
	margin: 6px 7px 0 0;
	border: 1px solid #b5b5b5;
}

.newsItem .newsPic {
	border: 1px solid #767676;
}

a.readMore.picMargin { margin-left: 144px; }

a.readMore {
	line-height: 130%;
	color: #2e5a69;
	display: block;
	margin-top: 8px;
	padding-right: 5px;
	text-align: right;
	background-color: #e2e2e2;
	text-decoration: none;
}

a.readMore:hover {
	color:#FFFFFF;
	background-color: #e3d2bc !important;
}

#content .newsItem.odd a.readMore {
	line-height: 130%;
	color: #2e5a69;
	display: block;
	margin-top: 8px;
	padding-right: 5px;
	text-align: right;
	background-color: #e2e2e2;
	text-decoration: none;
}

#content .newsItem.odd a.readMore:hover {
	color:#FFFFFF;
	background-color: #bdceda !important;
}

#servicesNav { border-bottom: 1px solid #b5b5b5; padding-bottom:5px;}

#servicesNav ul{
	margin:0px; padding:0px; margin-top:5px; margin-left:0px;}
	
	#servicesNav li {
		float:left;
		padding: 0px 0px;
		margin-right:83px;
		text-align:left;
		font-size:11px;
		list-style:none;}
		
		#servicesNav li a {
			display: block;}
		
		#servicesNav li a:hover {
			display:block;
			background-color:#ff6600;}

.newsDate {}

#front_buttons a:hover {
	background:none;}

/***************/
/* search page */
/***************/

#jobAlerts { margin-top:10px;}

#jobSearchContainer {}

#jobSearch { margin-top: 10px; float: left; width: 415px; }
#jobSearch.quickSearch { width: 250px; margin: 8px 10px 0 0; padding: 8px 0 4px 8px; background-image:url(../images/quick_search_bg.jpg); background-position:0 0; background-repeat:no-repeat; }
#jobSearch.quickSearch h4 { margin-top: 0; color: #f60; }

/* all inputs on the page */
#jobSearch input { width: 100%; color:#666666; background-color: #e2e2e2; border: none; padding: 4px; height:15px; padding-top:2px; }

/* the submit buttons */
#jobSearch input.submit { color: #fff; background-color: #ff6600; text-align: right; font-weight: bold; height:17px; font-size:12px; padding-top:2px; font-weight:500;}
	#jobSearch input.submit:hover { display:block; background-color:#d15400; cursor:hand;}

/* specific inputs in the 'reference number' form */
#jobSearch tr.ref input { color: #2e5a69; background-color: #b3b3b3; }

/* specific to the submit button in the 'reference number' form */
#jobSearch tr.ref input.submit { color: #fff; background-color: #2e5a69; height:17px; font-size:12px;  }
	#jobSearch tr.ref input.submit:hover { display:block; background-color:#477a8b; cursor:hand;}
	
#jobSearch select {  font-size:95%;}

#jobSearchForm

#jobSearchForm th{ text-align:right;} 

#signup {
	margin:13px 0px 0px 0px;}
	
#cv {
	margin:10px 0px 10px 0px;}


/*************/
/* jobs page */
/*************/


.jobItem { margin-bottom: 15px; }

.jobItem table { margin-bottom: 10px; }

/* jobs search results list */
.jobItem .jobSummary		{ float: left; width: 360px; }
.jobItem .jobDescription	{ float: left; width: 400px; }

a.moreButton {
	color: #ff6600 !important;
	display: block;
	padding-right: 5px;
	text-align: right;
	background-color: #e2e2e2;
	text-decoration: none;
	line-height:130%;}

a.moreButton.odd {
	color: #2e5a69 !important;
	display: block;
	padding-right: 5px;
	text-align: right;
	background-color: #e2e2e2;
	text-decoration: none;
	line-height:130%;
}

a.moreButton:hover { 
	color: #fff !important;
	background-color: #e3d2bc !important;
}


a.moreButton.odd:hover {
	color: #fff !important;
	background-color: #bdceda !important;
}

a.moreButton.odd {
	color: #2e5a69;
}

a.moreButton.odd:hover {
	background-color: #bdceda;
}

a.applyButton {
	color: #fff;
	display: block;
	padding-right: 5px;
	text-align: right;
	background-color: #e2e2e2;
	text-decoration: none;
	line-height:130%;
}

a.applyButton:hover {
	background-color: #bdceda;
}


/*****************************/
/* font page bottom featurss */
/*****************************/
#bottomFeaturesContainer {
	margin-bottom: 6px;
	padding-bottom: 10px;
	border-bottom: #ff6600 2px solid;
}

#newsContainer {
	width: 319px;
	margin-right: 11px;
	float: left;
}

#featuredRolesContainer {
	width: 432px;
	float: right;
	line-height:190%;
}

#featuredRoles {
	padding-left: 11px;
}

#featuredRoles a { display: block; }

#featured1			{ color: #ff6600; }
#featured1:hover	{ color: #a1a1a1; }

#featured2			{ color: #545454; margin-top: 15px; }
#featured2:hover	{ color: #a1a1a1; }

.floatleft { float: left; }

hr {
	border-bottom: dashed #000 1px;
	height: 1px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/*****************/
/* photo gallery */
/*****************/
div.galleryItem { /* one gallery item */
	width: 100px;
	height: 100px;
	float: left;
	margin: 5px;
}

/*******************/
/* footer elements */
/*******************/
#footer { color: #55574a; padding-bottom:12px; }
#footer a { text-decoration: none; } /* for the clevercherry.com link */


/***********************/
/* general form styles */
/***********************/
#contactform	{ float: left; }  /* the contact form itself */
#contact		{ float: right; } /* contact info or whatever on right */

/* all form elements are contained within a formrow div, with a label and
 *  then the element, this is the best way (but still not good) to emulate
 *  a table */
div.formrow {
	clear: both;
	text-align: left;
	margin-bottom: 10px;
}

div.formrow label {
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 80px; /* default width for a default form, add new form ids and override */
}
div.formrow .indent { margin-left: 90px; } /* label width + label margin-right, override as above */

/* message and error boxes, not just useful in contact form */
div.box { border: 1px solid #080; color: #080; padding: 3px 5px; margin-bottom: 15px; float: left; line-height: 180%; } /* you may need to clearfix this */
div.box.nomargin { margin-bottom: 0; } /* if before something with a margin-top */
div.box.error { border-color: #f00; color: #f00; } /* error box in red */