/* general html elements*/



a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #f8991d;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #f8991d;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #f8991d;
}




body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url('images/background-body.jpg') top repeat-x;
	margin: 0;
	padding: 0;
}



div#content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #f8991d;
	text-transform:uppercase;
	text-align: left;
	margin: 40px 40px 10px 40px;
	padding: 0 0 4px 0;
	border-bottom: #666666 solid 1px; 
}



h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #f8991d;
	text-align: left;
	margin: 40px 40px 10px 40px;
	padding: 0;
}




p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	margin: 0px 40px 10px 40px;
	padding: 0;
}


ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	margin: 0px 40px 10px 40px;
	padding: 0;
}



li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	margin: 0px 16px;
	padding: 0;
}




/* Eliminate borders on images that act as links */
img {
	border-style: none;
}


.imageLeft {
	border-style: none;
	padding: 0 20px 10px 0;
}






/* classes defined here */


p.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: 42px;
	color: #f8991d;
	font-weight: bold;
	text-transform: uppercase;
	margin: 40px 20px 10px 40px;
	padding: 0;
}



p.quoteCredit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #f8991d;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 20px 10px 40px;
	padding: 0;
}



p.centerBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
	margin: 10px 40px 10px 40px;
	padding: 0;
}




.foot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	clear:both;
	margin: 0;
	padding: 0;
}


p.testimonial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-style:italic;
	color: #000000;
	margin: 0px 40px 10px 40px;
	padding: 0;
}

p.testimonialCredit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #666666; /* #666666; */
	margin: 0px 40px 60px 40px;
	padding: 0;
}




p.faq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight:bold;
	color: #000000;
	margin: 20px 40px 0px 40px;
	padding: 0;
}

p.faqAnswer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	margin: 3px 40px 10px 40px;
	padding: 0;
}








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







/*   FORM items defined here   */


table.formHolder tr td {
	vertical-align:top;
}



p.requiredHead {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #000000;
	text-align: right;
	position: relative;
	top: -32px;
	margin: 0px 40px 0px 0px;
	padding: 0; 
}



h3.formHead { /* section labels for forms */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	background: #f8991d;
	text-transform:uppercase;
	text-align: left;
	margin: 20px 40px 14px 40px;
	padding: 3px;
}


p.checkboxColumns {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	margin: 3px 20px 3px 20px;
	padding: 0;
}


img.formDivider {
	text-align: left;
	margin: 10px 40px 20px 40px;
}


span.formHeadSub {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	background: #f8991d;
	text-transform:none;
	font-weight:normal;
	text-align: left;
}





.formText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	text-align: left;
	margin: 3px 0 16px 0; 
	padding: 3px 5px;
	width: 350px;
	/* height: 1em; */
	background: #ffffff;
	border: #000000 1px solid;
}

.formTextarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	text-align: left;
	margin: 3px 0 16px 0;  
	padding: 3px 5px;
	width: 350px;
	height: 3em;
	background: #ffffff;
	border: #000000 1px solid;
}


.formTextSmall {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	text-align: left;
	margin: 3px 0 16px 0; 
	padding: 3px 5px;
	width: 175px;
	/* height: 1em; */
	background: #ffffff;
	border: #000000 1px solid;
}





.formSubmit {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #f8991d;
	text-align: center;
	margin: 10px 0 16px 0; 
	padding: 3px 10px;
	background: #ffffff;
	border: #f8991d 1px solid;
}

.formSubmit:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	text-align: center;
	margin: 10px 0 16px 0; 
	padding: 3px 10px;
	background: #f8991d;
	border: #f8991d 1px solid;
}





.formLabel {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #f8991d;
	text-align: right;
	margin: 0; 
	padding: 6px 20px 5px 0;
}


.formLabel2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #f8991d;
	text-align: left;
	margin: 0; 
	padding: 6px 20px 5px 20px;
}


.formLabelCenter {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #f8991d;
	text-align: center;
	margin: 0; 
	padding: 6px 10px 5px 10px;
}




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







/*   FORM items defined here   */


.adminFormHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	text-align: center;
	margin: 10px 0 5px 0; 
	padding: 0px;
}



.adminFormText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	text-align: left;
	margin: 3px 10px; 
	padding: 5px;
	width: 190px;
	height: 1em;
	background: #ffffff;
	border: #000000 1px solid;
}

.adminFormTextarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	text-align: left;
	margin: 3px 10px; 
	padding: 5px;
	width: 190px;
	height: 3em;
	background: #ffffff;
	border: #000000 1px solid;
}

.adminFormSubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	text-align: center;
	margin: 3px 10px; 
	padding: 3px 10px;
	background: #f8991d;
	border: #ffffff 1px solid;
}






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







/* IDs defined here */

#wrap {
	width: 1000px;
	border: #9c9c9c solid 6px;
	background: url('images/background-wrap.gif');
	margin: 30px auto 0 auto;
	padding: 0;
}


#wrapAdmin {
	width: 1000px;
	border: #9c9c9c solid 6px;
	background: #ffffff;
	margin: 30px auto 0 auto;
	padding: 20px;
}

#menu {
	width: 1000px;
	height: 81px;
	margin: 0;
	padding: 0;
}

#photo {
	width: 333px;
	margin: 0;
	padding: 0;
	float:left;
}

#flashContent {
	width: 333px;
	height: 543px;
	margin: 0;
	padding: 0;
	float:left;
}


#content {
	width: 667px;
	margin: 0;
	padding: 0;
	float:left;
}


#bottom {
	width: 1000px;
	background: #f8991d;
	margin: 0;
	padding: 0;
	clear:both;
}


#footer {
	width: 1000px;
	margin: 10px auto 30px auto;
	padding: 0;
}

#googleMap {
	width: 300px;
	margin: 10px 40px 30px 0;
	padding: 0;
	float: right;
}









/* clickable area for home button */
	div#header a#logoHomeBtn {    
		display: block;
		position: absolute;
		width: 175px;
		height: 118px;
		margin-left: 0;
		margin-top: 0;
		z-index: 300;
	}


	
	/* establish positioning context */
	div#header { 
		position: relative;
		background: #ffffff;
		width: 1000px;
		height: 118px;
		margin: 0;
		padding: 0;
	}
	
	
	/* h1 text in branding image, hide this text */
	/* this method is used because of the flash used in logo */
	div#header h1 {
		width: 175px;
		height: 118px;
		background: #ffffff url('images/logo-ALCtop.gif') no-repeat;
		text-indent: -9999px;
		margin:0;
		float: left;
	}
	

	/* tagline text in branding image, hide this text */
	div#header blockquote {
		position: absolute;
		top: -9999px;
	}




	/* Top navigation menu*/
	
	div#header p.nav_top {
		/*top:0px;
		right: 0px;	
		z-index: 300;*/	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 14px;
		text-align: right;
		color: #f8991d;
		margin: 0;
		padding: 20px 20px 6px 20px;
	}
	
	div#header p.nav_top a:link {
		color: #f8991d;
		text-decoration: none;
	}
	
	div#header p.nav_top a:visited {
		color: #f8991d;
		text-decoration: none;
	}
	
	div#header p.nav_top a:hover {
		color: #000000;
		text-decoration: underline;
	}
	
	div#header p.nav_top a:active {
		color: #f8991d;
		text-decoration: none;
	}






	div#header div#socialLinks {
		width: 150px;
		height: 40px;
		float: right;
		margin: 30px 0 0 0;
	}
	
	div#header div#topForm {
		width: 400px;
		height: 40px;
		float: right;
		text-align: right;
		margin: 32px 0 0 0;
	}

	
	
	div#header div#socialLinks p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 14px;
		text-align: right;
		color: #f8991d;
		margin: 0;
		padding: 3px 20px 0 3px;
	}
	
	
	
	
	div#header .quickFormTextarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 12px;
		color: #999999;
		text-align: left;
		margin: 3px 3px 0 3px; 
		padding: 3px;
		width: 250px;
		/* height: 16px;*/
		background: #ffffff;
		border: #f8991d 1px solid;
	}
	
	div#header .quickFormSubmit {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 12px;
		color: #f8991d;
		text-align: center;
		margin: 6px 15px 0 0px; 
		padding: 3px;
		width: 70px;
		/* height: 24px; */
		background: #ffffff;
		border: #f8991d 1px solid;
	}
	
	
	div#header .quickFormSubmit:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 12px;
		color: #ffffff; 
		text-align: center;
		margin: 6px 15px 0 0px; 
		padding: 3px;
		width: 70px;
		/* height: 24px; */
		background: #f8991d;;
		border: #ffffff 1px solid;
	}
	
	
	
	
	
	
	



/* Branding Area with Site Navigation */

	
	/* establish positioning context */
	div#menu { 
		position: relative;
		background: #000000 url('images/background-menu.gif');
	}
	
	div#menu ul {
		position: relative;   
		margin: 0;
		padding: 0;
		list-style: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	

	
	div#menu ul li { /* div#menu ul#nav_staff li, div#menu ul#nav_work li */ 
		float: left;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	
	
	
	
	
	/* make anchors behave as buttons */
	div#menu ul#nav_staff a {
		display: block;
		position: relative; /* reestablish positioning for image replacement */
		height: 40px;
		float: left; /* Hack, IE MAC 5.2 doesn't "shrink-wrap" the floated list items bacause the anchors are set to block, so we float the anchors too */
		margin: 0;
		padding: 0;
	}
	
	div#menu ul#nav_work a {
		display: block;
		position: relative; /* reestablish positioning for image replacement */
		height: 41px;
		float: left; /* Hack, IE MAC 5.2 doesn't "shrink-wrap" the floated list items bacause the anchors are set to block, so we float the anchors too */
		margin: 0;
		padding: 0;
	}
	
	
	
	
	
	/* ----------- make space for images ----------- */
	
	
	
	/* nav_staff */
	div#menu ul#nav_staff a#lookStaff {
		width: 333px;
	}
	
	div#menu ul#nav_staff a#peopleStaff {
		width: 168px;
	}
	
	div#menu ul#nav_staff a#postJob {
		width: 106px;
	}
	
	div#menu ul#nav_staff a#testimonials {
		width: 128px;
	}
	
	div#menu ul#nav_staff a#featuredCandidates {
		width: 182px;
	}
	
	
	
	/* nav_work */
	div#menu ul#nav_work a#lookWork {
		width: 333px;
	}
	
	div#menu ul#nav_work a#jobListings {
		width: 125px;
	}
	
	div#menu ul#nav_work a#application {
		width: 116px;
	}
	
	div#menu ul#nav_work a#payroll {
		width: 143px;
	}
	
	div#menu ul#nav_work a#timeCards {
		width: 112px;
	}
	
	div#menu ul#nav_work a#faq {
		width: 62px;
	}
	
	
	
	
	
	/* image replacment via Gilder/Levin method (needs non-semantic span in HTML but leaves text in place for useragents w/ images off) */
	div#menu ul#nav_staff a span, 
	div#menu ul#nav_work a span {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	




	/* offsetting a single image for all navigation text */
	
	/* staff menu */
	div#menu ul#nav_staff a#lookStaff span {
		background: url('images/menu-staff.gif') 0px 0px;
	}
	
	div#menu ul#nav_staff a#peopleStaff span {
		background: url('images/menu-staff.gif') -333px 0px;
	}
	
	div#menu ul#nav_staff a#postJob span {
		background: url('images/menu-staff.gif') -501px 0px;
	}
	
	div#menu ul#nav_staff a#testimonials span {
		background: url('images/menu-staff.gif') -607px 0px;
	}
	
	div#menu ul#nav_staff a#featuredCandidates span {
		background: url('images/menu-staff.gif') -735px 0px;
	}
	
	
	/* work menu */
	div#menu ul#nav_work a#lookWork span {
		background: url('images/menu-work.gif') 0px 0px;
	}
	
	div#menu ul#nav_work a#jobListings span {
		background: url('images/menu-work.gif') -333px 0px;
	}
	
	div#menu ul#nav_work a#application span {
		background: url('images/menu-work.gif') -458px 0px;
	}
	
	div#menu ul#nav_work a#payroll span {
		background: url('images/menu-work.gif') -574px 0px;
	}
	
	div#menu ul#nav_work a#timeCards span {
		background: url('images/menu-work.gif') -717px 0px;
	}
	
	div#menu ul#nav_work a#faq span {
		background: url('images/menu-work.gif') -829px 0px;
	}
	
	
	

	
	




	
	
	/* hover states - staff menu */
	div#menu ul#nav_staff a:hover#peopleStaff span {
		background: url('images/menu-staff.gif') -333px -40px;
	}
	
	div#menu ul#nav_staff a:hover#postJob span {
		background: url('images/menu-staff.gif') -501px -40px;
	}
	
	div#menu ul#nav_staff a:hover#testimonials span {
		background: url('images/menu-staff.gif') -607px -40px;
	}
	
	div#menu ul#nav_staff a:hover#featuredCandidates span {
		background: url('images/menu-staff.gif') -735px -40px;
	}
	
	
	/* hover states - work menu */
	div#menu ul#nav_work a:hover#jobListings span {
		background: url('images/menu-work.gif') -333px -41px;
	}
	
	div#menu ul#nav_work a:hover#application span {
		background: url('images/menu-work.gif') -458px -41px;
	}
	
	div#menu ul#nav_work a:hover#payroll span {
		background: url('images/menu-work.gif') -574px -41px;
	}
	
	div#menu ul#nav_work a:hover#timeCards span {
		background: url('images/menu-work.gif') -717px -41px;
	}
	
	div#menu ul#nav_work a:hover#faq span {
		background: url('images/menu-work.gif') -829px -41px;
	}
	
	
/* 	END Branding Area with Site Navigation */