body {
		text-align:center;
		}

/* typography.css */
body {color:#222;background:#fdfdfd;font-family:Arial, sans-serif;
	text-align:left;
	}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em; line-height: 1.4em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}


dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}

/* redone small at the bottom */

.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


.center {text-align: center;}

	#frame {
		height: 100%;
		width: 60.00em; /* 960px; */
		margin: 1em 0 0 1em;
		text-align:left;
		position: relative;
		}

	#header {
		float: left;
		width: 12.00em; /* 192px; */
		height: 9.50em;
	}

		#header img{
			width: 12.00em; /* 192px; */
		}


	#profile_shadow {
 		position:relative;
		padding-bottom: 15px;
		background:url(../images/shadow_bottom.jpg) bottom no-repeat;
	}

	.home #profile_shadow {
		background:url(../images/shadow_home_bottom.jpg) bottom no-repeat;
	}

	#profile {
		float: right;
		width: 46.5em; /* 744px */
		background: #000 url(../images/profile_bg.jpg) no-repeat;
		}

	#profile.inf_req { 
		background: #f42941 url(../images/inf_req_bg.jpg) no-repeat;
		}

	#profile.employers, #profile.latest_news, #profile.buy { 
		background: #000 url(../images/employers_bg.jpg) no-repeat;
		}

	#profile.home { 
		background: #000 url(../images/home_top_bg.jpg) no-repeat;
		}

		#profile #logo { position: relative;
			height: 8.80em;		/* 152px = 9.50em was the height before adding tabs  */
			line-height: 9.50em;
		}

			#profile #logo img {
					margin-left: 2.40em;
					vertical-align: middle;
					color: white;
				}

			#profile #logo form { position: absolute; top: 0; right: 2em; margin:0;
				}


/*----- PREV AND NEXT -------------------

			#profile #logo a {position: absolute; top: 0; margin:0; color: white; text-decoration: none; height: 1em;
			}

			.left { right: 16.5em;
				}

			.right { right: 1.1em; 
			}

----------------------------------------*/

			#profile #logo form select { border: none;}

		#profile #heading {
			
			position: relative;
			height: 8.80em;		/* 152px = 9.50em was the height before adding tabs  */
			line-height: 9.50em;
		}

		#profile #facts { font-size: .815em; color: #f3f3f3; float: right; width: 11.83em; margin: -2.5em 0.6em 0 1em; height: 100%;  letter-spacing: -0.06em; font-weight: bold;
		}

		/* This basically only sets the bottom margin of the Vacancies */
		#profile #facts p { margin-bottom: 1em;
		}

		#profile #facts p img { margin: 0.5em 0 0 0.8em;
		}

		#profile #facts p strong { color: red; font-size: 1.2em;
		}

		#profile #facts p a {
			text-decoration: none;
		}
		#profile #facts p a:hover,#profile #facts p a:focus{
			border-bottom: 1px solid red;
		}

		#profile #deadline p strong { color: red;
		}


		#profile #facts div ul { list-style-type: none; margin: 0; font-size: 0.9em
		}

	/*	#profile #facts div ul a {
			color: #eeeeee;
			text-decoration: none;
			
		}

		#profile #facts div ul li {
			width: 70px; height: 2em;
			text-align: center;
			margin-bottom: 0.5em;
		}
	*/
		#profile #facts #sectors a {margin-right: 0.5em;
			width: 4.38em;
			text-align: center;
			color: #eeeeee;
			text-decoration: none;
			font-size: 0.9em;
		}

		#profile #facts #sectors a img {
			margin-bottom: 0.3em;
		}

		#profile #facts p { clear: both; margin: 0 0 1em 0;
		}

		#profile #facts #sectors, #profile #facts p img { margin-bottom: 1em;
		}


		#deadline {
 			position:absolute;
			bottom:0;
			right:0;
			font-size: .815em;
			color: #f3f3f3;
			width: 11.83em;
			margin: 0 0.6em 0 0;
			letter-spacing: -0.08em;
			font-weight: bold;
		}

/*------- IE7 hack for pulling deadline box out of shadow area ------*/
 html>body #deadline { *bottom: 1.5em; *right: 1em; }

		#deadline p strong {
			display: block;
		}

	#content {
		position: relative;
		width: 33.06em; /* 585px = 36.56em before padding */
		background: #f5f5f5;
		padding: 1em 1em 2em 1em;
  min-height:28em;
  height:auto !important;
  height:28em;
		}

	.home #content {
		background: url(../images/home.jpg) no-repeat;
}
	
	#content.full {
		width: 44.5em; 
		/*margin-top: 1.8em;*/
	}

	#content.notabs {
		margin-top: 1.8em;
	}
		
		#content p {
			font-size: 0.781em;		/* 12.5 pt */
			margin:0 0 0.7em;
		}

		#content p:first-child { font-weight: bold;	font-size: 0.781em;	 }		/* 14pt */

		.employers #content a:visited {
			color: #5c5c5c;
		}
		.employers #content a {
			text-decoration: none; color: #222;
		}
		.employers #content a:hover,.employers #content a:focus{
			color: red;
		}


/* EMPLOYERS TABLE  */
		#content table.employers {
			font-size: 0.781em;		/* 12.5 pt */
			margin: 0;
			padding: 0;
		}

		#content table.employers p.subheading {
			font-style: italic; font-size: 0.9em; font-weight: normal; color: red;
			margin:0;
		}

		#content table.employers td{
			line-height: 1.3em; width: 25%;
		}

		#content table.employers td ul {
			margin: 0; padding: 0;
		}

		#content table.employers td ul li.spacer {
			margin-top: 0.5em;
		}

		#content table.employers td ul li>span {
			color: red; font-size: 0.781em; margin-left: 0.5em;
		}

		#content table.employers td ul li span.smaller {
			font-size: 0.9em;
		}
		#content table.employers td ul li span.evensmaller {
			font-size: 0.8em; 
		}
		#content table.employers td ul li>span.bigger {
			margin-right: 0.2em;
		}

#content>ul  {
	margin: 0 0 0.5em 0; padding: 0;
	font-size: 0.688em;
	font-weight: bold;
}

#content>ul li  {
	display: inline; margin: 0 0.5em 0 0.5em; 
}

#content>ul li#active  {
	color: red;
}

.home #content>ul  {
	position: absolute;
	bottom: 1.6em;
	left: 0.3em;
	margin: 0;
	padding: 0;
	font-size: 0.875em;
	font-weight: normal;
	font-weight: normal;
}

.home #content>ul li {

}
.home #content>ul li span {
	float: left;
	background: url(../images/home_box.png) top left no-repeat;
	margin: 0 0 0 3em;
	padding: 1.25em 1em 1em 1.5em;
	height: 16.13em;
	width: 19.3em;
	color: white;
	text-decoration: none;
	line-height: 1.4em;
}
/*
.home #content>ul li span {
	float: left;
	background: url(../images/home_box.png) top left no-repeat;
	margin: 0 1.9em 0 1.9em;
	padding: 1.25em 1em 1em 1.5em;
	height: 16.13em;
	width: 19.3em;
	color: white;
	text-decoration: none;
	line-height: 1.4em;
}
*/
.home #content>ul li span img.bottom {
float: right;
margin: 1em 0 0 0;
}

.home #content>ul li a {
text-decoration:none;
}
.home #content>ul li a:hover, .home #content>ul li a:focus{
border-bottom: 1px solid red;
}
		#content > p > img {
			float: right;
			margin: 0 0 0 1em;
			height: 13.7em; border: 1px solid #cccccc;
		}

		#content > p > iframe {
			float: right;
			margin: 0 0 0 1em;
		}
/*
		#content.full > p > img {
			float: left;
			margin: 0 2em 1em 1em;
			height: auto;
			border: none;
		}
*/

		#content a {
			color: red;
		}

		
		.buy #content p {
			font-size: 0.813em;		/* 12.5 pt */
		}

/* -------------------------------------------------------------------	*/
/* 	news */
/* -------------------------------------------------------------------	*/

	.date { display: inline;
		font-size: 0.8125em;		/* 14 pt */
		line-height: 0.8125em;

	}	
	

	#content.news a {
		font-weight: bold;
		font-size: 0.8125em;		/* 14 pt */
	}

	#content.news .date {
		font-size: 0.8125em;		/* 14 pt */
		line-height: 0.8125em;
	}

	#content.news p {
		margin: 0 0 0.6em;
		font-size: 0.8125em;
	}


	#content.news img {
		margin: 0;
		float: none;
		height: 1.4em;
		vertical-align: text-bottom;
	}


/* -------------------------------------------------------------------	*/
/* 	events */
/* -------------------------------------------------------------------	*/

	#content.events .date {
		font-size: 0.8125em;		/* 14 pt */
		line-height: 1em;
		display: block;
		margin: 1em 0 0 0;

	}	
	
	#content.events p {
		margin: 0;
		font-size: 0.8125em;
	}

/* fix up footer p margin because the above messes it up */
	#content.events #footer p {
		margin: 0 0 0.6em;
		font-size: 0.8125em;
	}


/* -------------------------------------------------------------------	*/
/* 	pages */
/* -------------------------------------------------------------------	*/
	
	#content #pages div {
		display: inline;
		font-size: 0.8125em;
	}	
	#content #pages  {
		font-weight: bold;
		display: block;
		float: right;
	}	
	#content.events #pages  {
		font-size: 0.8125em;
	}

/*-------- Menu Tabs--------------------------- */ 

#container {
	position: relative;
	width: 100%;
	padding-top: 1.88em;
	padding-left: 1em;
	}

#nav {
	position: absolute;
	bottom: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	width: 5.00em;
	float: left;
	padding: 1.38em 0.3em 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:1.38em; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -1.38em;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -2.75em;
	}
	
#tranking a  {
	background: url(../images/ranking.png) top left no-repeat;
	}
#taz a  {
	background: url(../images/az.png) top left no-repeat;
	}
#tsector a  {
	background: url(../images/jobtype.png) top left no-repeat;
	}
#tlocation a  {
	background: url(../images/location.png) top left no-repeat;
	}
#tsalary a  {
	background: url(../images/salary.png) top left no-repeat;
	}
#tindustry a  {
	background: url(../images/industry.png) top left no-repeat;
	}


#tprofile a  {
	background: url(../images/profile.png) top left no-repeat;
	}
#tnews a  {
	background: url(../images/news.png) top left no-repeat;
	}
#tevents a  {
	background: url(../images/events.png) top left no-repeat;
	}


/* -------------------------------------------------------------------	*/
/* GLOBAL NAV settings http://www.udm4.com/manual/development/css/		*/
/* -------------------------------------------------------------------	*/

.udm li a:hover,.udm li a:focus,.udm li a.nohref:hover,.udm li a.nohref:focus{
	background-image:none;
	border:none;
	color: red;
}

.udm a,.udm a:link,.udm a.nohref{
	background-image:none;
	cursor:pointer !important;
	z-index:1000;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px !important;
	padding-bottom:0px !important;
	text-align:left;
	text-decoration: none;
	color: black;
}

.udm {
	list-style:none;
	font-family: Techno, Impact, sans-serif;
	margin: 1em 2em 0 1.5em;
	float: left;
	width: 8.50em;
}

.udm li {
	margin-bottom: .6em;
}

/* MAIN NAV
http://www.udm4.com/manual/development/css/
*/

/* link dimensions correspond with image dimensions */

.navButton, .navButton:visited {
	width:100%;
	height:1.88em;	/* 30px */
	display:block;
/*
this (position?) is for mac/ie5
it would normally cause a rendering problem
(a vertical expansion in the topnav)
but it doesn't here because the topnav is a fixed height
*/
	position:relative !important;
}

/* span is same dimensions as link, and positioned to superimpose */

.navButton span, .navButton:visited span {
	height:1.88em;	/* 30px */
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
}

/* button images are span background images */

#home_Button span, #home_Button:visited span {
	background-image:url(../images/nav_home.gif);
}
#about_Button span, #about_Button:visited span {
	background-image:url(../images/nav_about.gif);
}
#employers_Button span, #employers_Button:visited span {
	background-image:url(../images/nav_employers.gif);
}
#info_Button span, #info_Button:visited span {
	background-image:url(../images/nav_info_service.gif);
}
#news_Button span, #news_Button:visited span {
	background-image:url(../images/nav_latest_news.gif);
}
#events_Button span, #event_Button:visited span {
	background-image:url(../images/nav_forthcoming_events.gif);
}

#buy_Button span, #buy_Button:visited span {
	background-image:url(../images/nav_buy_book.gif);
}


/* rollovers are background position so that no preloading is necessary */

.navButton:link span, .navButton:visited span {
	background-position:0 0;
}

.navButton:visited:hover span, .navButton:hover span, .navButton:focus span, .navButton:active span, #nav_selected span {
	background-position:0 -1.88em;
}


hr { background-color: red; border: 0; height: 1px; }

#footer { position: absolute; bottom: 0; width: 95%;}

#footer p.little { text-align:right; font-size: 0.6em; }

#content p.tc {text-align: center; font-size: 0.6em; }

#content img.left {float: left; border: none; height: auto; margin: 0 2em 1em 1em;}

#content img.right {float: right; border: none; height: auto; margin: 0 2em 1em 1em;}