/*  IOI CSS  */
/*  Author: Steve Smith c/o Villing & Company Inc.  */

body {
	background:#FFF;
	text-align:left;
	font:11px/1.4 Tahoma, Verdana, Helvetica, san-serif;
	color:#666666;
	margin:0;
	padding:0;
	width: auto;
	min-width:750px;
}

#wrapper {
	padding:0;
	margin:0;
	background:#FFF url(bg.gif) repeat-y top left;
	width: 100%;
}

#container {
	width: 100%;
	float: right;
	background:#FFF url(bg.gif) repeat-y top left;
	margin-left: -221px;
}

#header {
	width:100%;
	height:121px;
	background:#D6CEA9 url(header.gif) no-repeat top left;
	position:relative;
	border-bottom:1px solid #FFF;
}

#header h5 {
	margin:0;
	padding:0;
	width:220px;
	height:121px;
}

#header h5 a {
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	width:220px;
	height:121px;
	background:transparent url(logo.gif) no-repeat top left;
}

#header h3 {
	float:right;
	background:transparent url(graphic_header.jpg) no-repeat top left;
	width:263px;
	height:121px;
	overflow:hidden;
	text-indent:-9000px;
	margin:0;
	padding:0;
}

#header div.replaced-h3	{ 
	float:right;
	width:263px;
	height:121px;
	overflow:hidden;
	margin:0;
	padding:0;
}

#header.services h3 {	background:transparent url(graphic_services.jpg) no-repeat top left; }
#header.who h3 {	background:transparent url(graphic_who_we_are.jpg) no-repeat top left; }
#header.contact h3 {	background:transparent url(graphic_contact_us.jpg) no-repeat top left; }
#header.clients h3 {	background:transparent url(graphic_clients.jpg) no-repeat top left; }
#header.news h3 {	background:transparent url(graphic_news.jpg) no-repeat top left; }
#header.careers h3 {	background:transparent url(graphic_careers.jpg) no-repeat top left; }

a {
	color:#8C1531;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

ul#nav {
	position:absolute;
	top:27px;
	left:35%;
	width:260px;
	margin:0;
	padding:0;
	list-style-type:none;
	font:bold 14px "Trebuchet MS", Georgia, serif;
} 

ul#nav li {
	float:left;
	height:22px;
	margin:0;
	padding:0 0 0 10px;
	background:transparent url(square.gif) no-repeat 0 6px;
	width: 120px !important; 
	width /**/:130px; /* IE5/Win */
}

ul#nav a {
	text-decoration:none;
	color:#8C1531;
}

ul#nav a:hover {
	text-decoration:underline;
}

span.ioi {
	font-family:"Times New Roman", Times, serif;
}
	
#focus {
	clear:left;
	margin:0 0 0 221px;
	padding:10px;
}

.clearing {
	height: 0;
	visibility:hidden;
	clear: both;
	width:750px;
}

#footer {
	margin:0;
	background:transparent url(footer.gif) repeat-x top left;
	color:#FFF;
	padding:10px;
	line-height:1em;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

#focus ul {
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
}

#focus ul li {
	padding:0 0 0 14px;
	margin:0 0 5px 10px;
	background:transparent url(bullet_focus.gif) no-repeat 0 4px;
}

ul.services {
	width:50%;
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
}

#focus ul.services li {
	padding:0 0 0 14px;
	margin:0 0 10px 0;
	background:transparent url(bullet.gif) no-repeat 0 4px;
}

ul.services h3 {
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:100%;
}

#ioipay_demo {
	margin:0 -10px -10px -10px;
	padding:10px;
	background:#F2EDD0;
}

h2 {
	font:normal 18px "Trebuchet MS", "Lucida Grande", Georgia;
	padding:0;
	margin:0 0 10px 0;
	color:#8C1531;
}

#focus h5 {
	font-size:12px;
	padding:0;
	font-weight:bold;
	margin:0 0 10px 0;
}

#focus p {
	margin:0 0 10px;
	padding:0;
}

ul.services h3 a {
	color:#666;
	text-decoration:none;
}

ul.services h3 a:hover {
	text-decoration:underline;
}

ul.services p {
	margin:0;
	padding:0;
	font-size:100%;
	color:#999;
}

br.endservices {
	clear:both;
}

#ioipay_demo .icon {
	float:left;
	padding:0 10px 0 0;
}

#ioipay_demo p {
	margin:0;
	padding:0;
}

#demotitle {
	float:left;
	width:75px;
}

#demobutton {
	float:right;
}

#menu {
	float:left;
	margin:0;
	padding:10px;
	width: 200px !important; 
	width /**/:220px; /* IE5/Win */
	min-height: 400px;
    _height: 400px;
}

body#home #menu {
	min-height: 1px;
    _height: 1px;
}

#menu h3 {
	font-size:100%;
	color:#8C1531;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
}

#login_links {
	margin:-10px -10px 10px -10px;
	width: 200px !important; 
	width /**/:220px; /* IE5/Win */
	background:#F2EDD0;
	padding:10px;
	border-bottom:1px solid #FFF;
}

#newsbrief ul, #login_links ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#newsbrief li, #login_links li {
	margin:0 0 10px 0;
	padding:0;
}

#newsbrief h5 {
	font-size:100%;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
}

#login_links h5 {
	font-size:100%;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
}

#focus #newsbrief p {
	margin:0;
	padding:0;
}

#focus #newsbrief p.morelink {
	text-align:right;
	margin-bottom:15px;
}

#menu #newsbrief p {
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}

#menu #newsbrief a {
	color:#666;
	text-decoration:none;
}

#menu #newsbrief a:hover {
	text-decoration:underline;
}

#footer a {
	color:#FFF;
	text-decoration:underline;
}

#footer a:hover {
	text-decoration:none;
}

#secondarynav {
	margin:-10px -10px 10px -10px;
	width: 200px !important; 
	width /**/:220px; /* IE5/Win */
	background:#F2EDD0;
	padding:10px;
}

#secondarynav ul {
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
}

#secondarynav ul li {
	padding:0 0 0 14px;
	margin:0 0 5px 10px;
	background:transparent url(bullet_menu.gif) no-repeat 0 4px;
}

.section1 {
	width:45%;
	padding:0;
	margin:0 5% 0 0;
	float:left;
}	

.section2 {
	width:45%;
	padding:0;
	margin:0;
	float:left;
}

.section0 {
	float: left;
}

.sectionA {
	float: left;
	width: 29%;
}	

.sectionB {
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	width: 29%;
}	

.sectionC {
	float: left;
	width: 29%;
}	

#focus ul li ul {
	margin:5px 0 10px 0;
	padding:0;
	list-style-type:none;
}

#secondarynav ul li ul {
	display:none;
}

body.payroll #secondarynav ul li#payroll_list ul,
body.filing #secondarynav ul li#filing_list ul,
body.dpaychek #secondarynav ul li#dpaychek_list ul,
body.hradmin #secondarynav ul li#hradmin_list ul,
body.benefit #secondarynav ul li#benefit_list ul,
body.ioipay #secondarynav ul li#ioipay_list ul,
body.timeclock #secondarynav ul li#timeclock_list ul,
body.selfservice #secondarynav ul li#selfservice_list ul,
body.assessment #secondarynav ul li#assessment_list ul,
body.compdirect #secondarynav ul li#compdirect_list ul,
body.ct #secondarynav ul li#ct_list ul

{
	display:block;
	margin:5px 0 10px 0;
	padding:0;
	list-style-type:none;
}

#secondarynav ul li ul li {
	padding:0 0 0 14px;
	margin:0 0 5px 10px;
	background:transparent url(bullet_menu.gif) no-repeat 0 4px;
	font-weight:normal;
}

body#payroll_home li#payroll_list,
body#payroll_optional li#payroll_optional_list,
body#payroll_standard li#payroll_standard_list,
body#payroll_special li#payroll_special_list,
body#dpaychek_home li#dpaychek_list,
body#dpaychek_benefits li#dpaychek_benefits_list,
body#dpaychek_use li#dpaychek_use_list,
body#dpaychek_enrollment li#dpaychek_enrollment_list,
body#dpaychek_faq li#dpaychek_faq_list,
body#dpaychek_privacy li#dpaychek_privacy_list,
body#filing_home li#filing_list,
body#hradmin_home li#hradmin_list,
body#hradmin_hressentials li#hradmin_hressentials_list,
body#hradmin_abra li#hradmin_abra_list,
body#benefit_home li#benefit_list,
body#benefit_section125 li#benefit_section125_list,
body#benefit_cobra li#benefit_cobra_list,
body#benefit_hsa li#benefit_hsa_list,
body#ioipay_home li#ioipay_list,
body#ioipay_requirements li#ioipay_requirements_list,
body#ioipay_security li#ioipay_security_list,
body#ioipay_distribution li#ioipay_distribution_list,
body#ioipay_turnaround li#ioipay_turnaround_list,
body#timeclock_home li#timeclock_list,
body#selfservice_home li#selfservice_list,
body#assessment_home li#assessment_list,
body#compdirect_home li#compdirect_list,
body#downloads_home li#downloads_list,
body#support_home li#support_list,
body#people_home li#people_list,
body#becomingclient_home li#becomingclient_list,
body#locations_home li#locations_list,
body#form_general li#form_general_list,
body#form_hr_signup li#form_hr_signup_list,
body#form_ioipay_signup li#form_ioipay_signup_list,
body#form_customer_service li#form_customer_service_list,
body#newsletter_home li#newsletter_list,
body#survey_home li#survey_list,
body#testimonials_home li#testimonials_list,
body#payroll_ledger li#payroll_ledger_list,
body#payroll_vendor li#payroll_vendor_list,
body#ct_home li#ct_list,
body#ct_available li#ct_available_list,
body#ct_seminars li#ct_seminars_list
{
	background:transparent url(bullet_menu_on.gif) no-repeat 0 4px;
	font-weight:bold;
}

a.pdf {
	padding-left:14px;
	background:transparent url(icon_pdf.gif) no-repeat 0 2px;
}

a.zip {
	padding-left:14px;
	background:transparent url(icon_zip.gif) no-repeat 0 2px;
}

#secondarynav h3 {
	color:#666;
}

#secondarynav a {
	color:#8C1531;
	text-decoration:none;
}

#secondarynav a:hover {
	text-decoration:underline;
}

input, select, textarea {
	font:11px/1.4 Tahoma, Verdana, Helvetica, san-serif;
	color:#666666;
}

p.error {
	color:#C30;
}

label {
margin: 0;
padding:0.2em;
margin-top:0.3em;
text-align:left;
width:90px;
float:left;
  }
fieldset {
  border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
  width:509px;
  }
legend {
display:none;
}

.br {display:none;}  
  
.textfield {
margin:5px 3px;
width:300px;
voice-family: "\"}\""; 
voice-family:inherit;
width:287px;
}

select {
margin:5px 3px;
}

.checkbox {
 margin:7px 3px;
}

textarea {
color:#333 ;
margin:3px;
height:165px;
width:300px;
voice-family: "\"}\""; 
voice-family:inherit;
width:290px;
}

.submit {
margin:3px;
background: transparent url("graphics/submit.gif") no-repeat;
height:1em;
border:solid 0 #fff;
width:80px;
color:#666;
text-transform:uppercase;
 }
 
img.feature {
	float:right;
	padding:0 0 10px 10px;
}