@charset "utf-8";
/* CSS Document */


* {padding : 0; margin : 0; f} /*resets all to zero*/

/* hack for forcing scroll bars to stop page jog - http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; min-height: 100%; }

body{
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	min-width: 1000px;
	background: #E3E8E8;
	line-height: 1.3;
	font-size: x-small;  /* for IE5 Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {  margin : 0.5em 0 0.8em 0; }

a {color: #000064;}
a:hover {color: #666;}
a.action {
	color: #000064;
	background: url(../images/nav-arrow.gif) no-repeat right;
	padding-right: 12px;
	text-decoration: none;
}
a.back {
	color: #000064;
	background: url(../images/back-arrow.gif) no-repeat left;
	padding-left: 12px;
	text-decoration: none;
}
a.external {
	color: #000064;
	background: url(../images/ext-arrow.gif) no-repeat  right;
	padding-right: 14px;
	text-decoration: none;
}

a.action:hover, a.back:hover, a.external:hover, h4 a:hover, .jobSummary h3 a:hover {
	color: #000064;
	text-decoration: underline;
}
a.pdf {
	color: #000064;
	font-size: 85%;
	background: url(../images/pdf.jpg) no-repeat top left;
	padding-left: 35px;
	min-height: 35px;
	display: block;
	margin-bottom: 10px;
}
a.pdf:hover {
	color: #7E1439;
}

.assistive{display: none;}

p {
	margin: 0 0 15px 0;
	font-size: 100%;
}
h1 {

}

h2 {
	color: #000064;
	font-weight: 400;
	font-size: 145%;
	margin: 0px 0 10px 0;
}
	h2.sellText {
		color: #666;
		font-size: 120%;
	}
h3 {
	color: #000;
	font-weight: 400;
	font-size: 120%;
	margin: 0px 0 5px 0;
}

h4 {
	color: #666;
	font-weight: 400;
	font-size: 100%;
	margin-bottom: 5px;
}
	h4 a {
		color: #000064;
		font-weight: 800;
		margin: 0 0 15px 0;
		text-decoration: none;
	}
	
ul
{
	margin-bottom: 20px;
	list-style:none;
}

li
{
	background-image: url(../images/bullet-ie.gif);
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
	padding-left: 15px;
	margin-bottom: 8px;
	margin-left: 0px;
}

	#pageContainer .infoPanel ul {
		float: left;
		width: 95px;
		margin-left: 0px;
	}
	#pageContainer .infoPanel li {
		margin-bottom: 3px;
		margin-left: 0px;
	}
	#pageContainer .sitemap ul {
		margin-left: 0px;
	}
	#pageContainer .sitemap li {
		width: 180px;
		margin: 0 0 8px 0;
		text-indent: 0;
	}

label {
	clear: left;
	float: left;
	color: #333;
	font-weight: 800;
	width: 120px;
	margin: 0;
	display: block;
}
img.left {
	clear: left;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.hr {
	background: url(../images/bg-hr.gif) repeat-x left;
	padding: 20px 0 20px 0;
	width: 620px;
}
.hr hr {
	display:none;
}
/**********************************************************************
	Containers
**********************************************************************/

#pageContainer {
	margin: 0 auto;	
	width: 850px;
	background: #FFF url(../images/bg-page.jpg) repeat-y;
	padding: 30px 50px 0px 60px;
	*padding-bottom: 30px;
	height: 100%;
	min-height: 440px;
	text-align: left;
}
#pageContainer p, #pageContainer h2, #pageContainer h3 {
		width: 600px;
	}
	#pageContainer.home p {
		width: auto;
	}
	
	#pageContainer ul {
		margin-left: 30px;
		width: 400px;
	}
#pageContainer:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#header {
	height: 99px;
	margin: 0 auto;	
	width: 850px;
	background:#F1F2F2 url(../images/bg-header.jpg) no-repeat;
	padding: 40px 50px 0 60px;
}
#phone {
	float: right;
	font-size: 120%;
	color: #000064;
	padding:0;
	margin: -5px 0 32px 0;
	text-align: right;
}
	#phone .grey {
		color: #a6a6a6;
	}
	#imagereplace-logo {
		float: left; 
		width: 235px;
		height: 27px;
		background: url(../images/Harrison-Dear-logo.jpg) no-repeat;
	}
		#imagereplace-logo h1, #imagereplace-logo h2 {
			display: none;
		}
	/********************************************************
		=Homelink
	********************************************************/
	#header p.homeLink {
		float: right;
		position: relative;
	}	
	
	#header p.homeLink a {
		float: left;
		height: 27px;
		width: 235px;
		text-indent: -9000px;
	}	
	
/********************************************************
	Navigation
********************************************************/

ul#nav {
	width: 860px;
	height: 30px;
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
	clear: both;
}
	ul#nav li{
		padding: 0;
		float: left;
		list-style: none;
		display: block;
		color: #fff;
		font-weight: 800;
		font-size: 95%;
		margin-left: 0;
	}
	ul#nav li a {
		padding: 7px 0 0 0;
		float: left;
		display: block;
		color: #FFF;
		text-decoration: none;
		height: 22px;
		font-weight: bold;
	}
	ul#nav li.home a {
		background: #1F366A  url(../images/nav-home-01.jpg) no-repeat;
		width: 97px;
	}
		ul#nav li.home.active a, ul#nav li.home a:hover {
			background: #1F366A  url(../images/nav-home-02.jpg) no-repeat;
		}
	ul#nav li.candidate a {
		background: #1F366A  url(../images/nav-candidate-01.jpg) no-repeat;
		width: 168px;
	}
		ul#nav li.candidate.active a, ul#nav li.candidate a:hover {
			background: #1F366A  url(../images/nav-candidate-02.jpg) no-repeat;
		}
	ul#nav li.employer a {
		background: #1F366A  url(../images/nav-employer-01.jpg) no-repeat;
		width: 172px;
	}
		ul#nav li.employer.active a, ul#nav li.employer a:hover {
			background: #1F366A  url(../images/nav-employer-02.jpg) no-repeat;
		}
	ul#nav li.about a {
		background: #1F366A  url(../images/nav-about-01.jpg) no-repeat;
		width: 187px;
	}
		ul#nav li.about.active a, ul#nav li.about a:hover {
			background: #1F366A  url(../images/nav-about-02.jpg) no-repeat;
		}

ul#nav li.latest-jobs{
		margin-left: 20px;
		background: #1F366A url(../images/nav-latest-jobs.jpg) no-repeat;
		height: 23px;
		width: 176px;
		text-align: left;
		padding: 7px 25px 0 15px;
		font-weight: 800;
	}

/********************************************************
	Page Main Content
********************************************************/
#leftCol{
	width: 625px;
	margin-right: 15px;
	float: left;
	text-align: left;
}
#rightCol{
	width: 210px;
	float: left;
	text-align: left;
	float: right;
}
#pageContainer #rightCol p {
	width: 180px;
}
#rightCol .hr {
	width: 180px;
}
#promoPanel {
	height: 250px;
	width: 625px;
}

	#promoPanel a{
		float: right;
		margin-right: 10px;
		position: absolute;
		font-size: 110%;
	}
	#promoPanel #cf1 a{
		top: 210px;
		left: 408px;
	}
	
	#promoPanel #cf2 a{
		top: 150px;
		left: 325px;
	}
	
	#promoPanel #cf3 a{
		top: 210px;
		left: 335px;
	}
	
	/* STYLES FOR CROSSFADER */
	div.cf_wrapper{position: relative;}
	
	div.cf_element
	{
		width: 625px;
		height: 248px;
	}
	
	div.cf_element div.content	{}

	div.cf_element div.content h3
	{
		padding-top: 0;
		margin-top: 0;
	}
	
.infoPanel {
	width: 278px;
	height: 170px;
	*height: 180px;
	padding: 0 15px 10px 12px;
	background: #FFF url(../images/panel-bg.jpg) no-repeat;
	float: left;
	margin-top: 15px;
	*margin-bottom: -10px;
}
	#pageContainer .infoPanel h3{
		margin: 6px 0 20px 0;
		color: #fff;
		font-size: 100%;
		font-weight: 800;
		width: auto;
	}
	#pageContainer .infoPanel p{
		margin-bottom: 2px;
		height: 85px;
		width: 280px;
		padding: 0;
	}
	#pageContainer .infoPanel a.action{
		font-size: 90%;
		width: 125px;
		float: left;
		clear:both;
		display: block;
		margin-top: -8px;
			}
	#pageContainer .infoPanel.left a.action	{
			margin-top: -19px;
			}
			
	.bodyie #pageContainer .infoPanel a.action { margin-top: 2px; }
			
			
	.infoPanel img {
		width: 120px;
		border: 1px solid #D7D7D7;
		float: right;
		margin-left: 10px;
	}
	.infoPanel.left{
		margin-right: 15px;
	}
	.testimonial p{
		font-size: 85%;
		height: auto;
	}

	
.jobSummary {
	background: #F5F6F7 url(../images/bg-jobSummary.jpg) no-repeat bottom left;
	padding: 10px 15px 23px 10px;
	*padding: 10px 15px 0px 10px;
	margin-top: 15px;
	width: 605px;
	height: 80px;
	
}
	.jobSummary h3 a {
		font-size: 90%;
		color: #002C34;
	}
	#pageContainer .jobSummary p {
		height: 35px;
		*height:auto;
	}
	#pageContainer p.jobLinks {
		float:left;
		border-right: 1px solid #333;
		padding-right: 10px;
		margin-right: 10px;
		padding-bottom: 0;
		font-size: 90%;
		color: #4e4e4e;
		width: auto;
		height: auto;
	}
	
	#pageContainer a.action {
		float:right;
		margin-right: 0;
	}
#pageContainer .jobDetails {
	background: url(../images/bg-job-details.jpg) no-repeat bottom left;
	width: 610px;
	padding: 10px;
	min-height: 150px;
	margin-bottom: 15px;
}
	#pageContainer .jobDetails p{
		float: left;
		display: block;
		margin: 0 0 5px 0;
		padding: 0;
		width: auto;
		height: 20px;
	}
	#pageContainer .jobDetails a.action{
		float: right;
		margin-right: 10px;
	}
.jobDetail-links {
	background: #F5F6F7 url(../images/bg-jobSummary.jpg) no-repeat bottom left;
	width: 610px;
	padding:10px;
	height: 20px;
}
#pageContainer .jobDetail-links a.action{
	*margin-top: -20px;
	float: right;
}
/********************************************************
	Right Panel Styles
********************************************************/

.rightPanel {
	width: 180px;
	padding: 10px 20px;
}
.rightPanel ul{
	margin-top: -10px;
}
.rightPanel li{
	width: 150px;
	margin-left: -30px;
}
.rightPanel h4 {
	color: #000064;
	font-weight: 800;
	margin: 0 0 10px 0;
	text-decoration: none;
}
#pageContainer .rightPanel h3 {
	color: #666;
	font-weight: 400;
	margin: 0 0 9px 0;
	text-decoration: none;
	font-size: 100%;
	width: 180px;
}
.rightPanel .hr {
	margin: 6px 0 6px 0;
}
.rightPanel p {
	font-size: 90%;
	margin-bottom:10px;
}
.jobFeed {
	padding: 0;
	margin: -8px 0;
}

#latestJobs a.action {
	float: right;
	margin-top: -10px;
}

.sitemap {
	width: 180px;
	float: left;
	margin-bottom: 50px;
	padding-right: 25px;
	height: 120px;
}


/********************************************************
	Footer
********************************************************/

#footer {
	text-align: left;
	margin: 0 auto;	
	*margin: -30px auto;	
	width: 855px;
	background: url(../images/bg-footer.jpg) no-repeat;
	padding: 60px 45px 0 60px;
	height: 187px;
	clear:both;
}
	#footer p {
		font-size: 90%;
		float: left;
		border-right: 1px solid #333;
		padding-left: 10px;
		padding-right: 10px;
	}
	#footer p.copyright{
		padding-left: 0;
		color:#000064;
	}
	#footer p.footerLinks {
		font-size: 90%;
		float: right;
		border: 0;
		padding: 0;
	}
	#footer p.footerLinks a {
		color:#000064;
		text-decoration: none;
		margin-left: 8px;
	}
		#footer p.footerLinks a:hover {
			text-decoration: underline;
		}
		
#pageContainer #rightCol ul	{ width:auto; }

/* #rightCol form select		{ padding: 10px 0;} */


	#rightCol #submit	{ float: right; width: 60px;}
	#jobs-home			{ padding-top: 20px; clear: both;}
	#rightCol input		{ width: 170px;  margin-bottom: 7px;}
	#rightCol select	{ width: 175px; margin-bottom: 7px;}	
	#rightCol h2,
	#jobs-home h2		{ width: auto; padding-bottom: 10px;}
	#jobs-home hr		{ margin: 0; }
	#jobs-home h4		{ margin-bottom: 5px;}
	#form-sort select	{ position:absolute; top:21px; left:470px; width:130px; }
	#sort				{ width: 130px; }
	
	#job-full-body		{ width: 600px; }