@charset "utf-8";
/* Main CSS Document for the Acclaim Benefit Page Shell */

* {margin: 0px; padding: 0px}

html body 
	{width: auto; background-color: #e8f2f8}

ul 
	{list-style: none}

#bodyContainer {
	background: #0C1F47 url(/images/Bkgnd-WaterWaves.jpg) no-repeat top center;
	width: 900px;
	margin: 0 auto;
	padding: 15px 50px 20px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: .8em;
}
 
/*================================*/
/* START Header Container Styling */
/*================================*/
#headerContainer 
	{height: 88px; padding-left: 10px; border: 1px dotted transparent}

#headerContainer .logo 
	{margin-left: 10px; float: left}

ul#mainNav 
	{margin: 61px 0 0 255px}

#mainNav li 
	{display: inline}

#mainNav li a {
	font-weight: bold;
	font-size: 14px;
	color: white;
	/*color: #d8bd91;*/ /* Tan */
	text-decoration: none;
	margin: 0 5px;
	padding: 0 0 5px;
}

#mainNav li a:hover 
	{border-bottom: 2px solid #fc8617 !important}

/* Set current state for selected main category */
.about #mainNav li#about a,
.services #mainNav li#services a,
.newsRoom #mainNav li#newsRoom a,
.employeeResources #mainNav li#employeeResources a,
.academy #mainNav li#academy a,
.contactUs #mainNav li#contact a
{border-bottom: 2px solid #e9862a !important}
/*============================*/
/* END Main Container Styling */
/*============================*/



/*==============================*/
/* START Main Container Styling */
/*==============================*/
#mainContainer 
	{background: #e8f2f8;	color: #594739;	min-height: 750px}

#taglineImg {}



/*==============================*/
/* START Left Container Styling	*/
/*==============================*/
#leftContainer 
	{width: 225px; float: left;	padding: 35px 0 0 20px}

#leftNav h1 
	{color: #033F72; margin: 0 0 0 5px; font-weight: normal !important;	font-size: 22px}

#leftNav ul 
	{text-transform: uppercase;	border-bottom: 2px solid #003F72;	font-size: 11px}

#leftNav li 
	{border-top: 2px solid #003F72} /*letter-spacing: 1px;*/

#leftNav ul.leftSubNav li {
	text-transform: none;
	background: transparent url(/images/Bullet-Triangle.gif) no-repeat 10px 5px;
	padding-left: 20px;
	border-left: 5px solid #e8f2f8;	
	border-top: none; /* disable sub nav border */

}

#leftNav ul.leftSubNav li a 
	{padding: 1px 2px 4px}

/* hidding SubNav */
#leftNav ul.leftSubNav 
	{display: none}

/* display SubNav */
#spendingOverview ul#subNavSpendingAccounts,
#spendingFSA ul#subNavSpendingAccounts,
#spendingFSA ul#subNavSpendingAccounts ul#subNavFSA,
#spendingDebitCard ul#subNavSpendingAccounts,
#spendingDebitCard ul#subNavSpendingAccounts ul#subNavFSA,
#spendingHRA ul#subNavSpendingAccounts,
#spendingPrintableForms ul#subNavSpendingAccounts,
#continuationOverview ul#subNavContinuationPrograms,
#continuationCOBRA ul#subNavContinuationPrograms,
#continuationState ul#subNavContinuationPrograms,
#continuationLeave ul#subNavContinuationPrograms
{display: block; border-bottom: none}


/*============================*/
/* make current category bold */
/*============================*/

/* About Category	*/
#company li a#ourCompany,
#philosophy li a#ourPhilosophy,
#team li a#ourTeam,
#businessPartners li a#ourBusinessPartners,
#clients li a#ourClients,
#careers li a#ourCareers,


/* Services Category	*/
#overview li a#servicesOverview,
#spendingOverview li a#overview,
#spendingFSA li a#fsa,
#spendingDebitCard li a#debitCard,
#spendingHRA li a#hra,
#spendingPrintableForms li a#printableForms,
		/* Set Spending Account to be always current */
			#spendingOverview li a#spendingAccounts,
			#spendingFSA li a#spendingAccounts,
			#spendingDebitCard li a#spendingAccounts,
			#spendingHRA li a#spendingAccounts,
			#spendingPrintableForms li a#spendingAccounts,
		/* END	*/
#transportation li a#transpBenefits,
#continuationOverview li a#continuationPrograms,
#continuationCOBRA li a#cobra,
#continuationState li a#stateContinuation,
#continuationLeave li a#leaveOfAbsence,
		/* Set Continuation Programs to be always current */
			#continuationCOBRA li a#continuationPrograms,
			#continuationState li a#continuationPrograms,
			#continuationLeave li a#continuationPrograms,
		/* END	*/
#retiree li a#retireeBilling,


/* News Room Category	*/
#newsArticles li a#newsArticles,
#pressReleases li a#newsPress,
#serviceAnnouncements li a#newsAnnouncements,
#complianceArticles li a#newsCompliance,


/* Employee Resources Category	*/



/* Accliam Academy Category	*/
#introduction li a#overview,
#schedule li a#currentSchedule,
#locations li a#seminarLocations,
#presenter li a#seminarPresenter,
#registration li a#seminarRegistration,

/* Contact Category	*/



/* Employee Resources Category	*/
#adminOverview li a#overview,
#adminServiceTeam li a#serviceTeam,
#adminPlanDesign li a#planDesign,
#adminEnrollment li a#enrollment,
#adminEducation li a#education,
#adminOngoingAdmin li a#ongoingAdmin,
#adminAccess li a#access,
#adminTesting li a#complianceTesting

{color: #403435; font-size: 12px; font-weight: bold}

#leftNav a 
	{padding: 6px; display: block; color: #514244; text-decoration: none;	font-weight: 500}

#leftNav a:hover, #leftNav a:focus 
	{background: #2E5B84;	color: #f0f7fa !important}
/*============================*/
/* END Left Container Styling	*/
/*============================*/



/*========================*/
/* START Blue Box Styling	*/
/*========================*/
.blueBoxBorder#loginCenter 
	{display: none}

.blueBoxBorder 
	{margin: 65px 0 0 10px}

.blueBoxBorder img 
	{line-height: 0; margin: 0 0 -3px}

.blueBox 
	{width: 185px; padding-left: 15px; background: #2E5B84 url(/images/Border-BlueBoxes-Btm.jpg) no-repeat bottom left}

.blueBox h2 
	{margin-bottom: 3px; font-size: 18px;	font-weight: normal; color: #d8bd91 !important}

.blueBox p 
	{color: white !important}

.blueBox a 
	{color: white; font-size: 11px; text-decoration: none !important}

.blueBox a.orange 
	{color: #fc8617}

.blueBox a:hover 
	{color: #d7bd91}

.blueBox input.textField 
	{width: 165px; color:#333333;	margin-bottom: 2px}

.blueBox .submitLogin {
	display: block;
	color:#fc8617;
	margin: 8px 15px;
	padding-bottom: 5px;
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
}

/* Styling for Blue box in Content Container */
#contentContainer .blueBoxBorder#highlightBox 
	{margin: 10px; float: right}

#contentContainer #highlightBox .blueBox 
	{padding: 3px 10px 10px; width: 250px; background: #2E5B84 url(/images/Border-BlueBoxes270-Btm.jpg) no-repeat bottom left}

#contentContainer #highlightBox .blueBox p 
	{color: white !important}

#contentContainer #highlightBox .blueBox a 
	{color: white; font-size: 13px; text-decoration: underline !important}

#contentContainer #highlightBox .blueBox ul 
	{margin: 0 5px 20px 5px}

#contentContainer #highlightBox .blueBox li 
	{color: white; padding-left: 15px; background: transparent url(/images/Bullet-TriangleWHT_BLU.gif) no-repeat 0px 4px}
/*======================*/
/* END Blue Box Styling	*/
/*======================*/



/*==================================*/
/* START Content Container Styling	*/
/*==================================*/
#contentContainer 
	{margin: 0 0 0 260px;	padding: 15px 10px 15px 0}

#contentContainer h1 
	{font-weight: 500; letter-spacing: 1px;	margin-bottom: 15px; color: #65533b}

#contentContainer h1#topHeading 
	{font-weight: normal;	font-size: 14px; margin-bottom: 3px; color: #594739}

#contentContainer h2 
	{font-weight: 500; margin-bottom: 8px; margin-left: 10px; color: #033F72}

#contentContainer h2.pitch 
	{margin: 15px 0; font-style: italic; color: #e9862a; font-size: 24px;	font-weight: normal; font-family: "Times New Roman", Times, serif}

#contentContainer h3 
	{font-weight: lighter; margin-bottom: 8px; margin-left: 10px; color: #033F72}

#contentContainer h4 {}

#contentContainer p 
	{line-height: 1.4; margin: 0 15px 15px; color: #033F72}

#contentContainer .makeNote 
	{color: red; font-weight: bold}

#contentContainer .note 
	{color: #e87911; font-weight: bold; font-style: italic}

#contentContainer .indent 
	{margin-left: 20px}

#contentContainer .largeCopy 
	{font-size: 14px; color: #594739}

#contentContainer a 
	{color: #2E5B84}

#contentContainer a:hover 
	{color: #fc8617}

#contentContainer .more {
	background: transparent url(/images/Bkgnd-MoreArrow_RED.gif) no-repeat right 7px;
	color: #9e0b0f;
	text-decoration: none;
	padding-right: 10px; 
}

#contentContainer .more:hover 
	{background: transparent url(/images/Bkgnd-MoreArrow_ORNG.gif) no-repeat right 7px}

/* Unordered List Styling */
#contentContainer ul 
	{margin: 0 0 20px 20px}

#contentContainer ul.brownText li
	{color: #594739}

#contentContainer li
	{color: #033F72; margin: 3px 0;	padding: 0 0 0 20px; background: transparent url(/images/Bullet-Triangle.gif) no-repeat 0px 4px}

#contentContainer li ul 
	{margin: 2px 0 10px 5px}

#contentContainer li ul li 
	{background: transparent url(/images/Bullet-Dash.gif) no-repeat 0px 4px}

/* Ordered List Styling */
#contentContainer ol 
	{margin: 0 0 20px 39px}

#contentContainer ol li
	{background: none; margin: 3px 0;	padding: 0}

#contentContainer ol li ol 
	{margin: 0 0 15px 20px}

#contentContainer ol li ul li 
	{background: transparent url(/images/Bullet-Dash.gif) no-repeat 0px 4px; padding-left: 20px}


/* Styling for all tables in content area.  NOTE: If table display differently, looking is page head */
#contentContainer table.standardTable, 
#contentContainer table.standardTableBwn 
	{color: white; background-color: #033F72;	border-collapse: collapse; width: 96%; margin: 0 0 15px 10px}

#contentContainer table.standardTableClear 
	{color: #594739; background-color: transparent;	border-collapse: collapse; width: 96%; margin: 0 0 15px 10px}

#contentContainer table.standardTable td,
#contentContainer table.standardTableBwn td 
	{table-layout: auto; border: 4px solid white}

#contentContainer table.standardTable h1, 
#contentContainer table.standardTableBwn h1
	{color: white; font-weight: bolder;	margin: 3px 0 10px 0;	font-size: 14px; text-align: center}
	
#contentContainer table.standardTable p,
#contentContainer table.standardTableBwn p 
	{color: white; font-weight: bold;	margin: 10px 10px 5px}

#contentContainer table.standardTable a 
	{color: white}

#contentContainer table.standardTable a:hover 
	{color: white}

#contentContainer table.standardTable ul, 
#contentContainer table.standardTableBwn ul 
	{margin: 0 5px 20px 5px}

#contentContainer table li
	{color: white; padding-left: 15px}

#contentContainer table.standardTable li
	{background: transparent url(/images/Bullet-TriangleWHT_ORNG.gif) no-repeat 0px 4px}

#contentContainer table.standardTableBwn li 
	{15px; background: transparent url(/images/Bullet-TriangleWHT_BWN.gif) no-repeat 0px 4px}

#contentContainer #registrationForm {}

#contentContainer #registrationForm input.textField
	{width: 100%;	padding: 2px;	margin-left: 5px}

#contentContainer #registrationForm input.submitButton {}

#contentContainer #registrationForm #registrantInfo p 
	{margin-top: 0;	font-weight: bold}

#contentContainer #registrationForm #registrantInfo 
	{width: 285px}

#contentContainer #registrationForm #registrantInfo #requiredNotice {
	font-size: 10px;
	color: #FF0000;
	margin: 0px 5px 15px;
	display: block;
}

#contentContainer #registrationForm #registrantInfo .required	{
	font-size: small;
	color: #FF0000;
	margin-right: 3px;
	vertical-align: top;
}

#contentContainer #seminarList 
	{float: right; width: 300px; margin: 0 10px 50px 25px; border: 1px dashed #d8bd91; border-top: none}

#contentContainer #seminarList h2 
	{margin-left: 0; padding: 4px; font-size: 16px;	background: #d8bd91; color: #594739}

#contentContainer .seminarOffering, 
#contentContainer .seminarOfferingClosed 
	{margin: 16px 8px}

#contentContainer .seminarOfferingClosed 
	{background: transparent url(/images/Bkgnd-SeminarClosed.gif) no-repeat left 4px}

#contentContainer .seminarOffering h3, 
#contentContainer .seminarOfferingClosed h3	
	{margin: 0 0 3px 45px; font-size: 14px;	border-bottom: thin solid #033F72}

#contentContainer .seminarOfferingClosed h3	
	{border-bottom: thin solid #999}

#contentContainer .seminarOffering h3 a 
		{text-decoration: none}
	
#contentContainer .seminarOfferingClosed h3 a 
		{text-decoration: none;	color: #999}
	
#contentContainer .seminarOffering p, 
#contentContainer .seminarOfferingClosed p 
	{margin: 0 0 3px 50px; color: #594739}

#contentContainer .seminarOfferingClosed p 
	{color: #ccc}

#contentContainer .seminarOffering input 
	{float: left;	width: 15px; margin: 4px 0 0 15px}
	
#contentContainer .seminarOfferingClosed input 
	{display: none}
	
#contentContainer .backToTop 
	{background: transparent url(/images/Bkgnd-BackToTop.gif) repeat-x left center; width: 100%; height: 20px; margin-bottom: 25px}
	
#contentContainer .backToTop img
	{border: none; float: right; margin-right: 8px; padding: 0 5px; background-color: #E8F2F8}

#contentContainer #servicesImages
	{width: 99%; text-align: center; margin: 30px 0}
	
#contentContainer #servicesImages img
	{border: none}

#contentContainer .FSACalculator
	{border: 1px dashed #d8bd91}



/*================================*/
/* END Content Container Styling	*/
/*================================*/
/* END Main Container Styling			*/
/*================================*/



/*======================*/
/* START Footer Styling	*/
/*======================*/
#footerContainer 
	{margin: 0 0 15px;	padding-top: 20px; background: transparent url(/images/Border_MainContainer-Btm.gif) no-repeat top left}

#footerContent 
	{margin: 0 15px; padding: 6px 0; font-size: 12px;	color: white;	text-transform: uppercase; border-bottom: 2px solid white}

#footerContent a 
	{color: white; text-decoration: none}

#footerContent a:hover 
	{color: #fc8617}

#footerContent ul#footerNav 
	{display: block; float: right; list-style: none}

#footerContent ul#footerNav li 
	{display: inline;	margin: 0 3px}
/*====================*/
/* END Footer Styling	*/
/*====================*/