﻿body { background: #3A7DDA; }
p#breadcrumb { padding-left: 17px; }
p#breadcrumb a:hover { color: #3A7DDA; }
div#content_container { background: white; }

div#content
{
	margin: 0 auto;
	width: 960px;
	padding: 0 0px 0 10px;
	position: relative;
	background: white;
}

/********************************************/
	/* Styles for Left Nav column */
/********************************************/
div#left_nav
{
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	width: 190px;
	background-color: transparent;
}

#zz1_LeftNavMenu {
	 background-color: transparent;
}

.nav_hidden, table.nav_hidden {
	display: none;
}

#left_nav a img {
	 display: none;
}

/****************************************/
/*  NJW - styles for the menu control   */
/****************************************/


/* Level 1 Item (darkest blue with curved corner) */
.nav1_1_selected, table.nav1_1_selected {	
	display: block;
	padding: 10px 10px 9px 20px;
	background: #2E64AE url(Images/common/left_nav_double_down_arrow.gif) no-repeat;
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 13px;
	width: 160px;
}

.nav1_1, .nav2_1, .nav3_1, .nav4_1 {	
	display: block;
	padding: 10px 10px 9px 20px;
	background: #2E64AE url(Images/common/left_nav_single_left_arrow.gif) no-repeat;
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 13px;
	width: 160px;
}
.nav1_1_selected:hover {	
	background: transparent url(Images/common/left_nav_double_down_arrow_hover.gif) no-repeat;
	color: white;
}
.nav1_1:hover, .nav2_1:hover, .nav3_1:hover, .nav4_1:hover {	
	background: transparent url(Images/common/left_nav_single_left_arrow_hover.gif) no-repeat;
	color: white;
}


/* Level 2 Item (medium-dark blue) */
.nav1_2, .nav2_2, .nav2_2_selected, .nav3_2, .nav4_2
 {
	border-bottom: solid 1px #E7E4E0;
	background: #3A7DDA;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: white;
	width: 165px;
	display: block;
	padding: 5px 5px 5px 20px;
}
.nav1_2_selected, .nav2_2_selected {
	background: #3A7DDA url(Images/common/triangle_white.gif) no-repeat 8px center;
}
.nav3_2, .nav4_2 {
	background: #3A7DDA url(Images/common/triangle_left_white.gif) no-repeat 8px center;
}
.nav1_2:hover, .nav2_2:hover, .nav2_2_selected:hover, .nav3_2:hover, .nav4_2:hover
{
	background-color: #BBB1A5;
	color: white;
}


/* Level 3 Item (medium blue) */
.nav2_3, .nav3_3, .nav3_3_selected, .nav4_3 {
	border-bottom: solid 1px #E7E4E0;
	background: #6197E1;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: white;
	width: 155px;
	padding: 5px 5px 5px 30px;
	display: block;
}
 .nav2_3_selected, .nav3_3_selected {
	background: #6197E1 url(Images/common/triangle_white.gif) no-repeat 18px center;
}
.nav4_3 {
	background: #6197E1 url(Images/common/triangle_left_white.gif) no-repeat 18px center;
}

.nav2_3:hover, .nav3_3_selected:hover, .nav3_3:hover, .nav4_3:hover  {
	background-color: #BBB1A5;
	color: white;
}



/* Level 4 Item (light gray) */
.nav3_4, .nav4_4 {
	border-bottom: solid 1px #E7E4E0;
	background: #F9F9F9;
	font-size: 11px;
	line-height: 13px;
	color: #777169;
	width: 145px;
	padding: 5px 5px 5px 40px;
	display: block;
}

.nav3_4:hover, .nav3_4_selected, .nav4_4:hover, .nav4_4_selected  {
	background: #E3F3FA;
	color: #777169;
}

/* fix for Firefox */
table.nav1_1, table.nav2_1, table.nav3_1, table.nav4_1,
table.nav1_2, table.nav2_2, table.nav3_2, table.nav4_2,
table.nav2_3, table.nav3_3, table.nav4_3, 
table.nav3_4, table.nav4_4,
table.nav1_1_selected, table.nav2_2_selected,
table.nav3_3_selected, table.nav4_4_selected,
table.nav2_3_selected, table.nav3_4_selected
{
	padding:0;
	width:190px;
}


/* Special nav style for Resources and News/Events at section page level */
div.nav_special {
	clear:both;
	width: 190px;
	border-bottom: solid 1px #E7E4E0;
	display: block;
}
div.nav_special a {
	font-size: 11px;
	line-height: 13px;
	display: block;
	padding: 5px 5px 5px 20px;
	width: 165px;;
	height: 100%;
	background: #F0F0F0;
}
div.nav_special a:hover {
	background: #BBB1A5;
	color: white;
}
div.nav_special a.selected {
	background: #F0F0F0 url(Images/common/triangle_3A7DDA.gif) no-repeat 10px center;
}
div.nav_special a.selected:hover {
	background: #BBB1A5 url(Images/common/triangle_white.gif) no-repeat 10px center;
}



/* Offerings A-Z Index */
div#az_index {
	display: none;
	clear:both;
}
div#az_index a {
	padding: 20px 5px 18px 20px;
}



/***********************************/
/* end styles for the menu control */
/***********************************/



div#left_nav ul { list-style-type: none; }

div#left_nav li
{
	display: none;
	padding: 0 0px 0 0;
	border-bottom: solid 1px #E7E4E0;
}

div#left_nav li.active_level0 { background: transparent url(../img/common/left_nav_double_down_arrow_hover.gif) no-repeat left top; }
div#left_nav li.active_level1 { background: transparent url(../img/common/left_nav_single_left_arrow_hover.gif) no-repeat left top; }
div#left_nav li.active_level0,
div#left_nav li.active_level1,
div#left_nav li.active_level2 { border-bottom: white; }

div#left_nav li.active_level0,
div#left_nav li.active_level0 ul li,
div#left_nav li.active_level1,
div#left_nav li.active_level1 li.active_level2,
div#left_nav li.active_level1 li.active_level2 li,
div#left_nav li.active_level1 ul.resource_list li { display: block; }
div#left_nav li.active_level0 ul li ul li { display: none; }
div#left_nav li.active_level0, div#left_nav li.active_level1 { background-color: transparent; }

div#left_nav li.active_level0 a, div#left_nav li.active_level1 a
{
	display: block;
	float: left;
	clear: both;
	padding: 11px 20px 9px 20px;
	width: 150px;
	background: #3A7DDA url(../img/common/left_nav_double_down_arrow.gif) no-repeat;
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 11px;
}

div#left_nav li.active_level1 a { background: transparent url(../img/common/left_nav_single_left_arrow.gif) no-repeat; }
div#left_nav li.active_level1 a:hover,
div#left_nav li.active_level0 a:hover { background: none; color:white;}


div#left_nav li a, 
div#left_nav li.active_level1 li a,
div#left_nav li.active_level0 li a
{
	display: block;
	background: #F9F9F9;
	padding: 5px 20px 5px 20px;
	width: 150px;
	font-size: 11px;
	line-height: 15px;
	color: #777169;
	text-transform: none;
	font-weight: normal;
}

div#left_nav li ul.active_level0_list li > a,
div#left_nav li.active_level0 > a,
div#left_nav li.active_level1 > a,
div#left_nav li.active_level1 li.active_level2 a
{
	float: none;
	clear: none;
}
/* IE Whitespace Bug http://www.hicksdesign.co.uk/journal/ie-whitespace-bug */
div#left_nav li.active_level1 li.active_level2 a
{
	background: #3F88ED url(../img/common/double_triangles_down_white.gif) no-repeat 5px center;
	color: white;
}

div#left_nav li.active_level1 li.active_level2 a:hover
{
	background: #BBB1A5 url(../img/common/double_triangles_down_white.gif) no-repeat 5px center;
	color: white;
}

div#left_nav li.active_level1 li.active_level2 ul li a{
	background: #F9F9F9;
	color: #777169;
}
div#left_nav li a:hover, 
div#left_nav li.active_level0 li a:hover,
div#left_nav li.active_level1 li.active_level2 ul li a:hover,
div#left_nav li.active_level1 li.active_level2 ul li.active_level3 a,
div#left_nav li.active_level1 li.active_level3 a,
div#left_nav li.active_level1 ul.resource_list li a:hover,
div#left_nav li.active_level1 li.active
{
	background: #E3F3FA;
	color: #333;
}
/********************************************/
	/* END Styles for Left Nav column */
/********************************************/


/********************************************/
	/* Styles for Next Steps column */
/********************************************/
div#next_steps
{
	float: right;
	margin-bottom: 10px;
	width: 115px;
	font-size: 11px;
	color: #666666;
	background-color:#F0F0F0;
	padding: 20px;
}

div#next_steps h3
{
	margin: 0;
	padding: 0;
	color: red;
	font-family: Helvetica;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}
div#next_steps p
{
	margin: 10px 0 0px 0;
	line-height: 14px;
}
p.ms-rteCustom-nextStepsIntro {
	margin-top: 10px;
	line-height: 14px;
}
p.ms-rteCustom-nextStepText {
	margin: 0 0 10px 0;
	line-height: 12px;
}

div#next_steps p a { font-weight: bold; }

div#next_steps h4
{
	margin: 15px 0 5px 0;
	font-weight: bold;
	line-height: 14px;
}

div#next_steps h4 span { font-weight: normal; }
div#next_steps ul { margin: 0 0 0 15px; padding: 0;}

div#next_steps li
{
	color: #3A7DDA;
	padding: 0;
	margin: 0;
	line-height:10px;
}
div#next_steps li a {	line-height:10px; }

div#next_steps ul.no_bullets_list
{
	list-style-type: none;
	margin-left: 0px;
}/********************************************/
	/* END Styles for Next Steps column */
/********************************************/


/********************************************/
	/* START Styles for Bancs Newsletter teaser component */
/********************************************/

#right_column_holder {
	float: right;
	width: 155px;
}
#sidebarTeaser #sidebarImage img {
	width: 155px;
}
#sidebarTeaser #sidebarLink{
	 margin-top: 5px;
	 font-size: 12px;
}


/********************************************/
	/* END Styles for Bancs Newsletter teaser component */
/********************************************/


/********************************************/
	/* Styles for Intro (middle) column */
/********************************************/

div#main_content_holder {
	width: 575px;
	float: left;
}
div#main_content_holder.wide {
	width: 738px;
}
div#main_content_holder.locations_wide {
	width: 795px;
}
div#main_content_holder.locations_wide div#intro {
	width: 775px;
}


div#wide_content_holder {
	width: 935px;
	padding-bottom:30px;
	padding-left: 20px;
	float: left;
}
div#main_content_holder div#intro {
	width: 575px;
}
div#main_content_holder.wide div#intro {
	width: 738px;
}
div#wide_content_holder div#intro {
	width: 915px;
}


/* Default color (for "section" pages) is blue */

div#intro
{
	float: left;
	padding: 20px 20px 20px 0;
	/* width: 550px; */
	background: #2E64AE url(Images/common/intro_bg.gif) repeat-x left bottom;
	margin-bottom: 20px;
}

/* "Detail" pages have grey-outlined white main area */
div#intro.detail
{
	background: white;
	border: solid 1px #E7E4E0;
}


/* main heading */
div#intro h2
{
	margin: 0 0 10px 20px;
	font-size: 20px;
	color: white;
}
div#intro.detail  h2
{
	color: #777169;
}
div#intro h2.bancs {

	background: url(Images/bancs/bancs_logo_blue.gif) left center no-repeat;
	text-indent: -9000px;
	
}
div#intro.detail h2.bancs {

	background: url(Images/bancs/bancs_logo.gif) left center no-repeat;
	padding-left: 125px;
	text-indent: 0;
}

/* "overview" section text - top part of #intro */
div#intro div#overview p
{
	margin: 0 0 15px 20px;
	font-size: 14px;
	line-height: 18px;
	color: #CEEEFB;
}
div#intro.detail p, div#intro.detail div#overview p { 
	margin-left: 20px;
	font-size: 12px; 
	line-height: 18px;
	color: #777169; 
	margin-top: 10px;
}
div#intro.detail div#overview p, div#intro.detail div#overview ul { 
	margin-top: 10px;
}


/* sub-headings in the "main content" area */
div#intro div#overview h3, 
div#intro div#main_content h3
{
	padding: 5px 20px 3px 20px;
	background: #2B5CA1;
	display: inline;
	font-size: 12px;
	line-height: 32px;
	color: white;
	font-family: Helvetica;
	font-weight: bold;
	width: auto;
	text-transform: uppercase;
}

div#intro.detail div#overview h3,
div#intro.detail div#main_content h3 { 
	color: white; 
	background: #BBB1A5; 
}

div#intro div#main_content h4 {
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: white;
}
div#intro.detail div#main_content h4 {
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #777169; 
}



div#intro h3 a {color:#C0E826; text-decoration:underline;}
div#intro p a {color:#C0E826; text-decoration:underline;}
div#intro h3 a:hover {	color: white}
div#intro p a:hover {	color: white}

div#intro ul { margin: 0 0 0 35px; }
div#intro ul li
{
	line-height: 16px;
	font-size: 12px;
	color: white;
}
div#intro ul li a {color:#C0E826;text-decoration:underline;}
div#intro a {color:#C0E826;text-decoration:underline;}
div#intro ul li a:hover {color:white;}
div#intro a:hover {		color:white;}


div#intro.detail ul li { 
	font-size:12px;
	color: #777169; 
}

div#intro.detail ul li a {color:#3A7DDA;}
div#intro.detail a {color:#3A7DDA;}
div#intro.detail ul li a:hover {color:#333;}
div#intro.detail a:hover {color:#333;}

div#intro div#main_content p {
	margin-left: 20px;
	font-size: 12px;
	line-height: 18px;
	color: white;
}
div#intro.detail div#main_content p {
	margin-left: 20px;
	font-size: 12px;
	line-height: 18px;
	color: #777169; 
}
div#intro div#main_content p,
div#intro.detail div#main_content p,
div#intro div#main_content ul,
div#intro.detail div#main_content ul {
	margin-bottom: 10px;
	margin-top: 10px;
}

div#intro div#main_content table,
div#intro.detail div#main_content table {
	margin-left: 20px;
}
div#intro div#main_content td {
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	color: white; 
	vertical-align: top;
}

div#intro.detail div#main_content td {
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	color: #777169;  
	vertical-align: top;

}



/* ***** Styles available in rich text editor for main content ***** */

img.tcs-mainCustom-Image_FloatRight {
	float: right;
}
img.tcs-mainCustom-Image_FloatLeft {
	float: left;
}


/* div#intro div.features ul,  */
ul.tcs-mainCustom-BluePage_LinksList
{
	list-style-type: none;
	margin-left:35px;
	list-style-image: url(Images/common/caret_white.gif);
}
ul.tcs-mainCustom-WhitePage_LinksList
{
	list-style-type: none;
	margin-left:35px;
	list-style-image: url(Images/common/caret_999999.gif);
}


/* div#intro div.features ul.links_list li a,  */
ul.tcs-mainCustom-BluePage_LinksList li a
{
	font-weight: bold;
	color: #C0E826;
	font-size:12px;
	text-decoration:none;
}

/* div#intro div.features ul.links_list li a:hover, */
ul.tcs-mainCustom-BluePage_LinksList a:hover  { color: white; }

a.tcs-mainCustom-ArrowLink, a.tcs-overviewCustom-ArrowLink {
	background:   url(Images/common/triangle_3A7DDA.gif) right center no-repeat !important;
	padding-right: 9px !important;
	font-weight: bold !important;
	color: #3A7DDA !important;
	text-decoration: none !important;
}
a.tcs-mainCustom-ArrowLink:hover, a.tcs-overviewCustom-ArrowLink:hover {
	background-image: url(Images/common/triangle_333333.gif) !important;
	color: #333333 !important;
}
ul.tcs-mainCustom-WhitePage_ArrowLinksList
{
	list-style-type: none;
	margin: 0 0 20px 20px !important;
	padding: 0;

}



/********************************************/
	/* END Styles for Intro (middle) column */
/********************************************/


/********************************************/
	/* Styles for Related Links component */
/********************************************/

div#intro div.related
{
	
	margin: 20px 0 0 20px;
	padding: 0 0 15px 0;
	width: 251px;
	float: right;
	background-color: #C4BBB1;
	background-image: url(../Images/common/related_bg.gif);
	background-repeat: repeat-x;
}

div#intro div.related h3
{
	margin: 0;
	padding: 10px 0 0 24px;
	width: 227px;
	height: 20px;
	background-image: url(Images/common/related_h.gif);
	background-repeat: no-repeat;
	font-size:15px;
	font-weight: bold;
	text-transform: capitalize;
	color:#777169;
}

div#intro div.related h4
{
	padding: 10px 0 4px 24px;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	border-bottom: solid 1px #A69A8B;
	border-top: solid 1px #D4CDC5;
}


/* NJW */
div#intro div.related #footer
{
	display: none;
}
div#intro div.related div.related_item
{
	margin: 0;
	padding: 0;
	border-top: solid 1px #D4CDC5;
}
div#intro div.related div.related_item a
{
	display: block;
	margin-top: 0;
	padding: 5px 0 5px 37px;
	border-bottom: solid 1px #A69A8B;
	font-size: 12px;
	color: white;
	font-weight: bold;
	text-decoration:none;
	background: url(Images/common/caret_white.gif) no-repeat 25px center;
}
div#intro div.related div.related_item a:hover
{
	background-color: #3A7DDA;
	color: white;
	border-color: #3A7DDA;
}
div#intro div.related div.bottom_line
{
	border-top: solid 1px #D4CDC5;
}
table.related_table {
	width: auto;
	float:right;
}

/* NJW - end */

div#intro div.related ul
{
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0;
	border-top: solid 1px #D4CDC5;
}

div#intro div.related ul li
{
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #D4CDC5;
}

div#intro div.related ul li a
{
	display: block;
	margin: 0;
	padding: 0 0 0 37px;
	border-bottom: solid 1px #A69A8B;
	font-size: 12px;
	color: white;
	font-weight: bold;
	text-decoration:none;
	background: url(Images/common/caret_white.gif) no-repeat 25px center;
}
div#intro div.related span {color:#CCC;}

div#intro div.related ul li a:hover
{
	background-color: #3A7DDA;
	color: white;
	border-color: #3A7DDA;
}
/********************************************/
	/* END Styles for Related Links component */
/********************************************/


div#teaser_wrapper
{
	width: 100%;
	background-color: white;
	margin: 20px 0 0 0;
	overflow: hidden;
	clear: both;
}

div#teaser_wrapper2
{
	width: 700px;
	padding-left: 180px;
	margin: 0 auto;
}
div#teaser_wrapper.wide_page
{
	margin: 0;
	padding: 10px 0 25px 0;
}
div#teaser_wrapper.wide_page div#teaser_wrapper2
{
	width: 860px;
	padding-left: 20px;
}
div#teaser_wrapper div#teaser_wrapper2 td {
	vertical-align: top;
}
div.teaser {
	padding-bottom: 30px;
}
/********************************************/
	/*START styles for Wide Blue Page for Careers JMS */
/********************************************/
div#main_content_holder.careers_wide_blue
{
	width:795px;
}
div#main_content_holder.careers_wide_blue div#intro
{
	width:775px;
}

/********************************************/
	/*END styles for Wide Blue Page for Careers JMS */
/********************************************/


