.popuppanel {
	position: absolute;
	z-index: 2000;
	left: -1000px;
	top: 0;
}


/* Navigation ULs ----------------------------------------------------------- */
#content_navigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	border: none;
	position: absolute;
	top: 0;
	z-index: 500;
	height: 17px;
	left: 208px;
}
*+html #content_navigation { /* ie 7 adjustment */
	top: 5px;
}
* html #content_navigation {
	left: 210px;
}
#content_navigation li {
	position: relative;
	padding: 0;
	margin: 0;
	text-align: center;
	float: left;
	cursor: pointer;
	border: none;
	border-left: 1px solid #bababa;
	height: 17px;
}
#content_navigation li.first {
	border: none;
}

#content_navigation a {
	display: block;
	color: #036;
	border: none;
	text-decoration: none;
}

/* Footer Navigation -------------------------------------------------------- */
#footer_navigation {
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	display: block;
	border: none;
	position: absolute;
	top: 5px;
	right: 15px;
}
#footer_navigation li {
	position: relative;
	padding: 2px 0 2px 20px;
	margin: 0;
	text-align: center;
	float: left;
	cursor: default;
	border: none;
	font-size: 8pt;
}

/* Citi Nav (top of page) --------------------------------------------------- */
#citi_navigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	border: none;
	position: absolute;
	top: 0;
	z-index: 500;
	right: 8px;
}
#citi_navigation li {
	font-family: verdana, sans-serif;
	font-style: normal;
	line-height: normal;
	color: #646464;
	font-size: 10px;
	float: left;
	padding: 5px 0 5px 0;
}
#citi_navigation li.nav1 {
	font-weight: bold;
}
#citi_navigation li.nav2 {
	font-weight: normal;
}
#citi_navigation li a {
	color: #646464;
	text-decoration: none;
	display: block;
	padding: 0 10px 0 10px;
}
#citi_navigation li a:hover,
#citi_navigation li a:active {
	text-decoration: underline;
}
#citi_navigation li a.haspanel {
	padding: 0 11px 0 11px;
	margin-right: 11px;
	background: url(../images/widgets/menu/grey_arrow.gif) transparent right 4px no-repeat;
}
#citi_navigation li a.haspanel:hover,
#citi_navigation li a.haspanel:active {
	background: url(../images/widgets/menu/grey_arrow.gif) transparent right -16px no-repeat;
}

/* CTA Nav (left side bar panels) ------------------------------------------- */
.cta_panel_container {
	font-size: 0;
	line-height: 0;
	position: relative;
}
.cta_panel {
	width: 159px;
	background: url(../images/widgets/cta_panel_bg.png) transparent top left repeat-y;
	font-size: 8pt;
	line-height: normal;
	margin: 0;
	padding: 0;
	position: relative;
}

/* Main Navigation ---------------------------------------------------------- */
.mainnav {
	margin-top: 19px;
	line-height: 0;
	font-size: 0;
}
.mainnav a.mntab {
	margin-top: -24px;
	padding: 0;
	display: inline-block;
	height: 24px;
	position: absolute;
}
.mainnav_panel {
	background: url(../images/widgets/menu/navpanel_bg.png) transparent top left repeat-y;
	font-size: 8pt;
	line-height: normal;
	margin: 0;
	padding: 0;
	position: relative;
}
.cta_panel a {
	display: block;
	margin: 0;
	padding: 3px 7px 3px 10px;
	position: relative;
}
.mainnav_panel a:link,
.mainnav_panel a:visited,
.mainnav_panel a:hover,
.mainnav_panel a:active {
	position: relative;
	display: block;
	text-decoration: none;
	font-weight: bold;
	margin: 0 3px;
	width: 160px;
	background-color: #f1f4fd;
color: #036;
	height: 22px;
	padding: 0;
}

.mainnav_panel a.over,
.mainnav_panel a:hover,
.mainnav_panel a:active {
	color: #fff;
	background: url(../images/widgets/menu/nav_rollover_l.gif) transparent top left no-repeat;
}

.mainnav_panel span {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
	height: 22px;
}
.mainnav_panel a:link span,
.mainnav_panel a:visited span,
.mainnav_panel a:hover span,
.mainnav_panel a:active span {
	border: none;
	padding: 3px 0 0 8px;
	margin: 0 !important;
	height: 19px;
}
.mainnav_panel a.over span,
.mainnav_panel a:hover span,
.mainnav_panel a:active span {
color: #fff;
	background: url(../images/widgets/menu/nav_rollover_r.gif) transparent top right no-repeat;
}

#about_panel,
#prodsvcs_panel,
#financialedu_panel,
#ea_panel {
	margin-left: -2px;
}

#about_panel .mntab {
	width: 134px;
}
#about_panel .mainnav_panel {
	background-image: url(../images/widgets/menu/about_p_bg.png);
}
#about_panel .mainnav_panel a {
	width: 126px;
}
#ea_panel .mainnav_panel {
	background-image: url(../images/widgets/menu/ea_p_bg.png);
}
#ea_panel .mainnav_panel a {
	width: 144px;
}
#financialedu_panel .mainnav_panel {
	background-image: url(../images/widgets/menu/prodsvcs_p_bg.png);
}
#financialedu_panel .mainnav_panel a {
	width: 174px;
}
#prodsvcs_panel .mainnav_panel {
/*
	background-image: url(../images/widgets/menu/prodsvcs_p2_bg.png);
*/
	background-image: url(../images/widgets/menu/prodsvcs_p_bg.png);
}
#prodsvcs_panel .mainnav_panel a {
/*
	width: 136px;
*/
	width: 174px;
}
#prodsvcs_panel .mntab {
	width: 146px;
}
#financialedu_panel .mntab {
	width: 140px;
}
#ea_panel .mntab {
	width: 150px;
}


/* Citi Nav Panels (location and search) ------------------------------------ */

.citipanel {
	margin: 19px 0 0 0;
	width: 300px;
	padding: 0;
}
* html .citipanel {
	margin: -4px 0 0 0;
}
.citipanel form {
	margin: 0;
	padding: 0;
}
.citipanel .cta_panel_container {
	position: relative;
	width: 300px;
	overflow: visible;
}
.citipanel .cta_panel_container h4 {
	margin: -23px 0 0 0;
	padding: 0 0 0 2px;
	height: 23px;
	text-align: left;
	vertical-align: top;
	background: url(../images/widgets/menu/location_top2.png) transparent top left no-repeat;
	width: 134px;
	display: inline-block;
}
.citipanel .cta_panel_container h4 a:link,
.citipanel .cta_panel_container h4 a:visited,
.citipanel .cta_panel_container h4 a:hover,
.citipanel .cta_panel_container h4 a:active {
	height: 20px;
	position: absolute;
	font-family: verdana, sans-serif;
	font-style: normal;
	line-height: normal;
	color: #646464;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 13px 0 7px;
	margin: 4px 0 0 2px;
	background: url(../images/widgets/menu/close_grey.gif) transparent right 2px no-repeat;
}
.citipanel .cta_panel_container h4 a:hover,
.citipanel .cta_panel_container h4 a:active {
	text-decoration: underline;
}

.citipanel .cta_panel_container .cta_panel {
	background: url(../images/widgets/menu/location_bg.png) transparent top left repeat-y;
	width: 300px;
	padding: 2px 0 0 0;
	margin-top: 0;
}

.citipanel table {
	padding: 0;
	margin: 0;
}
.citipanel table td {
	text-align: left;
	vertical-align: middle;
	padding: 0;
}
.citipanel input {
	font-size: 11px;
	padding: 2px 5px 0;
	color: #555;
}
#search_on,
#search_on .cta_panel_container,
#search_on .cta_panel_container .cta_panel {
	width: 185px;
}
#applypanel_top_on,
#applypanel_top_on .cta_panel_container,
#applypanel_top_on .cta_panel_container .cta_panel {
	width: 159px;
}

#search_on .cta_panel_container h4 {
	background: url(../images/widgets/menu/search_top2.png) transparent top left no-repeat;
}
#search_on  .cta_panel_container .cta_panel {
	background: url(../images/widgets/menu/search_bg.png) transparent top left repeat-y;
}
#search_on .cta_panel_container h4 a:link,
#search_on .cta_panel_container h4 a:visited,
#search_on .cta_panel_container h4 a:hover,
#search_on .cta_panel_container h4 a:active {
	padding: 0 12px 0 7px;
}
* html #search_on .cta_panel_container h4 a:link,
* html #search_on .cta_panel_container h4 a:visited,
* html #search_on .cta_panel_container h4 a:hover,
* html #search_on .cta_panel_container h4 a:active {
	padding: 0 11px 0 7px;
}
#applypanel_top_on  .cta_panel_container .cta_panel {
	background: url(../images/widgets/cta_panel_bg.png) transparent top left repeat-y;
}

/* Current Navigation ULs (left sidebar) ------------------------------------ */
#current_nav_list {
	padding: 0 0 16px;
}
.current_navigation {
	background: url(../images/backgrounds/separator_grey.gif) transparent bottom left repeat-x;
	padding: 0 6px 10px;
	margin: 10px 0;
	font-size: 8pt;
	line-height: 8pt;
	font-weight: bold;
	color: #999;
	display: block;
	text-decoration: none;
}
* html .current_navigation {
	height: 1%;
}
a.current_navigation:link,
a.current_navigation:visited {
	color: #06c;
}
a.current_navigation:hover,
a.current_navigation:active {
	color: #39c;
}


/*
	the alignment of this particular "a" tag (with the aligned image in it)
	is handled differently between IE and others - IE float the "a", others float
	the img, so the "left" of the caller is different between browsers:
*/
#financial_game_plan {
	margin: -90px 0 0 -260px;
}
*+html #financial_game_plan {
	margin-left: -360px;
}
* html #financial_game_plan {
	margin-left: -360px;
}