@charset "UTF-8";
/* CSS Document */

html, body, h1, h2, h3, h4, h5, h6, blockquote, small, p, form, ol, ul, li {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #464646;
	background: #9acb51 url(images/body-bg.jpg) top repeat-x;
}
.sml_jobseekers {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #464646;
	background: #9aca52 url(images/body-bg-sml-pgs.jpg) top repeat-x;
}
.sml_jobseekers h1 {
	color: #0183C4;
}
.sml_employers {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #464646;
	background: #9aca52 url(images/body-bg-sml-pgs.jpg) top repeat-x;
}
.sml_employers h1 {
	color: #F27A24;
}
.sml_about {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #464646;
	background: #9aca52 url(images/body-bg-sml-pgs.jpg) top repeat-x;
}
.sml_about h1 {
	color: #73A530;
}
a:link, a:visited {
	color: #ef7a1f;
	text-decoration: none;
}
a:hover, a:active {
	color: #ef7a1f;
	text-decoration: underline;
}
.orange {
	color: #ef7a1f;
}
.blue {
	color: #0183C4;
}
.green {
	color: #ff0000;
}
img {
	border: none;
}

/* --------------------------------- Main Template styles -------------------------------------- */

#header {
	width: 976px;
	margin: 0 auto;
}
#header img {
	float: left;
}
#header #phone {
	float: right;
	font-size: 26px;
	line-height: 26px;
	color: #0081c5;
	padding-top: 70px;
}
#header #home {
	float: right;
	clear: right;
	margin-top: 18px;
	width: 75px;
}
#header #home img {
	float: right;
}
#header #home span {
	float: left;
	display: block;
	padding-top: 8px;
}
#main_container {
	margin: 0 auto;
	background: url(images/main-content-bg.jpg) bottom repeat-x;
	width: 976px;
	clear: both;
}
#main_container_sml {
	margin: 0 auto;
	background: url(images/main-content-bg-sml-pgs.jpg) bottom repeat-x;
	width: 976px;
	clear: both;
}
#content_container_1_sml {
	width: 976px;
	background: #000 url(images/content-box-bg-sml-pgs.jpg) repeat-x;
	float: left;
}
#content_container_1 {
	width: 976px;
	background: #000 url(images/content-box-bg.jpg) repeat-x;
	float: left;
}
#content_container_2 {
	width: 976px;
	padding-bottom: 30px;
	background: url(images/content-bottom.jpg) no-repeat bottom;
	float: left;
}

/* --------------------------------- Horizontal Navigation styles -------------------------------------- */

#hnav_box {
	width: 896px;
	height: 62px;
	font-size: 11px;
	padding-left: 40px;
}
#hnav, #hnav ul {
	list-style-type: none;
	list-style-position: outside;
}
#hnav a {
	display: block;
	color: #58595b;
}
#hnav a:hover {}
#hnav li {
	float:left;
	position:relative;
	width: 292px;
}
.btn_margin {
	margin-right: 10px;
}
#hnav ul {
	position: absolute;
	width: 292px;
	top: 44px;
	left: 0;
	background: url(images/dropdown-bg.png) bottom center no-repeat;
	padding-bottom: 17px;
}
#hnav li ul a {
	width: 192px;
	height: auto;
	float: left;
	line-height: 12px;
	padding: 5px 15px;
	margin: 0 35px;
	color: #58595b;
	border-top: 1px #ccc solid;
	background: url(images/arrow.png) left no-repeat;
	background-position: 5px 7px;
}
#hnav li ul a:hover {
	color: #58595b;
	text-decoration: none;
}
#hnav li ul.job_seekers a:hover {
	background-color: #b8e2f4;
}
#hnav li ul.employers a:hover {
	background-color: #f1d5a4;
}
#hnav li ul.about a:hover {
	background-color: #d6e69e;
}
#hnav li li {
	border: none;
}
#hnav li ul {
	width: 292px;
	display: none;
}
ul#hnav li ul li:hover {
	width: 292px;
	background-image: none;
}
#hnav ul ul{
	top:auto;
}	
#hnav li ul ul {
	left: 150px;
}
#hnav a a, #hnav a:hover li a {
	background-image: none;
}
#hnav li:hover ul ul, #hnav li:hover ul ul ul, #hnav li:hover ul ul ul ul {
	display: none;
}
#hnav li:hover ul, #hnav li li:hover ul, #hnav li li li:hover ul, #hnav li li li li:hover ul {
	display: block;
}
.about_hook h1 {
	color: #73A530;
}
.employers_hook h1 {
	color: #ef7a1f;
}
.jobseekers_hook h1 {
	color: #0183C4;
}

/* --------------------------------- General Content styles -------------------------------------- */

#content {
	margin: 8px 30px 0 30px;
	padding-bottom: 15px;
	width: 916px;
	background-color: #FFF;
	float: left;
	display: inline;
}
#content_home {
	margin: 8px 30px 0 30px;
	width: 916px;
	background-color: #FFF;
	float: left;
	display: inline;
}
.flashDiv {
	width: 693px;
	height: 551px;
	float: right;
}
.left_column {
	width: 223px;
	float: left;
}
.left_column .info_box {
	height: 375px;
	width: 223px;
	float: left;
}
.info_box p {
	padding: 0 10px 0 8px;
	line-height: 13pt;
}
.info_box h1 {
	padding: 7px;
	font-size: 18px;
	color: #000;
}
.one_col {
	width: 615px;
	float: right;
	padding: 15px 15px 0 0;
}
.two_col {
	width: 435px;
	float: left;
	padding: 15px 0 15px 15px;
}
.two_col_award {
	width: 435px;
	float: left;
	padding: 0 0 15px 15px;
}
.three_col_a {
	width: 265px;
	float: left;
	padding: 0 0 15px 65px;
}
.three_col_b {
	width: 250px;
	float: left;
	padding: 0 0 15px 30px;
}
.three_col_c {
	width: 250px;
	float: left;
	padding: 0 0 15px 30px;
}
.contact_two_col_a {
	width: 250px;
	float: left;
	padding: 0 0 15px 0;
}
.contact_two_col_b {
	width: 250px;
	float: left;
	padding: 0 0 15px 30px;
}
.full {
	width: 886px;
	padding: 15px;
	float: left;
}
img.two_col_img {
	float: left;
	margin: 15px;
}
.one_col p strong {
	color: #73A530;
	font-style: italic;
}
.one_col .description {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 10px;
}
.one_col h1, .two_col h1, .two_col_award h1, .full h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999;
	line-height: 24px;
}

.one_col h2, .two_col h2, .two_col_award h2, .full h2 {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-bottom: 5px;
	line-height: 20px;
}
.one_col h3, .two_col h3, .two_col_award h3, .full h3 {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-bottom: 5px;
	line-height: 20px;
}
.phone_numbers {
	font-size: 18px;
	line-height: 18px;
	padding: 5px 0;
	color: #73A530;
}
.one_col ul, .two_col ul, .two_col_award ul, .full ul {
	font-size: 13px;
	margin-left: 20px;
	padding-bottom: 15px;
}
.one_col li.question {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	list-style-image: url(images/question.gif);
}
.one_col ul li.answer {
	list-style-image: url(images/answer.gif);
}
.one_col ul li.answer ol li {
	list-style-image: none;
	list-style: decimal;
}
.one_col ol, .two_col ol, .two_col_award ol, .full ol {
	font-size: 12px;
	margin-left: 30px;
	padding-top: 5px;
}
.two_col_box {
	float: left;
	width: 420px;
	margin-bottom: 20px;
}
.two_col_box_desc {
	float: right;
	width: 280px;
}
.two_col_box_img {
	float: left;
}
p.logos img {
	float: left;
	margin: 0 21px;
}
.team_pics {
	text-align: center;
}
.team_pics a:link img, .team_pics a:visited img {
	margin: 10px;
	border: #0080c1 solid 5px;
}
.team_pics a:hover img, .team_pics a:active img {
	border-color: #f78e1e;
}
.employers_hook h1 small {
	color: #73A530;
	font-size: 14px;
	line-height: 14px;
}
.big_image_team {
	width: 250px;
	float: left;
	background-color: #f78e1e;
	margin: 15px;
	display: inline;
}
.big_image_team p {
	width: 240px;
	padding: 5px;
	text-align: center;
	color: #FFF;
	font-size: 15px;
}

/* --------------------------------- Footer styles -------------------------------------- */

#footer_container {
	margin: 0 auto;
	background: url(images/footer-gradient-bg.jpg) repeat-x;
	clear: both;
}
#footer {
	width: 976px;
	margin: 0 auto;
	background: url(images/footer-main-bg.jpg) no-repeat;
	height: 82px;
	font-size: 10px;
	color: #FFF;
}
#footer .rightlook {
	float: left;
	padding: 32px 0 0 15px;
	width: 400px;
	font-size: 10px;
}
#footer .copy {
	float: right;
	padding: 32px 15px 0 0;
	width: 400px;
	text-align: right;
	font-size: 10px;
}
#footer a:link, #footer a:visited {
	color:#FFF;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #FFF;
	text-decoration: underline;
}
