/*-------- MEMU STYLE ------------*/

@import url("menu.css");


/*------------ GENERAL ------------*/
body {
	margin:0;
	padding:0;
	font:12px/19px Arial, Helvetica, sans-serif;
	background:#CFB779;
	color:#383838;
}
div, p, img, a, ul, form, input, select, h1, h2, h3, h4, ol, fieldset {	
	margin:0;
	padding:0;
}
ul {
	list-style:none;
}
a {
	outline:none;
	text-decoration:none;
}
img {
	border:none;
}
input, select, textarea {
	font:12px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

/*------------ HEADER -----------*/

#header {
	width:920px;
	margin:21px auto 0 auto;
	border-top:#482100 1px solid;
	background:#fff;
	color:inherit;
	padding:0 2px 2px 2px;
	position:relative;
}
#header img {
	float:left;
	margin-bottom:8px;
	padding-left:6px;
}
#header h1 {
	padding-top:45px;
	height:0;
	width:290px;
	float:left;
	font-size:0;
	overflow:hidden;
	margin-top:39px;
	background:url(../images/punchline.gif) 0 0 no-repeat;
}

/* SEARCH FORM */

#header div.searchForm {
	width:373px;
	float:right;
	height:45px;
	background:url(../images/top-search-bg.gif) 0 0 repeat-x;
	font-weight:bold;
	color:#333;
	background-color:inherit;
	line-height:45px;
	margin-top:42px;
	position:relative;
	left:-9px;
}
#header div.searchForm span.left, #header div.searchForm span.right  {
	display:block;
	width:11px;
	height:45px;
	float:left;
	background:url(../images/top-search-corners.gif) 0 0 no-repeat;
}
#header div.searchForm span.right {
	float:right;
	width:5px;
	background-position:100% 100%;
}
#header div.searchForm label {
	padding:0 0 0 29px;
	background:url(../images/top-search-icon.gif) 0 50% no-repeat;
	width:51px;
	display:block;
	height:45px;
	float:left;
}
#header div.searchForm input {
	width:200px;
	height:16px;
	padding:2px 0 0 2px;
	float:left;
	margin:11px 9px 0 0;
}
#header div.searchForm input.btn {
	width:55px;
	height:21px;
	padding:0;
	margin-right:0;
}


/*------- TOP MENU -------*/

#header ul.topmenu {
	width:800px;
	height:16px;
	font:bold 9px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:absolute;
	top:-16px;
	right:10px;
}
#header ul.topmenu li {
	float:right;
	padding-left:3px;
}
#header ul.topmenu li a, #header ul.topmenu li span.selected {
	display:block;
	padding-right:14px;
	float:left;
	background:url(../images/topmenu-bg-right.gif) 100% 0 no-repeat;
	height:16px;
	color:#FFFEF4;
	background-color:inherit;
}
#header ul.topmenu li a span, 
#header ul.topmenu li span.selected span {
	display:block;
	height:16px;
	background:url(../images/topmenu-bg-left.gif) 0 0 no-repeat;
	float:left;
	padding-left:14px;
	cursor:pointer;
}
#header ul.topmenu li a:hover, 
#header ul.topmenu li span.selected {
	background-position:100% 100%;
	border:none;
}
#header ul.topmenu li a:hover span, 
#header ul.topmenu li span.selected span {
	background-position:0 100%;
}
#header ul.topmenu li span.selected span {
	cursor:default;
}


/*-------------------- BODY ---------------*/

#body {
	padding:0 2px 35px 2px;
	width:920px;
	margin:0 auto;
	background:#fff;
	color:#383838;
}
div.bannerHome {
	background:#CFB779 url(../images/banner-index.jpg) 0 0 no-repeat;
	padding:7px;
	overflow:hidden;
	height:100%;
	color:#000;
}
div.bannerHome div.flash {
	width:664px;
	height:205px;
	float:left;
	padding:5px 0 0 5px;
}
div.bannerHome p {
	float:left;
	width:312px;
	padding:79px 0 0 330px;
	font-size:15px;
	line-height:18px;
}
div.bannerHome p span {
	font-size:20px;
	line-height:22px;
	font-weight:bold;
	padding:21px 0 0 180px;
	display:block;
}
div.bannerHome div.maxPayroll {
	width:217px;
	float:right;
}
div.bannerHome div.maxPayroll h2 {
	background:url(../images/max-payroll-hdr.jpg) 0 0 no-repeat;
	height:27px;
	line-height:27px;
	padding-left:30px;
	font-size:12px;
	color:#fff;
	background-color:inherit;
}
div.bannerHome div.maxPayroll ul {
	font-size:12px;
	line-height:27px;
}
div.bannerHome div.maxPayroll ul li {
	color:#000;
	padding-top:1px;
	background:#EEECBB url(../images/max-payroll-linkbg.gif) 0 0 repeat-x;
	border-bottom:#CFB779 2px solid;
}
div.bannerHome div.maxPayroll ul li span {
	display:block;
	background:url(../images/bull-our-services.gif) 12px 50% no-repeat;
	padding-left:25px;
	height:27px;
}
div.bannerHome div.maxPayroll ul li.doubleLine {
	line-height:14px;
	padding:5px 0;
}
div.bannerHome div.maxPayroll ul li.doubleLine span {
	height:auto;
	line-height:14px;
	background-position:12px 4px;
}
div.bannerHome div.maxPayroll ul li.last {
	border:none;
}
/*--------- BOTTOM PANEL ---------*/

div.bottomPanel {
	padding:30px 0 0 15px;
	background:#fff url(../images/bottom-panel-bg.gif) 0 0 repeat-x;
	color:#383838;
	overflow:hidden;
	height:100%;
}
div.bottomPanel div.left {
	width:650px;
	float:left;
}
div.bottomPanel div.left h3 {
	color:#906802;
	font-weight:normal;
	background-color:inherit;
	font-size:20px;
	line-height:22px;
	padding-bottom:15px;
}
div.bottomPanel p {
	padding:0 10px 19px 0;
}

/*------ ICON LINKS -------*/
div.iconPanel {
	padding:30px 0 0 15px;
	overflow:hidden;
	height:100%;
	clear:both;
}
ul.imgBtns {
	padding:0;
}
ul.imgBtns li {
	float:left;
	padding-right:4px;
	padding-left:0;
	background:none;
}
ul.imgBtns li.right {
	padding-right:0;
}
ul.imgBtns li a {
	display:block;
	background:0 0 no-repeat;
	width:218px;
	height:0;
	font-size:0;
	padding-top:99px;
	float:left;
	overflow:hidden;
}
ul.imgBtns li a:hover {
	background-position:0 -99px;
}
ul.imgBtns li a.client {
	background-image:url(../images/client-resource-btn.jpg);
}
ul.imgBtns li a.employer {
	background-image:url(../images/employer-resource-btn.jpg);
}
ul.imgBtns li a.partner {
	background-image:url(../images/partner-resource-btn.jpg);
}
ul.imgBtns li a.training {
	background-image:url(../images/training-resource-btn.jpg);
}

/*----- OUR SERVICES PANEL ----*/

div.bottomPanel div.right {
	width:225px;
	float:right;
	padding-bottom:5px;
	background:#A9872D url(../images/our-services-bottombg.gif) 0 100% no-repeat;
	color:#F2E5C2;
}
div.bottomPanel div.right h2 {
	background:url(../images/our-services-hdr.gif) 0 0 no-repeat;
	line-height:34px;
	height:34px;
	padding:5px 0 0 28px;
	font-size:15px;
}
div.bottomPanel div.right ul {
	background:#F2E5C2;
	color:#000;
	font-size:11px;
	font-weight:bold;
	line-height:24px;
	width:214px;
	margin:4px 0 0 5px;
}
div.bottomPanel div.right ul a {
	display:block;
	height:24px;
	background:#F2E5C2 url(../images/bull-maxpayroll.gif) 10px 50% no-repeat;
	color:#000;
	padding-left:27px;
	border-bottom:#B2A581 1px solid;
}
div.bottomPanel div.right ul a.top {
	color:#000;
	background:#F2E5C2 url(../images/our-services-top-linkbg.gif) 0 0 no-repeat;
	padding-top:9px;	
}
div.bottomPanel div.right ul a.bottom {
	color:#000;
	background:#F2E5C2 url(../images/our-services-bottom-linkbg.gif) 0 100% no-repeat;
	padding-bottom:8px;
	border:none;
}
div.bottomPanel div.right ul a:hover {
	color:#000;
	background-color:#EADAAF;
}
div.bottomPanel div.right ul a.top:hover {
	background-image:url(../images/services-top-linkbg-hov.gif);
}
div.bottomPanel div.right ul a.bottom:hover {
	background-image:url(../images/services-bottom-linkbg-hov.gif);
}
div.bottomPanel div.right ul a.openheader {
	border-bottom:none;
}
/* SUB DROP STYLE */

div.bottomPanel div.right ul ul {
	padding:0 0 5px 20px;
	width:auto;
}
div.bottomPanel div.right ul ul li {
	border-bottom:#B2A581 1px dashed;
}
div.bottomPanel div.right ul ul a,
div.bottomPanel div.right ul ul a.active {
	padding-left:10px;
	border-bottom:none;
	display:inline;
	background:#F2E5C2 url(../images/services-bull.gif) 1px 50% no-repeat;
}
div.bottomPanel div.right ul ul a:hover,
div.bottomPanel div.right ul ul a.active {
	color:#BD1515;
	background-color:#F2E5C2;
}
div.bottomPanel div.right ul ul li.noBorder {
	border-bottom:none;
}
div.bottomPanel div.right ul ul a.doubleLine  {
	line-height:14px;
	padding:5px 0 5px 10px;
	background-position:1px 9px;
	display:block;
	height:28px;
}

/*-------------------------- FOOTER ------------------------------*/

#footer {
	width:924px;
	margin:0 auto;
	background:#80600D;
	font-size:11px;
	line-height:17px;
	color:#F2E5C2;
	padding-top:19px;
	height:54px;
	position:relative;
}
#footer p {
	text-align:center;
	white-space:pre;
}
#footer p.copyright {
	font-size:10px;
}
#footer a {
	color:#F2E5C2;
	background:#80600D;
}
#footer a:hover {
	color:#DBCBA1;
	background:#80600D;
	text-decoration:underline;
}
#footer img.firewolf {
	position:absolute;
	right:15px;
	top:25px;
}
#footer img.iipa {
	position:absolute;
	left:15px;
	top:20px;
}
#footer img.bbb {
	position:absolute;
	left:80px;
	top:20px;
}
#footer img.apa {
	position:absolute;
	left:120px;
	top:20px;
}
#footer img.b2b {
	position:absolute;
	left:180px;
	top:20px;
}


/*---------------- INNER PAGES ----------------*/

div.bottomPanel div.left a {
	color:#644A06;
	background-color:inherit;
	text-decoration:underline;
}
div.bottomPanel div.left a:hover {
	color:#9B7512;
	background-color:inherit;
	text-decoration:none;
}
div.bottomPanel div.left ul {
	padding:0 0 19px 20px;
}
div.bottomPanel div.left ul li {
	background:url(../images/bull-body.gif) 0 7px no-repeat;
	padding-left:10px;
	padding-bottom:5px;
}
div.bottomPanel div.left ol {
	padding:0 0 19px 20px;
	list-style:decimal inside;
}
div.bottomPanel div.left ol li {
	padding-bottom:5px;
}
div.bottomPanel div.left ol li span {
	padding-left:15px;
	display:block;
}
div.bottomPanel div.left p.testiTxt {
	border-bottom:#ccc 1px solid;
	margin-bottom:19px;
}
div.bottomPanel div.left ul.doubleDigit {
	/*margin-left:-23px;*/
	list-style:none;
}
div.bottomPanel div.left ul.doubleDigit li {
	background:none;
	padding-left:0;
}
div.bottomPanel div.left ul.doubleDigit li.double {
	margin-left:-7px;
}
/*---------- CONTACT PAGE ------------*/

div.bottomPanel div.left p.contact {
	float:left;
	width:200px;
}
div.bottomPanel div.left div.form {
	padding:10px 0 0;
	overflow:hidden;
	clear:both;
}
div.bottomPanel div.left div.form p {
	text-align:right;
	font-weight:bold;
	height:18px;
}
div.bottomPanel div.left div.form label {
	display:block;
	overflow:hidden;
	height:100%;
}
div.bottomPanel div.left div.form label span {
	/*width:150px;*/
	width:100px;
	float:left;
	text-align:right;
	padding:0 10px 16px;
	font-size:12px;
	line-height:20px;
}
div.bottomPanel div.left div.form input {
	width:190px;
	height:16px;
	padding:2px 0 0 2px;
	float:left;
}
div.bottomPanel div.left div.form textarea {
	width:192px;
	height:90px;
	float:left;
	padding:2px 0 0 2px;
}
div.bottomPanel div.left div.form em {
	color:#FF0000;
	background-color:inherit;
	font-style:normal;
}
div.bottomPanel div.left div.form fieldset {
	width:320px;
	float:left;
	border:none;
}
div.bottomPanel div.left div.form fieldset.right {
	float:right;
}
div.bottomPanel div.left div.form p.buttons {
	overflow:hidden;
	height:100%;
	padding:0 0 0 114px;
}
div.bottomPanel div.left div.form label.buttons input, 
div.bottomPanel div.left div.form p.buttons input {
	width:80px;
	height:30px;
	line-height:20px;
	padding:0;
	margin:15px 5px 0;
	text-align:center;
	cursor:pointer;
}
div.bottomPanel div.left div.form label.radio input {
	width:auto;
	height:auto;
	margin:0 5px 0 0;
	padding:0;
}
div.bottomPanel div.left div.form label.radio u {
	text-decoration:none;
	display:block;
	width:40px;
	float:left;
	padding-left:2px;
	line-height:18px;
}

/*------------ FREE QUOT -------------*/

div.bottomPanel div.left div.freeQuot {
	padding-left:30px;
	width:620px;
	position:relative;
	overflow:visible;
}
div.bottomPanel div.left div.freeQuot label span {
	width:200px;
	padding-right:15px;
} 
div.bottomPanel div.left div.freeQuot p {
	text-align:left;
}
div.bottomPanel div.left div.freeQuot p.buttons {
	padding:0 0 0 220px;
}
div.bottomPanel div.left div.freeQuot input {
	width:250px;
}
div.bottomPanel div.left div.freeQuot textarea {
	width:252px;
}
div.bottomPanel div.left div.form select {
	width:256px;
	height:20px;
	float:left;
}

/*------- ERROR MESAGES ---------*/

div.bottomPanel div.left div.form input.error {
	border:#EA5959 1px solid;
	background-color:#FFE3E3;
	height:17px;
	width:192px;
	padding-top:3px;
}
div.bottomPanel div.left div.form input.success {
	border:#4ABB33 1px solid;
	width:192px;
	height:18px;
}
div.bottomPanel div.left div.form p#errorMsg {
	text-align:left;
	font-weight:bold;
	color:#DE2626;
	background-color:inherit;
	/*display:none;*/
	margin:-38px 0 0;
}
div.bottomPanel div.left div.freeQuot p#errorMsg {
	text-align:right;
	padding:0 140px 0 0;
	position:absolute;
	right:0;
	width:500px;
	top:10px;
	margin:0;
}
div.bottomPanel div.left div.freeQuot input.error,
div.bottomPanel div.left div.freeQuot input.success {
	width:252px;	
}

/*-------- THANKS ---------*/

div.bottomPanel div.left p.thank {
	font-size:16px;
	line-height:22px;
	font-weight:bold;
}

/*------------ FAQ ----------*/

div.bottomPanel div.left p.expand {
	padding-bottom:12px;
}
div.bottomPanel div.left a.expandable, div.bottomPanel div.left a.expandable:hover {
	padding:0 0 0 30px;
	display:block;
	line-height:26px;
	height:26px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	background:#F1F0E8 url(../images/icon-close.gif) 10px 50% no-repeat;
}
div.bottomPanel div.left a.doubleLine, div.bottomPanel div.left a.doubleLine:hover {
	background-position:10px 6px;
	line-height:16px;
	height:auto;
	padding-top:4px;
	padding-bottom:4px;
}
div.bottomPanel div.left a.doubleLine:hover, div.bottomPanel div.left a.expandable:hover {
	color:#000;
	background-color:#EAE9DF;
}
div.bottomPanel div.left a.openheader {
	background-image:url(../images/icon-open.gif);
}
div.bottomPanel div.left div.categoryitems {
	padding-left:30px;
}

/*--------------- SITE MAP ----------------*/

div.bottomPanel div.left ul.sitemap {
	font-weight:bold;
	line-height:24px;
}
div.bottomPanel div.left ul.sitemap ul {
	background:url(../images/sitemap-vert.gif) 0 0 repeat-y;
	margin-left:-20px;
}
div.bottomPanel div.left ul.sitemap li {
	background:url(../images/sitemap-midd.gif) 0 0 no-repeat;
	padding:0 0 0 20px;
}
div.bottomPanel div.left ul.sitemap li.last {
	background:url(../images/sitemap-last.gif) 0 0 no-repeat;
}
div.bottomPanel div.left ul.sitemap li a {
	text-decoration:none;
	color:#000;
	background-color:inherit;
}
div.bottomPanel div.left ul.sitemap li a:hover {
	color:#383838;
	background-color:inherit;
}


/*----------------- NEWS PAGE --------------*/

div.bottomPanel div.left h4 {
	font-size:15px;
	line-height:22px;
	padding-bottom:5px;
}

/*--------------- BREDCRUMBS ---------------*/

div.bottomPanel div.left div.bredCrumbs ul {
	height:18px;
	margin-bottom:22px;
	padding:0;
}
div.bottomPanel div.left div.bredCrumbs ul li {
	float:left;
	padding:0 9px 0 10px;
	background:url(../images/bull-bredcrumbs.gif) 0 50% no-repeat;
}
div.bottomPanel div.left div.bredCrumbs ul li.left {
	background:none;
	padding-left:0;
}
div.bottomPanel div.left div.bredCrumbs ul a {
	text-decoration:none;
}

/*----------- HR ANSWER LINK  -----------*/

div.bottomPanel div.left img.floatLeft {
	float:left;
	margin-right:20px;
}

/*----------- TRAINING RESOURCE CENTER -----------*/

div.bottomPanel div.left ul.pdfList {
	line-height:22px;
}
div.bottomPanel div.left ul.pdfList li {	
	padding-left:20px;
	background:url(../images/pdf-icon.jpg) 0 35% no-repeat;
}
div.bottomPanel div.left ul.pdfList li a {
	text-decoration:none;
}
div.bottomPanel div.left ul.pdfList li a:hover {
	text-decoration:underline;
}

