/* 
================================
 Container Styles for DotNetNuke
================================
*/

/* NOTES: 
- refer to skin.css for some styles
- divlineblack
*/   

/*****************************
 START STYLES FOR SCREEN
*****************************/

@media screen {

/* DEFAULT SETTINGS ALL STYLES */

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Geneva, Helv, Helvetica, Tahoma, Sans-Serif;
	font-size: 11px;
	}

div.navActions, div.navActions a:hover {
	padding: 0;
	margin: 0;
	width: 5px;
	height: 5px;
	float: left;
	text-align: left;
	
	}

/*****************************

	Home Main Navigation

*****************************/

div.HomeNavMain {
	width: 133px;
	height:160px;
	display: block;
	position: relative;
	padding:0;
	margin:0;
	border:none;

}

div.HomeNavMainHd, div.HomeNavMainHdHover {
/*	display: block;*/
	width: 133px;
	height: 27px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: left;
/*	float: left;*/
}


div.HomeNavMainHd a:link, div.HomeNavMainHd a:visited {
	display: block;
/*	width: 133px; 
	height: 27px; */
	width: 121px;
	height: 20px; 
	margin: 0 0 0 0;
	padding: 7px 0 0 12px;
	background-image: URL(images/HomeNavMain_hd.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
	color: #fff;
	}

div.HomeNavMainHd a:hover, div.HomeNavMainHd a:active, div.HomeNavMainHdHover {
	color: #fff;
	text-decoration: none; 
	background-image: URL(images/HomeNavMain_hd2.jpg);
	background-repeat:no-repeat;	
}

div.HomeNavMainHdHover a:link, div.HomeNavMainHdHover a:visited {
	display: block;
/*	width: 133px;
	height: 27px; */
	width: 121px;
	height: 20px; 
	margin: 0 0 0 0;
	padding: 7px 0 0 12px;	
	color: #fff;
	text-decoration: none;
	background-image: URL(images/HomeNavMain_hd2.jpg);
	background-repeat:no-repeat;			
}

/* GENERIC CONTENT SETTINGS */
.HomeNavMainContent {
	width: 133px;
	height: 143px;
	display: block;
	position: relative;	
	padding: 0;
	margin: 0;
	background-color: Transparent;
	background-position: bottom center;
	background-repeat: no-repeat;
	}


/* personal background icon */
.personal {
	background-image: URL(images/personalBG2.jpg);
	}
	
/* business background icon */
.business {
	background-image: URL(images/businessBG2.jpg);
	}
	
/* investing background icon */
.investing {
	background-image: URL(images/investingBG2.jpg);
	}
	
/* community background icon */
.community {
	background-image: URL(images/communityBG2.jpg);
	}			

div.HomeNavMainContent ul {
	width: 133px;
	width: 100%;	
	height: 133px;
	margin: 0 0 0 0;
	padding: 4px 0 0 0;
    overflow: hidden;
/*	display: block;
	position: relative;	
	clear: both;*/
	}

div.HomeNavMainContent ul li {
	list-style-type: none;
	margin: 0;
	padding: 3px 0 0 15px;
	background-image: URL(images/arrowlist.gif);
	background-position: 6px 5px;
	background-repeat: no-repeat;
	line-height:13.5px;
	color: #000;
/*	position: relative; 
    display: list-item;*/
	}

div.HomeNavMainContent ul a li {
	background-image: none;
	}



div.HomeNavMainContent a:link, div.HomeNavMainContent a:visited {
	font-size: 11px;	
	color: #fff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #000;
	text-decoration: none;
	}

div.HomeNavMainContent a:hover, div.HomeNavMainContent a:active {
	color: #000;
	text-decoration: underline;
	}


/*****************************

	Home News Teaser Pane

*****************************/

/* NEWS & EVENTS container - width=270 */
/* PENNY 24/7 */
div.NewsPaneHome {
	width: 270px;
	height: 122px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
	display: block;
	position: relative;
}

div.NewsPaneHomeHD, div.NewsPaneHome li {
	font-family: Verdana, Arial, Geneva, Helv, Helvetica, Tahoma, Sans-Serif;
	font-size: 11px;
	text-align: left;	
	}

/* PENNY 24/7 */
div.NewsPaneHomeHD {
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 6px 0 3px 9px;
	margin: 0;	
	color: #000;
	}

div.NewsPaneHome ul {	
	width: 260px;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin: 0 0 0 9px;
	padding: 0 0 0 0;
	}
		
div.NewsPaneHome li {
	line-height: 15px;
	list-style-type: none;
	margin: 2px 0 2px 0;
	padding: 4px 0 4px 11px;
	background-image: URL(images/arrowlist.gif);
	background-position: 1px 6px;
	background-repeat: no-repeat;		
	color: #000;
	border-bottom: 2px dotted #fff;	
	}	
	
div.NewsPaneHome a:link, div.NewsPaneHome a:visited {
	color: #fff;
	color: #000;
	text-decoration: none;	
}

div.NewsPaneHome a:hover, div.NewsPaneHome a:active {
	color: #000;
	text-decoration: underline;
}




/*****************************

	NewsAlerts Pane (Internal Pages)

*****************************/

div.NewsAlerts {
	width: 363px;
	height: 105px;
	padding: 0 0 0 0;
	margin: 0;
	display: block;
	background-image: url(images/NewsAlerts.jpg);
	background-repeat: repeat-y;	
	position: relative;
	clear: both;
	}
	
div.NewsAlerts li {
	font-family: Verdana, Arial, Geneva, Helv, Helvetica, Tahoma, Sans-Serif;
	font-size: 11px;
	text-align: left;	
	}

/* header only shows on print */
div.NewsAlertsHD { display: none; }

div.NewsAlerts ul {	
	display: block;
	width: 97%;	
	margin: 0 0 0 0;
	padding: 5px 0 0 0;		
	}
	
	
div.NewsAlerts li {
	line-height: 15px;
	list-style-type: none;
	margin: 2px 0 2px 10px;
	padding: 6px 2px 4px 15px;
	background-image: URL(images/arrowlist.gif);
	background-position: 5px 8px;
	background-repeat: no-repeat;		
	color: #000;
	border-bottom: 2px dotted #fff;	
	}	
	
div.NewsAlerts a:link, div.NewsAlerts a:visited {
	color: #fff;
	color: #000;
	text-decoration: none;	
}

div.NewsAlerts a:hover, div.NewsAlerts a:active {
	color: #000;
	text-decoration: underline;
}



/*****************************

	INTERNET BANKING module

*****************************/

div.InternetBanking {
	font-family: Arial, Helvetica, sans-serif;
	width: 165px;
	height: 152px;	
	padding: 0;
	margin: 0 auto 0 auto;
	background-image: URL(images/InternetBankingBG2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	clear: both;
	}
	
div.InternetBankingHd {
/*	width: 165px;
	height: 28px;	*/
	width: 155px;
	height: 21px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	margin: 0 0 6px 0;
	padding: 7px 0 0 10px;
	}

div.InternetBankingLinks {
/*	width: 165px;*/
	width: 159px;
	margin: 0 0 0 4px;
	padding: 0;
	clear: both;
	}

div.InternetBanking div.IBtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-align: left;
	width: 150px;
	line-height: 13px;
	padding: 0 0 1px 5px;
	margin: 0;
	}

.ImageButton a:link, .ImageButton a:visited { 
	margin: 0; 
	padding: 0;
	 }	

div.InternetBanking img.ImageButton {
	display: inline;
	width: 68px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-align: left;
	border: none;
}

div.InternetBanking .or {
	display: inline;
	width: 17px;
	height: 20px;
	padding: 0;
	margin: 0;
	text-align: center;
	}


/* Internet banking security - footer link */
div.InternetBankingSecurity a:link, div.InternetBankingSecurity a:visited {
	width: 150px;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #56514A;
	text-decoration: none;
	text-align: center;
	margin: 8px 0 0 0;
	padding: 0 0 0 0;
	display: block;
	background-image: URL(images/arrowlist.gif);
	background-position: 138px 2px;
	background-repeat: no-repeat;
	clear: both;	 	}

div.InternetBankingSecurity a:hover, div.InternetBankingSecurity a:active {
	color: #333;
	text-decoration: underline;
	}		

/* Black dividing line for internet banking */	
div.divlineblack {
	width: 149px;
	height: 1px;
	line-height: 0;
	font-size: 0px;
	background-image: URL(images/InternetBanking_divline.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	margin: 8px 0 5px 8px;
	padding: 0;
	}
	
	
div.moneyAwardPane
 {

 }
 
/*****************************

	I WANT...  Pane

*****************************/	

div.Iwant 
	{
	width: 164px;
	background-color: Transparent;
	margin: 3px 0 0 10px;
	padding: 0;
	position: relative;
	display: block;
	}
	
div.Iwant select 
{
	background-color: #fff;
	border: 1px solid #b8b3aa;
	width: 155px;
	height: 20px;
	margin: 5px 0 5px 0;
	padding: 0;	}
	
div.Iwant p {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	width: 155px;
	margin: 0;
	padding: 3px 0 0 1px;	}	
	

/*****************************

CALL TO ACTION (right pane)

*****************************/		

div.CalltoAction {
	width: 164px;
	background-color: Transparent;
	margin: 0 0 0 8px;
	padding: 0;
}
	
div.CalltoAction li {
	color: #fff;
	list-style-type: none;
	margin: 4px 0 0 0;
	padding: 3px 0 0 15px;
	background-image: URL(images/arrowlist.gif);
	background-position: 6px 5px;
	background-repeat: no-repeat;		
	color: #000;
	}

div.CalltoAction a:link, div.CalltoAction a:visited {
	font-size: 11px;	
	color: #fff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #000;
	text-decoration: none;
	}

div.CalltoAction a:hover, div.CalltoAction a:active {
	color: #000;
	text-decoration: underline;
}

.calltoaction1 
{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 16px;
	color: #000;
	padding: 8px 0 0 2px;
	margin: 0;
	}
	
.calltoaction2 
{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 16px;
	color: #000;
	padding: 0 0 5px 2px;
	margin: 0;
	}	

/* White dividing line for call to action (right pane) */	
div.divlinewhite {
	/* max width 164px */
	width: 152px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	height: 2px;
	border-bottom: 2px dotted #fff;
	/* or use image bg
	background-image: URL(images/line_white.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	*/
	clear: both;
	font-size: 2px;
	float: none;
	position: relative;
	display: block;
	}		
	

/*****************************

 RIGHT PANE IMAGE 
 includes banner ads 
*****************************/	

div.rightPanePic {
	width: 164px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
	overflow: visible;
}

	div.rightPanePic:after {
	content:"";
	display:block;
	clear:both; }
	* html div.rightPanePic { height:1px;	}
	
	
div.rightPanePic p {
	border: 0;
	margin: 0 auto;
	text-align: center;
}

div.rightPanePic a:link {
	border: 0;
	margin: 0 auto;
	text-align: center;
}

div.rightPanePic img {
	padding-top: 6px;
	padding-bottom: 6px;
	border: none;
	text-align: center;
	margin: 0 auto 0 auto;
	}

	
/*****************************

 Right PANE CHARITABLE FOUNDATION IMAGE 
 includes image for charitable foundation

*****************************/	

div.RightPaneCharitableFoundation {
	display: block; 
    margin-top:6px;
	text-align: center;
    margin-bottom:-20px;
	margin-left:23px;
    float:none;
 	position: relative;
 	height:57px;
 	padding: 7px 0 0 0;
 	clear: both;
}

/*****************************

 FOOTER PANE IMAGE 
 includes image for Money award logo

*****************************/	

div.FooterPanePic {
    margin-top:12px;
    width:124px;
    float: right;
    padding-right:14px;
    height:81px;
}

div.FooterPanePic img {
	border: none;
}
/*****************************

	BANNER ADS - home

*****************************/	

div.AdPaneHome img {
	display: inline;
	float: left;	}	


/*****************************

	BANNER PANE - internal
	page header (black bg)
	also refer to portal.css for specific text styles

*****************************/	
div.banner {
	margin: 0;
	padding: 45px 0 0 97px;
	width: 250px;
	height: 35px;
	text-align: left; }

/* banner without icon */
div.banner2 {
	padding: 45px 0 0 20px;
	margin: 0;
	width: 320px;
	height: 35px; }

div.banner img, div.banner2 img, div.banner p, div.banner2 p { margin: 0; padding: 0; border: none; text-align: left;}


/*****************************

	Level 2 - text teaser

*****************************/	

a.L2_TextTeaser:link, a.L2_TextTeaser:visited,
a.L2_TextTeaserTop:link, a.L2_TextTeaserTop:visited {	
	display: block;
	width: 363px;
    /* min-height:76px;
    height: auto !important; */
	height: 76px;
	padding: 0;
	margin: 0 0 1px 0;
	position: relative;
	border: none;
	text-decoration: none;
	cursor: hand;	
	color:#000;
	clear: both; }

a.L2_TextTeaserTop:link, a.L2_TextTeaserTop:visited {	
	margin-top: 2px;
	}

.L2_TextTeaser, div.L2_TextTeaserDiv {	margin: 0; padding: 0;}

/* BACKGROUND IMAGE - top item */
a.L2_TextTeaserTop:link , a.L2_TextTeaserTop:visited {	
	background-image: url(Images/L2_textteaserTop.jpg);
	background-repeat: no-repeat;
}
/* BACKGROUND IMAGE - following items */
a.L2_TextTeaser:link , a.L2_TextTeaser:visited {	
	background-image: url(Images/L2_textteaser.jpg);
	background-repeat: repeat-y; }

/* BACKGROUND IMAGE - on hover */
a.L2_TextTeaser:hover, a.L2_TextTeaser:active {	
	background-image: url(Images/L2_textteaser_hover.jpg);
	background-repeat: repeat-y; }

/* BACKGROUND IMAGE - top item on hover */
a.L2_TextTeaserTop:hover, a.L2_TextTeaserTop:active {	
	background-image: url(Images/L2_textteaserTop_hover.jpg);
	background-repeat: no-repeat; }

.L2_TextTeaser h1, .L2_TextTeaserTop h1 {
	float: left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	width: 247px;
	margin: 0;
	padding: 10px 0 0 0;
	cursor: hand;		
}

.L2_TextTeaser h2, .L2_TextTeaserTop h2 {
	float: left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	width: 247px;
	margin: 0;
	padding: 10px 0 0 0;
	cursor: hand;		
}	

.L2_TextTeaser p, .L2_TextTeaserTop p {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	width: 247px;
	margin: 0;
	padding: 2px 0 0 0;
	cursor: hand;		
	}	

/* MOOD IMAGE for text teaser */
a.L2_TextTeaser img, a.L2_TextTeaserTop img {
	float: left;
	width: 85px;
	height: 60px;
	margin: 8px 10px 8px 8px;
	padding: 0;
	cursor: default;
	position: relative;
	cursor: hand;
	}	
	
/*****************************
 
 EARTH HOUR HEADER
 March 2008
 
*****************************/
 
div.HeaderEarthHour {
 width: 360px;
 height: 115px;
 padding: 0;
 margin: 1px 0 0 0;
 clear: both; 
}
 
div.EarthHour {
 width: 360px;
 height: 114px;
 padding: 0;
 margin: 0;
 border: none;
 background-image: url(Images/EarthHour.jpg);
 background-position: 0 0;
 background-repeat: no-repeat;
 border-bottom: 1px solid #000; 
 }
 
 div.EarthHour p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #B9C8DD;
 text-align: center;
 position: relative; 
 top: 93px;
 left: 245px;
 width: 105px;}	
 
/*****************************
 
 EARTH HOUR AD BUTTON
 March 2008
 
*****************************/
 
div.EarthHourAdButton {
 width: 126px;
 height: 97px;
 background-image: url(Images/EarthHourButton.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
 margin: 10px auto 0 auto;
 padding: 0;
 clear: both;
 }
 
 div.EarthHourAdButton a:link, div.EarthHourAdButton a:visited, div.EarthHourAdButton a:hover {
 width: 114px;
 height: 27px;
 padding: 70px 0 0 14px;
 margin: 0;
 text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 font-size: 11px;
 color: #B9C8DD; 
 display: block;
 text-decoration: none;
 cursor: pointer;
 }




/*****************************

	Level 3 - TEXT TEASER HEADER

*****************************/	

div.L3_TextTeaserHD, div.L3_TextTeaserHD div.HeaderAdvertisement {
	width: 363px;
	height: 110px;
	padding: 0;
	margin: 0;
	border: none;
}

div.L3_TextTeaserHD {
	background-image: url(Images/L3_textteasersTop.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	border-bottom: 1px solid #555; 
	clear: both;
	}
	

div.L3_TextTeaserHD div.HeaderBG {
	background-position: top right;
	background-repeat:no-repeat;
	position: relative; 
	overflow: hidden;
	height: 110px;	
	}


div.HeaderBG {
	background-position: top right;
	background-repeat:no-repeat;
	position: relative; 
	overflow: hidden;
	height: 93px;
	}

/* used for 'compare accounts' button */ 
div.L3_TextTeaserHD img {
	padding: 0;
	margin: 8px 3px 8px 9px;
	position: relative;
	}


div.L3_TextTeaserHD h1 {
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 10px;
	}
	
div.L3_TextTeaserHD h2 {
	float: left;
	height: 20px;
	width: auto;
	padding: 0px 13px 0 13px;
	margin: 0;
	border: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	clear: both;
	background-image: url(Images/arrowlist.gif);
	background-position: right 3px;
	background-repeat: no-repeat;
	}


div.L3_TextTeaserHD h2 a:link, div.L3_TextTeaserHD h2 a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0; }
	
div.L3_TextTeaserHD p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 8px 10px 10px 11px;
	margin: 6px 0 0 0;	
}

div.L3_TextTeaserHD img.icon {
	border: none;
	float: left;
	margin: 10px 0 0 10px;
	margin: 0;
	padding: 0;
	}
	
div.L3_TextTeaserHD img.bullet {
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	vertical-align: middle;
	}	

div.L3_TextTeaserHD a:link, div.L3_TextTeaserHD a:visited {	color: #000000; text-decoration: none;}		

/*****************************

	Level 3 - text teaser

*****************************/	

a.L3_TextTeaser:link, a.L3_TextTeaser:visited,
a.L3_TextTeaserTop:link, a.L3_TextTeaserTop:visited {	
	display: block;
	width: 363px;
	height: 69px;
	text-align: left;
	padding: 0;
	margin: 0 0 0 0;
	position: relative;
	border-bottom: 1px solid #B5AB9A;
	text-decoration: none;
	cursor: hand;	
	color:#000;
	overflow: visible;
	clear: both;	 }

.L3_TextTeaser, div.L3_TextTeaserDiv {	margin: 0; padding: 0;}


/* BACKGROUND IMAGE - top item */
a.L3_TextTeaserTop:link , a.L3_TextTeaserTop:visited {	
	background-image: url(Images/L2_textteaserTop.jpg);
	background-repeat: no-repeat;
}
/* BACKGROUND IMAGE - following items */
a.L3_TextTeaser:link , a.L3_TextTeaser:visited {	
	background-image: url(Images/L2_textteaser.jpg);
	background-repeat: repeat-y; }

/* BACKGROUND IMAGE - on hover */
a.L3_TextTeaser:hover, a.L3_TextTeaser:active {	
	background-image: url(Images/L2_textteaser_hover.jpg);
	background-repeat: repeat-y; }

/* BACKGROUND IMAGE - top item on hover */
a.L3_TextTeaserTop:hover, a.L3_TextTeaserTop:active {	
	background-image: url(Images/L2_textteaserTop_hover.jpg);
	background-repeat: no-repeat; }

.L3_TextTeaser h1, .L3_TextTeaserTop h1 {
	float: left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 13px 10px 0 0;
}

.L3_TextTeaser h2, .L3_TextTeaserTop h2 {
	float: left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 13px 10px 0 0;
}	

.L3_TextTeaser p, .L3_TextTeaserTop p {
	float: left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 333px;
	padding: 0;
/*	margin: 1px 0 0 0;
	width: 310px; */
	}	

/* ARROW BULLET image width = 6px */
a.L3_TextTeaser img, a.L3_TextTeaserTop img {
	float: left;
    width: 6px;
    height: 10px;	
	margin: 15px 5px 5px 15px;
	padding: 0;
	cursor: default;
	position: relative;
	}
			

/************************   
    TEXT TEASER SUBLIST
************************/    

a.TextTeaser_SubList:link, a.TextTeaser_SubList:visited {
	color:#000;
	width: 100%;
	font-size: 12px;
	text-decoration:none;
	display: block;
	padding: 5px 0 10px 0;
	margin: 1px 0 0 0;
	background-image: URL(images/L2_textteaser.jpg); }

a.TextTeaser_SubList:hover, a.TextTeaser_SubList:active {
	background-image: URL(images/L2_textteaser_hover.jpg); }

div.TextTeaser_SubList_Head img {
	margin: 0 5px 0 10px;
	padding: 0 0 0 0;	}

div.TextTeaser_SubList_Head {
	font-size:12px;
	font-weight:bold;
	padding: 5px 0 5px 0;
	 }

div.TextTeaser_SubList {
	color:#000;
	}

div.TextTeaser_SubList ul li {
/*	background-image:URL(images/arrowlist.gif);
	background-repeat: no-repeat;
	background-position: 0 0;*/
	margin-left:35px;	}






/**************************************
***************************************
** LEVEL 2/4 - GENERAL TEXT CONTENT  **
***************************************
***************************************/	

/* CONTAINER FOR L2/L4 - true width 363px */
div.contentL2, div.contentL4 {
	width: 363px;
	background-color: #FFFFFF;
	padding: 10px 0 5px 0; 
	margin: 0;
	color: #222; }

    /* variations for L4 */
    div.contentL4 {
	    background-image: url(Images/contentL4.jpg);
	    background-position: 0 0;
	    background-repeat: no-repeat; }
	    
	div.L4NoBGWide {
		background-image:none;
		width:auto;
		/*margin:20px 20px 20px 20px;		*/
	}
	div.L4NoBG {
		background-image:none;}
	
	
	
/*************************/
/*** PARAGRAPH STYLES ****/	
/*************************/

div.contentL2 p, div.contentL4 p {
	color: #000000;
	margin: 5px 10px 10px 15px;
	padding: 0;
	font-size: 1em;
	line-height: 135%;
	}	
    /* variation for L4 - larger indent on left */
    div.contentL4 p { margin: 5px 10px 10px 30px; 	}



/***********************/
/*** HEADING STYLES ****/	
/***********************/

/* H1 HEADING 1 - VERY TOP OF CONTENT ONLY */

div.contentL2 h1, div.contentL4 h1 {
	color: #000;
	padding: 8px 10px 0 15px;
	margin: 0 0 8px 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 125%;
	}

    /* variations for L4 */
    div.contentL4 h1 {
        padding: 15px 10px 0 15px;
        margin: 0 0 8px 15px;
        background-image: url(Images/arrowlist.gif);
        background-position: 0 18px;
        background-repeat: no-repeat;
	}
		
/* H2 HEADING 2 - SUB HEADING */
div.contentL2 h2, div.contentL4 h2 {
	color: #444;
	padding: 15px 10px 0 15px;
	margin: 0 0 8px 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 125%;
	}	

    /* variations for L4 */
    div.contentL4 h2 { margin: 0 0 8px 15px; }
	
	div.contentL2 h2 a:link, div.contentL2 h2 a:visited,
	div.contentL4 h2 a:link, div.contentL4 h2 a:visited {    
	    color: #444; 
	    }
	    
	div.contentL2 h2 a:hover, div.contentL2 h2 a:active, 
	div.contentL4 h2 a:hover, div.contentL4 h2 a:active {    
	    color: #000; 
	    }	    

/* H3 HEADING 3 - MINOR HEADER (SUB, SUB) */
div.contentL2 h3, div.contentL4 h3 {
    /*	color: #A69F98; too light? */
	color: #999090;
	padding: 15px 10px 0 15px;
	margin: 0 0 8px 0px;
	font-size: 11px;
	font-weight: bold;
	line-height: 125%;	}	
    
    /* variations for L4 */
    div.contentL4 h3 { margin: 0 0 8px 15px; }	
	

/* H6 HEADING 6 - NORMAL FONT, WARM GREY (used for disclaimers etc) */
div.contentL2 h6, div.contentL4 h6 {
	font-size: 11px;
	font-weight: normal;
	color: #999090;
	padding: 15px 10px 0 15px;
	margin: 0 0 8px 0px; }
		
    /* variations for L4 */
    div.contentL4 h6 { margin-left: 15px; }

    div.contentL2 h6 a:link, div.contentL2 h6 a:visited,
    div.contentL4 h6 a:link, div.contentL4 h6 a:visited   { 	
	    color: #999090;
	    font-size: 11px;
	    font-family: Arial, Verdana, Tahoma;
	    font-weight: normal;  }
    div.contentL2 h6 a:hover, div.contentL2 h6 a:active,
    div.contentL4 h6 a:hover, div.contentL4 h6 a:active   { 	
	    color: #000;
	    font-size: 11px;
	    font-family: Arial, Verdana, Tahoma;
	    font-weight: normal;  }
	
	
/*********************/
/*** LIST STYLES ****/	
/*********************/
	
/*** LIST STYLE - with arrow bullet ***/
div.contentL4 ul, div.contentL2 ul, #download ul {
	font-size: 11px;
	color: #000000;
	list-style-type: none;	
	margin: 0 10px 15px 15px;
	padding: 0;	}
	
	div.contentL4 ul { margin-left: 30px; }

div.contentL2 ul li, div.contentL4 ul li, #download ul li {
	list-style-type: none;
	line-height: 135%;
	background-image: url(images/arrowlist.gif);
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding: 3px 0 7px 15px;
	margin: 0 0 0 2px;
	}

/*** LIST STYLE - ANCHORS ***/
ul#listanchors {
	color: #000000;
	list-style-type: none;	
	margin: 0 10px 25px 15px;
	padding: 0;	}
	
ul#listanchors li {
	list-style-type: none;
	line-height: 135%;
	background-image: url(images/arrowlist.gif);
	background-position: 0 7px;
	background-repeat: no-repeat;
	padding: 2px 0 0 15px;
	margin: 18px 0 0 0;
	}

ul#listanchors li a:link, 
ul#listanchors li a:visited
    { 	font-size: 11px; color: #000; }
	
/*** ORDERED/NUMBER LIST STYLE ***/
div.contentL2 ol, div.contentL4 ol {
	color: #000000;
	margin: 0 10px 25px 30px;
	padding: 0;
	font-size: 1.0em;
	line-height: 135%;
	list-style-type: lower-alpha;
	background-image: none;
	}

div.contentL2 ol li, div.contentL4 ol li {
	padding: 2px 0 0 0;
	margin: 0 0 7px 15px;
	}
	
div.contentL4 ol li  {
	margin: 0 0 7px 20px;
	}	

/* CLEAR P PADDING WITHIN LISTS */	
div.contentL2 ul li p, div.contentL2 ul li a, div.contentL2 ol li p, div.contentL2 ol li a,
div.contentL4 ul li p, div.contentL4 ul li a, div.contentL4 ol li p, div.contentL4 ol li a {
	padding: 0; margin: 0;}
	

#footernotes {    }

/* REMOVE ALL BORDERS FROM IMG WITH LINKS - inc page top */
.contentL2 a:link img { border: none; }
.contentL4 a:link img { border: none; }


/**************************/
/*** NEW ARCHIVE LINKS ****/	
/**************************/

#pagemenu {
    margin: 0 auto;
    padding: 10px; 
    text-align: center;   
    }
    div.contentL4 div.pagemenu { margin-left: 30px; }

/*********************/
/*** PDF NOTES ****/	
/*********************/

div.contentL2 #pdfnotes, div.contentL4 #pdfnotes { 	
	background-image: url(images/get_adobe_reader.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 0 98px;
	margin: 30px 5px 20px 15px;
    color: #666;   }  

div.contentL4 #pdfnotes { margin-left: 30px;   }    
div.contentL2 #pdfnotes a:link, div.contentL4 #pdfnotes a:link,
div.contentL2 #pdfnotes a:visited, div.contentL4 #pdfnotes a:visited {  
    color: #444;  }	


/*********************/
/*** PAGE TOP ****/	
/*********************/

/* div.contentL2 div.pagetop, div.contentL4 div.pagetop */
div.pagetop img { 
    margin: 15px 0 20px 5px;
    border: none;    }
    
div.contentL4 div.pagetop { margin-left: 30px;  }


/*********************/
/*** TABLE STYLES ****/	
/*********************/

/* TABLE HEADER H4  */
div.contentL2 h4, div.contentL4 h4 {
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	text-indent: 6px;
	border: none;
	background-color: #A69F98;
	color: #fff;
	margin: 30px 0 0 5px;
    width: 98%; }

/* TABLE STYLES - GENERAL (NO ID) */
div.contentL2 table, div.contentL4 table {
	width: 98%;
	background-image: url(images/NPBStable.jpg);
	background-repeat: repeat-y;
	border-collapse: collapse;	
	margin: 0 0 10px 4px;
	padding: 2px;   }
	
		/* variations for L4 */
	div.L4NoBGWide table{
		padding: 0;
		text-align: left;
		background-image:   url(images/tableBG.jpg);
		background-repeat: repeat-y;
		background-color: #F4F3EE;
		border-collapse: collapse;	
		width:95%;
	}

    div.contentL2 th, div.contentL4 th {
        font-size: 11px;
	    border: 1px solid #fff;
	    background-color: #A69F98;
	    height: 22px;
	    padding: 4px 2px 1px 10px;
	    margin: 0;
	    text-align: left;
	    color: #fff;	}
  
    div.contentL2 td, div.contentL4 td {
	    border: 1px solid #fff;
	    padding: 7px;
	    margin: 0;	}

/*** TABLE ID PRODFEATURES - same as general table except variations... ***/ 
    table#prodfeatures th {
	    text-align: right;
	    font-weight: bold;
	    padding: 4px 13px 4px 2px;
	    color: #000;
	    background-color: Transparent;	}

    table#prodfeatures td { padding: 4px 2px 4px 13px; }

/*** TABLE ID CONTENTTAB - different to general table except variations to try and fit into the content area... ***/ 
    table#contenttab {
	width: 84%;
	background-image: url(images/NPBStable.jpg);
	background-repeat: repeat-y;
	border-collapse: collapse;	
	margin: 0 0 10px 4px;
	padding: 2px;   }

    table#contenttab th {
	    font-weight: normal;
	    padding: 4px 13px 4px 2px;
	    color: #000;
	    background-color: #D5CDC2;		}

    table#contenttab td {
	    border: 1px solid #fff;
	    padding: 4px 2px 4px 7px;
	    margin: 0;	}

/*** TABLE ID BRANCHES - same as general table except variations... ***/	
    table#branches td { vertical-align: top; }

/*** TABLE ID DATA - same as general table except variations... ***/	
    table#data td {
	    border: 1px solid #fff;
	    padding: 4px 2px 4px 7px;
	    margin: 0;	}

    table#data th {
	    font-weight: normal;
	    padding: 4px 13px 4px 7px;
	    color: #000;
	    background-color: #D5CDC2;		}


    table#newsevents th {
	    font-weight: normal;
	    white-space: nowrap;
	    width: 1%;
	    font-size: 11px;
	    padding: 2px 4px 2px 4px ;
	    color: #FFFFFF;
	    background-color: #B3AC9F;
	    vertical-align: middle;	}


/*** TABLE - CLEAR PADDING IF P TAG INCLUDED ****/	    
    table th p, table td p { margin: 0; padding: 0; color: #000; }	
    table#prodfeatures th p, table#data th p, table#contenttab th p { margin: 0; padding: 0; color: #000; text-align: right;	}	
    table#newsevents th p {color: #fff; margin: 0; padding: 0; }
    table#prodfeatures td p, table#data td p, table#contenttab td p { margin: 0; padding: 0; color: #000; text-align: left;	}

/*** TABLE - REDUCE PADDING ON LISTS within tables ****/	    
div.contentL2 table ul, div.contentL4 table ul {
    margin: 0; padding: 0;
}


/*****************************

	COMMUNITY - Text Teaser

*****************************/	

div.CommunityTextTeaser {	
	display: block;
	width: 363px;
    height: auto !important;
	padding: 0 0 9px 0;
	margin: 0 0 10px 0;
	position: relative;
	text-decoration: none;
	cursor: hand;	
	color:#000;
	background-image: url(Images/CommTeaserBg3.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	clear: both; }
	
	/* increase height if image is longer than content */
	div.CommunityTextTeaser:after {
	content:"";
	display:block;
	clear:both; }
	* html div.CommunityTextTeaser  { height: 1px; }

.CommunityTextTeaser h1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #555;
	margin: 0;
/*	padding: 10px 0 0 10px; */
	padding: 10px 0 0 22px;	
	background-image: url(Images/arrowlist.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}

/* more link */
.CommunityTextTeaser h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: auto;
	color: #999090;
	margin: 0;
	padding: 5px 10px 0 22px;
}

div.CommunityTextTeaser p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #716d68;
	margin: 0;
	padding: 2px 0 0 22px;	
	}	

/* LOGO IMAGE for text teaser */
div.CommunityTextTeaser img {
	float: right;
	margin: 3px 10px 3px 5px;
	padding: 0;
	clear: right;
	overflow: visible;
	}		
	
div.RoundedCorner
{
	background-image:url(Images/L2_textteaserTop.jpg);
	background-repeat:no-repeat;
	color:#000000;
	margin:0 0 1px 0;
}
div.RoundedCorner h1
{
	background-image:none;
	color:#000000;
}

div.RoundedCorner img 
{
	float:left;
	margin:8px 10px 8px 0px;
}



/*****************************

	Community Advertising 

*****************************/

div.communityAd, div.communityAdNoBg {
	width:175px;
	height:100px; 
}

div.communityAd { background-image: url(images/community_btn3.jpg);
}

div.communityAd a:link, div.communityAd a:visited {
	color:#000;
	text-decoration:none; }

div.communityAd a:hover, div.communityAd a:active { text-decoration:underline; }

div.communityAd ul li {
	list-style-type: none;
	background-image: url(images/arrowlist.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding: 3px 4px 0 10px;
	margin: 0 0 0px 17px; }

div.communityAdTitle {
	font-weight:bold;
	padding-top:8px;
	margin:0;
	text-align:left;
	text-indent:13px; }

	

/*****************************

	ADMIN navigation functions

*****************************/

div.NavFooter	{
	display: none;
	text-align: left;
	}
	
div.NavActions	{
	position: relative;
	display: inline;
	bottom: 0;
	float: left;
	text-align: left;
	padding: 7px 0 0 10px;
	margin: 0 0 -20px 0;
	width: 0;
	height: 0;
	z-index: 99; }	

div.NavActions img {
	padding: 0; margin: 0;}
	
	
/*************** LOGIN CONTAINER *******************/

div.loginContainer
{
	height:300px;
	margin-top:100px;
	font-family:Verdana, Arial, Geneva, Helv, Helvetica, Tahoma, Sans-Serif;
}

div.loginContainer td.SubHead
{
	color:#000;
	font-family:Verdana, Arial, Geneva, Helv, Helvetica, Tahoma, Sans-Serif;
	width:100%;
	white-space: nowrap;
	text-align:left;
	margin:0;
}

div.loginContainer td
{
	padding: 3px 0 3px 0 ;
	border: 1px solid #fff;
}

div.loginContainer input.NormalTextBox
{
	border-color:#000;
	border-width:1px;
	border-style:solid;
	padding: 1px;
	height: 20px;
	font-size: 12px;
}

div.loginContainer .SkinObject
{
	text-align:center;
	width:100%;
	margin:0;
}

div.loginContainer input.StandardButton
{
	cursor:pointer;
}

div.loginContainer a:link, div.loginContainer a:visited
{
	color:#000;
	text-decoration:underline;
}

div.loginContainer a:hover, div.loginContainer a:active
{
	color:#A69F98;
	text-decoration:underline;
}	
	
/* OVERWRITE DNN STYLES */
div.PageBanner .SubHead, div.ContentPane .SubHead, div.HomeContentPane .SubHead, div.NavPane .SubHead, div.RightPane .SubHead, div.NewsPaneHome .SubHead, div.FooterImagePaneHome .SubHead, div.AdPaneHome .SubHead {
	width: 100px;
	height: 15px;
	padding: 0;
	margin: 0;
	float: right;
	position: relative;
	z-index: 99;
	bottom: 0;
	display: inline;
	margin: 0 -10px -25px 0;	
	color: #CC0000;
}

/* USER LOGIN */
a.SkinObject:link, a.SkinObject:visited, a.SkinObject:active, a.SkinObject:hover   {
	font-size: 12px;
	padding: 5px;
	margin: 0 0 0 0;
	float: right;
	display: inline;

}


/*****************************

	SEARCH RESULTS 

*****************************/

#search
{
	margin:0 0 0 30px;
	padding:0;
}

#search table  {
   /*width:100%;*/

}

#search td  {
    padding: 2px 0 8px 0;  
    }

#search span.Subhead
{
	padding:0;
	margin:0;
	width:30px;
	color:#a69f98;
	text-align:left;
	clear:left;
}
#search a.subHead
{
	float:left;
	white-space:nowrap;
	width:auto;
	height:auto;
	margin:0;
	z-index:0;
	position:relative;
	
}
#search a:link, #search a:visited
{
	color:#000;
}
#search a:hover, #search a:active
{
	color:#a69f98;
}

div.SearchResults input.NormalTextBox
{
	border-color:#000;
	border-width: 1px;
	margin:0 0 0 30px;
}
div.SearchResults
{
	margin-bottom:10px;
}

/*****************************

	Product Interest Rates

*****************************/
div.ContentPaneProductRate
{
	/* width:90%; */
	margin:0 0 0 0;
	padding:0 20px 0 40px;
}

div.ContentPaneProductRate td
{
	font-size: 11px;
	text-align:center;
	padding: 2px;
}
div.ContentPaneProductRate td.EffctiveDate
{
	font-size:9px;
	font-style:italic;
	text-align:Left;
	padding: 2px;
}
div.ContentPaneProductRate th
{
	vertical-align:middle;
	color:#000;
}

div.ContentPaneProductRate table {
	padding: 0;
	text-align: left;
	background-image:   url(images/tableBG.jpg);
	background-repeat: repeat-y;
	background-color: #F4F3EE;
	border-collapse: collapse;	
	width:95%;	
	}

div.ContentPaneProductRate th {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #A69F98;
	border: 1px solid #fff;
	margin: 0;
	padding: 3px 3px 3px 3px;
	}

div.ContentPaneProductRate td{
	font-size: 10px;
	border: 1px solid #fff;
	margin: 0;
	padding: 3px; }

div.ContentPaneProductRate .FinePrint
{
	font-size:9px;
}


/*****************************

	TVC Televisions Commercials - under About Us

*****************************/	

/* TVC item container */
div.TVC {	
	display: block;
	width: 98%;
    height: auto !important;
	padding: 0 0 9px 0;
	margin: 8px 0 8px 0;
	position: relative;
	text-decoration: none;
	color:#000;
	overflow: visible;
	clear: both; }
	
	/* increase height if image is longer than content */
	div.TVC:after {
	content:"";
	display:block;
	clear:both; }
	* html div.TVC  { height: 1px; }

.TVC h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	margin: 0;
	padding: 10px 0 0 22px;	
}

/* more link */
.TVC h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: auto;
	color: #999090;
	margin: 0;
	padding: 5px 3px 0 22px;
}

div.TVC p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #716d68;
	margin: 0;
	padding: 2px 0 0 22px;	
	}	
	
div.TVC p a:link, div.TVC p a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #716d68;
	margin: 0;
	padding: 2px 0 0 0;
	text-align: left;
	float: left;	
	}		

/* LOGO IMAGE for text teaser */
div.TVC img {
	float: left;
	margin: 3px 10px 3px 30px;
	padding: 0;
	clear: left;
	overflow: visible;
	}		
	
/* descriptive text (full width) directly below TVC teaser */
div.TVC div.text 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #716d68;
	margin: 0;
	padding: 2px 10px 0 7px;
	text-align: left;
	float: left;
	clear: both;
	}
		

/*****************************

	ContentTeasers - eg: Careers Testimonials

*****************************/	

div.ContentTeasers {	
	display: block;
	width: 430px;
    height: auto !important;
	padding: 0 0 9px 0;
	margin: 5px 0 5px 30px;
	position: relative;
	text-decoration: none;
	/*cursor: hand;	*/
	color:#000;
/*	background-image: url(Images/CommTeaserBg3.jpg);
	background-repeat: no-repeat;*/
	overflow: visible;
	clear: both; }
	
	/* increase height if image is longer than content */
	div.ContentTeasers:after {
	content:"";
	display:block;
	clear:both; }
	* html div.ContentTeasers  { height: 1px; }

div.ContentTeasers h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	width: auto;
	margin: 0;
	padding: 10px 0 0 22px;	
}

/* more link */
div.ContentTeasers h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: auto;
	color: #999090;
	margin: 0;
	padding: 5px 10px 0 22px;
}

div.ContentTeasers p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #716d68;
	margin: 0;
	padding: 4px 0 0 22px;	
	}	
	
div.ContentTeasers a:link, div.ContentTeasers a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #716d68;
	margin: 0;
	padding: 4px 0 0 0px;	
	text-align: left;
	float: left;	
	text-decoration: underline;
	}		

div.ContentTeasers a:hover, div.ContentTeasers a:active
{
	color: #000;
}
/* LOGO IMAGE for text teaser */
div.ContentTeasers img {
	float: left;
	margin: 3px 12px 3px 0px;
	padding: 0;
	clear: left;
	overflow: visible;
	}		


/********************************************************

	CAREERS - content styling
	used for all careers pages except home

********************************************************/

div.CareersNav {
	background-image: none;
	width: 180px;
	}

/* PAGE TITLE */
div.CareersContent h1 {
	height: 25px;	
	background-image:  url(images/LargeGreyArrow.gif);
	background-repeat: no-repeat;
	background-position: 11px 3px;
	padding: 2px 0 10px 29px;
	margin: 0;
	color: #A69f98;
	font-size: 14px;
	font-weight: bold;
	z-index: 106;
	}

/* BAR HEADER (CONTENT/LEFT SIDE) - must apply h3 straight after */
.CareersContent h2 {
	width: 550px;
	line-height: 205%;
	padding: 3px 0 3px 0;
	text-indent: 29px;
	padding: 0; 
	margin: 5px 0 15px 0;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	z-index: 101;
	overflow: visible;
	background-color: #aca293;
	float:left; }

/* BAR HEADER (RIGHT SIDE) - must apply h2 immediately before */	
.CareersContent h3 {
	width: 179px;
	line-height: 205%;
	padding: 3px 0 3px 0;
	text-indent: 10px;
	padding: 0; 
	margin: 5px 0 15px 0;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	z-index: 101;
	overflow: visible;
	background-color: #aca293;
	float:left; }

/* BOLD SUB-HEADING */	
.CareersContent h4 {
	padding: 11px 0 6px 29px;
	margin: 0;
	color: #000;
	font-size: 13px;
	font-weight: bold;	
	width: 520px;	
	}

/* GREY, BOLD SUB-HEADING WITH ARROW BULLET */
.CareersContent h5 {
	background-image:  url("Images/SmallGreyArrow.gif");
	background-repeat: no-repeat;
	background-position: 29px 4px;
	padding: 2px 0 0 43px;
	margin: 0;
	color: #A69f98;
	font-size: 12px;
	font-weight: bold;
	width: 520px;	
	}

.CareersContent h6 {
	width: 530px;
	font-size: 11px;
	font-weight: normal;
	color: #999090;
	padding: 15px 10px 0 30px;
	margin: 0 0 8px 0px; 	}
	
		
.CareersContent p {
	width: 501px;
	margin: 5px 20px 10px 29px;
	line-height: 130%;
	}
	
.CareersContent p a:link, .CareersContent p a:visited {
	color: #685f51;
	text-decoration: underline;
	}
	
.CareersContent p a:hover, .CareersContent p a:active {
	color: #000;
	text-decoration: none;
	}		

.CareersContent ul {
	clear: left;
	width: 506px;
	margin: 5px 15px 10px 29px;
	padding: 5px 0 2px 20px;
	}	
	
.CareersContent ul li {
	list-style-type: none;
	background-image:  url(Images/SmallGreyArrow.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding: 0 0 2px 12px;
	margin: 0;
	line-height: 170%;
	}
	
.CareersContent ul li a:link, .CareersContent ul li a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #685f51;
	}	

.CareersContent ul li a:hover, .CareersContent ul li a:active {
	font-weight: bold;
	text-decoration: none;
	color: #685f51;
	}		
	
.CareersContent table {
	width: 505px; }

.CareersContent #pdfnotes { 
	width: 400px;	
	background-image: url(images/get_adobe_reader.gif);
	background-position: 15px 0;
	background-repeat: no-repeat;
	padding: 0 0 0 113px;
	margin: 30px 5px 20px 15px;
    color: #666;   }  
    
/********************************************************

	CAREERS TESTIMONIALS - link back to main/index

********************************************************/
div.CareersIndexLink 
{
	width: 505px;
	text-align: right;
	margin: 10px;
	}
	
	
/********************************************************

	CAREERS TEASER - right column text
	available for all careers pages except home

********************************************************/

div.CareersTeaser {
	width: 163px;
	padding: 0;
	margin: 0 5px 2px 10px;
	clear: both;
	}
	
div.CareersTeaser img {
	text-align: center;
	margin: 0 auto;
	clear: both;
	}	

div.CareersTeaser h1, div.CareersTeaser h4,
div.CareersTeaser p, div.CareersTeaser ul li {
	text-align: left; }


.CareersTeaser h1 {	
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding: 10px 0 4px 0;
	margin: 0;
	clear: both;
}

.CareersTeaser p {
	font-family: Tahoma, Verdana, Arial, Sans-Serif;	
	font-size: 11px;
	color: #000;
	padding: 0 0 10px 0;
	margin: 0;	
}

div.CareersTeaser p a:link, div.CareersTeaser p a:visited {
	color:#333333;
	text-decoration: none;
}

div.CareersTeaser p a:hover, div.CareersTeaser p a:active{
	color:#333333;
	text-decoration: underline;
}	

.CareersTeaser ul {
	margin: 3px 0 8px 0;
}
	
.CareersTeaser ul li {
	list-style-type: none;
	background-image:  url(Images/Arrow_onBeige.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding: 0 0 2px 12px;
	margin: 0;
	line-height: 170%;
	}

.CareersTeaser ul li a:link, .CareersTeaser ul li a:visited {	
	text-decoration: none;
}

.CareersTeaser ul li a:hover, .CareersTeaser ul li a:active {	
	text-decoration: underline;
	color: #000;
}


}
/* end screen styles */



/*****************************
******************************
	PRINT SPECIFIC STYLES
******************************
*****************************/

@page {  size: A4; }
@media print {

/* HIDE THESE CONTAINER AREAS */
/* also refer to skin.css for other hidden regions */
div.L3_TextTeaserHD img,
div.L3_TextTeaserHD H2
    {	display: none; }

/* HOME PAGE PRINT STYLES */
.HomeNavMain {
	width: 100%;
	margin: 0 8px 20px 0; 	}

.HomeNavMainHd a {
	font-size: 12pt;
	font-weight: bold;
	padding: 10px 0 2px 0;
	width: 98% }
.HomeNavMainContent a { 
    font-size: 10pt; 
    width: 98%;
    }
.HomeNavMainContent ul li { 
	list-style-type: square;
    list-style-position: inside;
	}

div.NewsPaneHome {
	clear: both;
	padding: 10px 0 0 0;
	width: 90%;
	}
	
div.NewsPaneHomeHD {
	font-weight: bold;	}
div.NewsPaneHome li {}
div.AdPaneHome { clear: both;}
div.AdPaneHome img { margin: 10px; }

/* CONTENT PRINT STYLES */
div.contentL2, div.contentL4, div.contentPane,
div.containerMid, div.blockMid { 
    width: auto; 
    margin: 0; 
    padding: 0; 
    clear: none;
    position: relative;  }

div.contentL2 h1, div.contentL4 h1, h1 { 
    font-size: 14pt;
    font-weight: bold;
    color: #000;
    padding: 5px 0 5px 0;
     }

div.contentL2 h2, div.contentL4 h2, h2 {
	color: #444;
	padding: 15px 0 0 0;
	margin: 0 0 8px 0px;
	font-size: 14pt;
	line-height: 125%;
	clear: both;
	}
	
div.contentL2 h3, div.contentL4 h3, h3 {
	color: #777;
	padding: 15px 0 0 0;
	margin: 0 0 8px 0px;
	font-size: 13pt;
	line-height: 125%;
	}		

div.contentL2 h6, div.contentL4 h6, h6 {
	color: #000;
	padding: 15px 0 0 0;
	margin: 0 0 8px 0px;
	font-size: 10pt;
	font-weight: normal;
	}		

	
div.contentL2 p, div.contentL4 p, p { 
    font-size: 9pt;
    font-weight: normal;
    color: #000;
    padding: 5px 0 5px 0;  
    }


/* TABLE HEADER */
div.contentL2 h4, div.contentL4 h4, h4 {
    font-size: 11pt;
    font-weight: bold;
    font-style: italic;
    color: #666;
	margin: 10px 0 0 0;
	padding: 5px 0 4px 0;
     }

div.contentL2 table, div.contentL4 table, table#prodfeatures {
    width: 100%;
	border-collapse: collapse;	
	margin: 0 0 10px 0;
	padding: 0;    
	background-color: #fff;
	background-image: none; 
     }

div.contentL2 table th, div.contentL4 table th, table#prodfeatures th {
    width: 50mm;
    font-size: 11pt;
    font-weight: bold;
    color: #333;
    height: 22px;
    text-align: right;
    border: 1px solid #777;
    padding: 2px 5px 1px 5px;
    margin: 0;
     }
     
table#data th {
    width: 175mm;
    font-size: 10pt;
    font-weight: bold;
    color: #333;
    height: 22px;
    text-align: center;
    border: 1px solid #777;
    padding: 2px 5px 1px 5px;
    margin: 0;    }  

table#contenttab {
    width: 85%;
	border-collapse: collapse;	
	margin: 0 0 10px 0;
	padding: 0;    
	background-color: #fff;
	background-image: none; 
     } 

table#contenttab th {
    width: 175mm;
    font-size: 10pt;
    font-weight: bold;
    color: #333;
    height: 22px;
    text-align: center;
    border: 1px solid #777;
    padding: 2px 5px 1px 5px;
    margin: 0;    } 

table#branches th {
    width: 100%;
    text-align: center;
    font-size: 11pt;
    font-weight: bold;    }
    
div.contentL2 table th p, div.contentL4 table th p, table#prodfeatures th p {
    font-weight: bold; text-align: right; font-size: 9pt;    }
    
div.contentL2 table td, div.contentL4 table td {
    font-size: 9pt;
    color: #333;
    height: 22px;
    text-align: left;
    border: 1px solid #777;
    padding: 2px 10px 1px 10px;
    margin: 0;     }
    
div.contentL2 table td p, div.contentL4 table td p {
    font-size: 9pt; padding: 0 5px 0 5px; margin: 0;
    }

div.contentL2 table p, div.contentL4 table p {
    text-align: left;
    }


/**************************/
/*** PRINT LIST STYLES ****/	
/**************************/
	
/*** LIST STYLE - with arrow bullet ***/
div.contentL4 ul, div.contentL2 ul, #download ul {
	font-size: 11px;
	color: #000000;
	margin: 0 10px 15px 15px;
	padding: 0;	}
	
div.contentL2 ul li, div.contentL4 ul li, #download ul li {
	font-size: 9pt;
    font-weight: normal;
    color: #000;
	list-style-image: url(images/arrowlist.gif);
	line-height: 135%;
	padding: 0 0 7px 0;
	margin: 0 0 0 0;	
	}

/*****************************
	Level 2 - text teaser PRINT
*****************************/	

a.L2_TextTeaser:link, a.L2_TextTeaser:visited,
a.L2_TextTeaser:active, a.L2_TextTeaser:hover,
a.L2_TextTeaserTop:link, a.L2_TextTeaserTop:visited,
a.L2_TextTeaserTop:active, a.L2_TextTeaserTop:hover {	
	display: block;
	width: auto;
	height: 76px;
	padding: 0;
	margin: 0 0 1px 0;
	position: relative;
	border: none;
	text-decoration: none;
	color:#000;
	clear: both;
	font-size: 10pt;
 }


.L2_TextTeaser, div.L2_TextTeaserDiv {	margin: 0; padding: 0;}

.L2_TextTeaser h1, .L2_TextTeaserTop h1 {
	float: left;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	width: 135mm;
	clear: right;
	margin: 0;
	padding: 10px 0 0 0;
}

.L2_TextTeaser h2, .L2_TextTeaserTop h2 {
	float: left;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	width: 135mm;
	clear: right;
	margin: 0;
	padding: 10px 0 0 0;
}	

.L2_TextTeaser p, .L2_TextTeaserTop p {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	width: 135mm;
	margin: 0;
	padding: 2px 0 0 0;		}	

a.L2_TextTeaser img, a.L2_TextTeaserTop img {
	float: left;
	margin: 8px 10px 5px 5px;
	padding: 0;
	display: inline;
	}		


/*****************************

	Level 3 - text teaser

*****************************/	

a.L3_TextTeaser:link, a.L3_TextTeaser:visited,
a.L3_TextTeaser:hover, a.L3_TextTeaser:active,
a.L3_TextTeaserTop:link, a.L3_TextTeaserTop:visited,
a.L3_TextTeaserTop:hover, a.L3_TextTeaserTop:active {	
	display: block;
	width: 100%;
	height: auto;
	text-align: left;
	padding: 2px 0 8px 0; 
	margin: 0 0 0 0;
	position: relative;
	border-bottom: 1px solid #ddd;
	text-decoration: none;
	color:#000;
	overflow: visible;
	clear: both;	 }

a.L3_TextTeaserTop:link, a.L3_TextTeaserTop:visited,
a.L3_TextTeaserTop:hover, a.L3_TextTeaserTop:active {
	border-top: 1px solid #ddd;
    }

.L3_TextTeaser, div.L3_TextTeaserDiv {	margin: 0; padding: 0;}

.L3_TextTeaser h1, .L3_TextTeaserTop h1 {
	float: none;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 5px 0 0 0;
}	

.L3_TextTeaser h2, .L3_TextTeaserTop h2 {
	float: none;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 5px 0 0 0;
}

.L3_TextTeaser p, .L3_TextTeaserTop p {
	float: none;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: auto;
	padding: 0 0 0 10px;
	margin: 0 0 0 15px;
	}	

/* image width = 6px */
a.L3_TextTeaser img, a.L3_TextTeaserTop img {
	float: left;
	display: inline;
	margin: 6px 5px 5px 15px;
	padding: 0;
	position: relative;
	}		



/*****************************

	NewsAlerts PRINT ONLY

*****************************/

div.NewsAlerts {
	width: 100mm;
	padding: 20px 0 20px 0;
	margin: 0 auto;
	text-align: center;
	clear: both;
	}
	
div.NewsAlertsHD, div.NewsAlerts li {
	font-family: Verdana, Arial, Geneva, Helv, Helvetica, Tahoma, Sans-Serif;
	font-size: 8.5pt;
	color: #000;	
	}

/* News header only appears on print */
div.NewsAlertsHD {  font-size: 10pt; font-weight: bold; text-align: left; text-transform: uppercase; }

div.NewsAlerts ul {	
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	margin: 0 auto;
	text-align: center;	
	}
	
	
div.NewsAlerts li {
	line-height: 15px;
	margin: 2px 0 2px 0px;
	padding: 6px 2px 4px 0px;
	list-style-image: URL(images/arrowlist.gif);
	color: #000;
	text-align: left;
    display: list-item; 
    list-style-position: inside;}
	
	
div.NewsAlerts a:link, div.NewsAlerts a:visited {
	color: #fff;
	color: #000;
	text-decoration: none;	
}

div.NewsAlerts a:hover, div.NewsAlerts a:active {
	color: #000;
	text-decoration: underline;
}


div.contentL2 div.pagetop, div.contentL4 div.pagetop {
    display: none; }

/*****************************

	Product Interest Rates

*****************************/
div.ContentPaneProductRate
{
	width:100%;
	margin:0 20px 0 20px;
	padding:0;
}
div.ContentPaneProductRate th
{
	vertical-align:middle;
	color:#000;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #000;
	margin: 0;
	padding: 3px 3px 3px 3px;
	}

div.ContentPaneProductRate td{
	font-size: 10px;
	border: 1px solid #000;
	margin: 0;
	text-align:center;
	padding: 2px;
}

div.ContentPaneProductRate .FinePrint
{
	font-size:9px;
}

/*****************************

	Careers & Cinema Portals

*****************************/

/* hide this content */
.CareersContent h3
	{ display: none; }
	
div.ContentTeasers {
	width: 100%;
	border: 1px solid #000;
}	

/* END print only */
}