@charset "utf-8";
/* CSS Document */
#logobar{
	background: url("../img/header.jpg") 210px 0px no-repeat #ffffff;
}
#leftColumn{
	width: 222px;
	margin: 40px 0px 20px 0px;
}
#leftColumn #patterns {
	background: url('../img/patterns2.jpg') 10px 0px no-repeat;
	display: block;
	width: 210px;
	height: 526px;
}
#mainContent {
	color: #004487;
	border: none;
	margin: 20px 0px 20px 0px;
	width: 530px;
}
#mainContent a:link, 
#mainContent a:link, 
#mainContent a:visited{
	text-decoration: none;
}
#mainContent a:hover{
	text-decoration: underline;
}
#mainContent .homepageColumnFS .minHeightForcer,
#mainContent .homepageColumnCARE .minHeightForcer {
/* not working correctly */
	display: block;
	width: 1px;
	height: 140px;
 	float:left;

}
#mainContent .homepageColumnFS,
#mainContent .homepageColumnCARE {
	display: block;
	width: 248px;
	float: left;
	margin: 10px 0px 0px 0px;
}
#mainContent .homepageColumnFS h2,
#mainContent .homepageColumnCARE h2  {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-size: 120%;
	font-weight: bold;
	background: url(../img/homepage_final_salary_select.jpg) 0px 0px no-repeat #333333;
	color: #ffffff;
	border-right: 1px solid #ffffff;
}
#mainContent .homepageColumnCARE h2  {
	background: url(../img/homepage_care_select.jpg) 0px 0px no-repeat #333333;
}
#mainContent .homepageColumnFS h2 a:link,
#mainContent .homepageColumnFS h2 a:active,
#mainContent .homepageColumnFS h2 a:visited,
#mainContent .homepageColumnCARE h2 a:link,
#mainContent .homepageColumnCARE h2 a:active,
#mainContent .homepageColumnCARE h2 a:visited {
	color: #ffffff;
	text-decoration: none;
}
#mainContent .homepageColumnFS h2 a:hover,
#mainContent .homepageColumnCARE h2 a:hover {
	text-decoration: none;
}
#mainContent .homepageColumnFS h2 a span.title,
#mainContent .homepageColumnCARE h2 a span.title {
	display: block;
	padding: 10px;
	border-bottom: 1px solid #ffffff;
}
#mainContent .homepageColumnFS h2 a span.text,
#mainContent .homepageColumnCARE h2 a span.text {
	display: block;
	background-color: #FFDAE9;
	padding: 10px;
	color: #004487;
	font-weight: normal;
	font-size: 86%;
}
#mainContent .homepageColumnCARE h2 a span.text {
	text-decoration: none;
	background-color: #CCDAE7;
}

#mainContent h2 {
	text-decoration: none;
}

#mainContent .homepageColumnFS h2 a:hover span.text  {
	background-color: #FFB0D0;
	text-decoration: none;
}
#mainContent .homepageColumnCARE h2 a:hover span.text  {
	background-color: #A2BCD5;
	text-decoration: none;
}
#mainContent #blueRule {
	display: block;
	margin: 0px;
	border-bottom: 1px solid #000077;
	height: 10px;
	width: 503px;
	clear: both;
}
#mainContent h1 {
	margin: 13px 0px 0px 0px;
}
#mainContent h2.notSure {
	display: block;
	width: 248px;
	float: left;
	font-size: 100%;
	margin: 10px 0px 0px 0px;
}
#mainContent h2.notSure span {
	display: block;
	height: 32px;
	padding: 10px 10px 10px 40px;
}
#mainContent h2.notYetMember span {
	padding: 18px 10px 10px 40px;
	height: 24px;
}	

#mainContent h2.notSure a span.singleLine {
	display: block;
	padding: 18px 10px 18px 40px;
}
#mainContent h2.notSure a:link span,
#mainContent h2.notSure a:active span,
#mainContent h2.notSure a:visited span {
	color: #004487;
	background: url(../img/not_sure.jpg) 0px 0px no-repeat #ffffff;
	text-decoration: none;
	cursor: pointer;
}
#mainContent h2.notSure a:hover span {
	background-position: 0px -105px;
	text-decoration: underline;
	cursor: pointer;
}
#mainContent h2.margin_top_less {
	margin-top: -10px;
}
#rightPanelHomepage {
	margin: 32px 0px 20px 0px;
	width: 205px;
	float: right;
	color: #004487;
}
#rightPanelHomepage h3 {
	font-size: 150%;
	margin: 0px 0px 10px 0px;
}

#rightPanelHomepage h4 {
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	border-top: 1px solid #FF0066;
	font-size: 110%;
}

#rightPanelHomepage h4 a:link,
#rightPanelHomepage h4 a:active,
#rightPanelHomepage h4 a:visited {
	color: #004487;
	text-decoration: none;
}#rightPanelHomepage h4 a:hover {
	text-decoration: underline;
	color: #FF0066;
}

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

#rightPanelHomepage a.readMore {
	display:block;
	width: 100%;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/arrow_black_to_pink.jpg) 2px 9px no-repeat;
}
#rightPanelHomepage a.readMore span {
	display: block;
	width: 158px;
	padding: 9px 15px 12px 16px;
	font-size: 100%;
	cursor: pointer;
}
#rightPanelHomepage a.readMore:hover {
	background-color: #FFE5EF;
	background-position: 2px -129px;
	text-decoration: underline;

}

/**** ShowHideLink ****/
#mainContent .expandingLinks h2 a {
	color: #FF0066;
}