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

	HTML CLASSES

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

	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		margin:0px 0px 20px 0px;
		padding:0px;
		line-height:1.6em;
	}
	h1 { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:normal;
	}
	h2 { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
	}
	h1,h2 { margin-top:0px; margin-bottom:20px; line-height:1.2em; }
	p,ul { margin-top:0px; margin-bottom:20px; }
	form { margin:0px; padding:0px; }
	textarea,select,input {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	a { color:#2D5FBC; font-weight:bold; text-decoration:underline; }
	a:hover { text-decoration:none; }
	
/*
***********************************************************

	STRUCTURAL ELEMENTS
	Various divs we use to position and align the interface
	elements, such as columns, boxes, etc.

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

	#outer_canvas {
		/*background-color:#00FF00;*/
		width:800px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#menu {
	
		height:37px;
		background-image:url(../images/menu_background.gif);
		margin-bottom:5px;
	
	}
	
	#menu_list { 
		position: relative;
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
	#menu_list li { float: left; margin:0px; padding:0px; }	
	#menu_list a {
	
		float: left;
		display: block;
		height: 37px;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		white-space:nowrap;
		background-repeat:no-repeat;
		background-position:0 0;
	}
	#menu_list a:hover { background-position:0px -37px; }
	#menu_list a.current { background-position:0px -37px; }
	#menu_list a span { display:none; }
	#menu_list a.menu_home { background-image:url(../images/menu_buttons/home.jpg); width:81px; }
	#menu_list a.menu_search { background-image:url(../images/menu_buttons/search.jpg); width:120px; }
	#menu_list a.menu_about { background-image:url(../images/menu_buttons/about.jpg); width:91px; }
	#menu_list a.menu_clients { background-image:url(../images/menu_buttons/clients.jpg); width:112px; }
	#menu_list a.menu_confidentiality { background-image:url(../images/menu_buttons/confidentiality.jpg); width:127px; }
	#menu_list a.menu_join { background-image:url(../images/menu_buttons/join.jpg); width:88px; }
	#menu_list a.menu_contact { background-image:url(../images/menu_buttons/contact.jpg); width:109px; }

	#inner_canvas { 
		border:1px solid #C7C7C7;
		border-bottom:none;
		height:1%;
	}
	#inner_canvas_background {
		background-image:url(../images/inner_canvas_background.gif);
		background-repeat:repeat-y;
		height:1%;
		border:2px solid #FFFFFF;
	}
	#inner_canvas_admin {
		padding:30px;
	}	
	
	#left_column {
	/*background-color:#FFCCFF;*/
		width:556px;
		float:left;
		margin-right:2px;
	}
		#header img {
			border-bottom:2px solid #FFFFFF;
		}
		
		#crossfade_canvas {
			height:170px;
			border-bottom:2px solid #FFFFFF;
		}
		#crossfade_canvas img { 
			border-bottom:0px;
		}
	
	#right_column {
		/*background-color:#A9BFE7;*/
		width:236px;
		float:left;
	}
		#header_promo {
			height:150px;
			background-color:#829FD7;
			border-bottom:2px solid #FFFFFF;
			padding:10px;
		}
		
	#footer_nav {
		background-color:#000000;
		padding:20px;
		color:#FFFFFF;
	}
	
	#footer_nav ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
		float:left;
		width:190px;
	}
	#footer_nav ul a {
		color:#FFFFFF;
		text-decoration:none;
		font-weight:normal;
	}
	#footer_nav ul a:hover {
		text-decoration:underline;
	}
	#footer_nav a.no_jobs {
		color:#666666;
	}
	
	#subfooter { color:#808080; font-size:10px; margin-top:2px; }
	#copyright {
		float:left;
		width:550px;
		line-height:1.4em;
	}
	#copyright .longhurst, #copyright .longhurst a { color:#CCCCCC; }
	#subfooter_menu {
		float:left;
		width:250px;
		text-align:right;
	}
	#subfooter_menu a,#copyright a {
		font-weight:normal;
		color:#808080;
	}
	
	#promo_international_jobs h1 { margin-bottom:2px; }
	#promo_international_jobs p { margin-bottom:2px; }
	#promo_international_jobs div { text-align:center; }
	#promo_international_jobs a { 
		text-decoration:none;
		font-weight:normal;
		color:#000000;
	}
	#promo_international_jobs a:hover {
		text-decoration:underline;
	}
	

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

	CUSTOM  CLASSES

***********************************************************
*/
	
	.separator {
		display:block;
		background-image:url(../images/separator.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		padding-bottom:5px;
	}
	
	.form_button {
		background-color:#FFFFFF;
		border:1px solid #000000;
		padding:2px;
		font-size:12px;
		line-height:12px;
		margin:0px;
		cursor:pointer;
	}
	
	.search_header { background-color:#000000; color:#FFFFFF; width:100%; }
	.search_header a { color:#FFFFFF; text-decoration:none; }
	.search_header a:hover { text-decoration:underline; }
	
	.search_result { padding:10px; }
	.search_result h2 { margin-bottom:10px; }
	.search_result_button { float:right; }
	
	.odd { background-color:#FFFFFF; }
	.even { background-color:#F3F3F3; }

	.obligatory { color:#FF0000; }
	.error { color:#FF0000; font-weight:bold; }
	.success { color:#339900; }
	.published { font-weight:bold; color:#339900; }
	.unpublished { font-weight:bold; color:#FF0000; }
	
	.job_header { background-color:#E2E2E2; padding:10px; }
	.job_header h2 { margin-bottom:10px; }
	.job_header td { padding-right:10px; }
	.job_description { padding:20px 30px 20px 30px; }
	
	.defaultTable { border-collapse:collapse; border:1px solid #999999; }
	.defaultTable th { background-color:#D6DCE5; border:1px solid #999999; color:#666666; padding:4px; }
	.defaultTable td { padding:4px; border:1px solid #999999; }
	.defaultTable tr.trOdd { background-color:#FFFFFF; }
	.defaultTable tr.trOver { background-color:#C1E0B2; }
	.defaultTable tr.trEven { background-color:#EAEDF2; }
	
/*
***********************************************************

	MARGIN CLASSES

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

	.m0 { margin:0px; }
	.mt0 { margin-top:0px; }
	.mb0 { margin-bottom:0px; }
	.mt10 { margin-top:10px; }
	.mb10 { margin-bottom:10px; }
	.mt20 { margin-top:20px; }
	.mb20 { margin-bottom:20px; }
	
	.static_text_padding { padding:0px 30px 20px 30px; }
	
	.p10 { padding:10px; }
	
	.clear { clear:both; height:0px; }