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

@media screen {

/********************************************************/
/*	GLOBAL PAGE SETUP - BODY, FONTS	*/
/********************************************************/

html {
	font-family: Verdana, Arial, Geneva, Helv, Helvetica, Tahoma, Sans-Serif;
/*	font-size: 11px; */
	font-size: 76%;
    margin: 0; 
    padding: 0;
	color: #000;
	}

body {
    margin: 0; 
    padding: 0 0 0 0;
	background-color: #A69F98;
/* 	BACKGROUND-COLOR: #99cc33;*/
	text-align: center;
	}	

/* DEFAULT SETTINGS ALL STYLES */
* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Geneva, Helv, Helvetica, Tahoma, Sans-Serif;
	}

/*
div, h2, h3, h4, h5, table, form, code, pre, fieldset, legend, dl, dt, dd {
	margin: 0 0 0 0; 
	padding:0; 
	border: 0;
	color: #000;	
	}

table, tr, td {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	color: #333;	
	}
*/

a:link, a:visited, a:active, a:hover {
	color:#0000FF;	}


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

/*	MAIN CONTAINER TOP - GLOBAL REGIONS					*/

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


div.newcastle_permanent {
	width: 100%;
	 background: #A69F98;
/*	BACKGROUND-COLOR: #99cc33;*/
	height: 20px;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;}


/* MAIN CONTAINER - WHITE BACKGROUND WITH ROUND CORNER TOP */
div.masthead {
	width: 770px;
	margin: 0;
	margin: 0 auto;
	height: 131px;
	padding: 0;
	background: #FFF url(images/containerMain_bg1.gif) top left no-repeat;
	text-align: left;
	position: relative;
	clear: both;
	z-index: 5;
	}
	
/* HEADER CONTAINER - BLACK BACKGROUND WITH LOGO & SEARCH */
/* PRINT: HIDE */
div.headbanner {
	width: 770px;
	height: 131px; /* must be the same as masthead */
	background-image:url(images/containerHd_bg.jpg);
	background-position: 7px 7px; /*left top */
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 5;
	}

/*------------------------------------------*/
/* 	NEWCASTLE PERMANENT LOGO - HEADER 		*/
/*------------------------------------------*/

/* logo container div */
/* BSOTY original width: 195px */
div.NPBSlogo 	
{
	float: left;
	width: 271px;
	height: 76px;
	padding: 0;
	margin: 0;	}
	/* margin: 55px 0 0 44px; */

	
div.NPBSlogo a  {
	margin: 49px 0 0 25px;}

	
div.NPBSlogo a, NPBSlogo.logo a:link, div.NPBSlogo a:visited, div.NPBSlogo a:hover, div.NPBSlogo a:active { border: 0; margin: 49px 0 0 0; padding: 0; }  	

/*------------------------------------------*/
/* 	SEARCH FUNCTION & STRAPLINE				*/
/*------------------------------------------*/	
/* BSOTY */
/* width: 185px; */


div.headSearch .search {
	font-family: Verdana, Arial, Geneva, Tahoma, Sans-Serif;
	font-size: 10px;
	font-weight:bold;
	color:#999999;
	width: 100px;
	height: 18px;
	display: inline;
	padding: 4px 0 0 4px;
	margin: 0 0 0 2px;
	border: 0;
	background-image: url(images/search.jpg);
	background-color: #FFF;
	}	

	
div.strapline {
	height: 20px;
	padding: 0;
	margin: 0;
	}

div.strapline img {
	border: 0;
	padding: 0 0 0 0;
	margin: 17px 18px 0 0; }

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

/*	MAIN CONTAINER MID - white bg, round bottom/right	*/

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

/* MAIN CONTAINER - WHITE BACKGROUND WITH ROUND CORNERS */
div.containerMid {
	width: 770px;
	background-image: url(images/containerMid_bg.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #fff;
	padding:0 0 0 0;
	margin: 0 auto;
	position:relative;
	clear: both;
	z-index:2;}

.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
	position: relative; }	

.col{
	position:absolute;
	z-index:0;
	bottom:0;
	margin: 0;
	padding: 0;
}

.one{	
	width: 30px; 
	padding: 0; 
	margin: 0;
	background-image: url(images/blockLeft_bg.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	bottom:8px;
	left: 0;
	}

/* only used on internal pages - hidden on home */
.two{
	left:34px;
	width:174px;
	background-color: #000000;
	background-image: url(images/navLeft_arc.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	bottom:8px;
	padding: 0; 
	margin: 0;
	}

	
.three {
	left:582px;
	width: 180px;
	background-image: url(images/rightPane_bg2.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	bottom:8px;
	background-color: #d3cec7;
	padding: 0; 
	margin: 0;
	}

/* the only hacks in this code are here */
html>body .col{top:0}/* hide from ie6 and under*/
* html .col{height:4000em;}/*ie6- only */

/* LEFT BLOCK with black/grey vertical lines and arched top */
div.blockLeft {
	float: left;
	width:30px;	
	min-height: 40px;
	background-image: url(images/blockLeft_bg.gif);
	background-position: 0 0;
	background-repeat: repeat-y;	
	padding: 0;
	margin: 0;
	display:inline;	
	position:relative;
	z-index:1;
	}
	
div.blockleft img { padding: 0; margin: 0; border: 0;	}


div.blockMid {
	width: 552px;
	float: left;
	/* display: block; */
	position: relative;
	background-image: url(images/blockMid.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 0 8px 0;
	z-index:2;
	}
	
div.AdminBlockMid {
	width: 100%;
	}

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

/*	HOME NAV MAIN - horizontal nav							
	container div for main horizontal navigation

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

/* following styles are  in container.css */
div.HomeNavMain {}
div.HomeNavMainHd {}
div.HomeNavMainContent {}

/* USE -2 MARGIN TO REMOVE EXTRA SPACE BELOW BANNER IN IE ??? */
div.HomeContentPane img, div.ContentPane img, #ContentPane img {
	padding: 0;
	margin: 0 0 -2px 0;
	border: 0;}

div.HomeContentPane a:link, div.HomeContentPane a:visited {
	padding: 0;
	margin: 0;
	border: 0;
	}

/* PENNY 24/7 */	
div.NavPane {
	width: 133px;
	height: 170px;
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
	border: 0;
	float: left;
	display: inline;
	position: relative;
	z-index: 50;
	}
			
	
	
/*****************************

	Home Ads Pane (text/HTML module, no container used)

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

/* PENNY 24/7 */
div.AdPaneHome {
	width: 132px;
	height: 112px;
	padding: 7px 0 0 6px;
	margin: 5px auto 0 auto;	
	float: left;
	text-align: center;
	}

/* AD BANNER IMAGES 126x97 (old: 130x95) */
div.AdPaneHome img {
	padding: 0 0 0 0;
	margin: 0 auto;
	text-align: center;
	border: none;
	/* setting width also applies to admin controls */
	/* width: 126px;
	height: 97px; */
	}

div.AdPaneHome p, div.AdPaneHome a:link {	text-align: center; }

/* PENNY 24/7 */	
div.FooterImagePaneHome {
	float: left;
	width: 144px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}


	
/* REFER TO CONTAINER.CSS */
div.NewsPaneHome {}

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

/*	NAV HEADER - horizontal nav							
	container div for header nav horizontal navigation

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

/*------------------------------------------*/
/* 	SUPPORT NAVIGATION (About us...)		*/
/*------------------------------------------*/

/* link styles */
/* BSOTY */
/* padding: 0 6px 0 3px; */
div.navHeader a:link, div.navHeader a:visited {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	display: inline;
	margin: 0;
	padding: 0 2px 0 2px;
	text-decoration: none;	}
div.navHeader a:hover, div.navHeader a:active { 	color: #FFF; text-decoration: underline; 	}		

	
/* container div for header horizontal navigation */
/* padding: 80px 0 0 30px; */
div.navHeader {
	text-align: right;
	float: left;
	height: 51px; 
	padding: 80px 0 0 16px;
	margin: 0;
	}

div.navHeadFirst, div.navHeadLast {
	height: 13px;
	margin: 0;
	padding: 0 4px 0 4px;
	border: 0;
	display: inline;
	text-align:left;
	}

/* inserts right vertical line between main nav items */
div.navHeadFirst
{
	border-right: solid 1px #FFF;
}

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

/*	NAV MAIN - horizontal nav							
	container div for main horizontal navigation

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

/* container div for main horizontal navigation */
div.navMain {
	width:	534px;
	height: 25px;
	padding: 6px 0 0 0;
	margin: 0 11px 5px 6px;
	/* margin: 6px 11px 5px 6px; */
	border-bottom: 6px solid #000;
	z-index:2;
	}
div.navMain a {	
	width:106px;
	border: 0;
	margin: 0;
	padding: 0;	
	display:block;
}

div.navMain a:link,  div.navMain a:visited {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	text-indent:10px;
}

div.navMainFirst, div.navMainMiddle, div.navMainLast, div.navMainFirstSel, div.navMainMiddleSel, div.navMainLastSel {
	height: 25px;
	width:106px;
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;
	text-align:left;
	line-height:25px;
	float:left;
	background-position: 0 0;
	}
	
div.navMainMiddle, div.navMainFirst, div.navMainMiddleSel, div.navMainFirstSel {
	border-right: solid 1px #FFF;
}

div.navMainFirst, div.navMainFirstSel, div.navMainFirst a:link, div.navMainFirst a:visited {
	background-image: url(images/navMain_First.jpg);	
	background-repeat: no-repeat;
	}
div.navMainMiddle, div.navMainMiddleSel, div.navMainMiddle a:link, div.navMainMiddle a:visited {
	background-image: url(images/navMain_Middle.jpg);	
	background-repeat: repeat;
	}
div.navMainLast, div.navMainLastSel, div.navMainLast a:link, div.navMainLast a:visited   {
	background-image: url(images/navMain_Last.jpg);	
	background-repeat: no-repeat;
}
	
div.navMain a:hover, div.navMain a:active {	
	color:#FFF;
	text-decoration:none;
}

div.navMainFirst a:hover, div.navMainFirstSel a:hover, div.navMainFirstSel {
	background-image: url(images/navMain_FirstSel.jpg); 
}
div.navMainMiddle a:hover,  div.navMainMiddleSel a:hover, div.navMainMiddleSel {
	background-image: url(images/navMain_MiddleSel.jpg);
}
div.navMainLast a:hover, div.navMainLastSel a:hover, div.navMainLastSel {
	background-image: url(images/navMain_LastSel.jpg);	
}


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

/* NAV LEFT - hierarchal navigation							*/
/* generated by XSL docs under root/admin/skins/NPBSMenu	*/

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

	IMPORTANT NOTE FOR LEFT NAV!!!	   
	The order matters! Please do not move or shuffle any of the following styles.

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

/* LEFT NAV CONTAINER		 */	
div.navLeft {
	width: 174px;
	float: left;
	display: inline;
	padding: 0;
	margin: 0 0 9px 4px;
	z-index:3;
	background-color: #000;
	text-align: left;
	clear:both;	
}

/*	HERO IMAGE - above left page navigation				*/
div.navHero {
	width:	174px;
	height: 93px;
	padding: 0 0 0 0;
	margin: 0 0 0 4px;
	display: block;
}

/* UL container */
div.navLeft ul {
            width: 174px;
            color:    #FFFFFF;
            margin: 0;
            padding: 0;
            border-bottom: 1px solid #fff;
            border-top: 1px solid #fff;
            }

/* standard for each list item */
div.navLeft ul li {
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
	list-style-type: none;	
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	font-size: 11px;	

	}


/***********************************/
/* LEVEL 2						   */
/***********************************/

/**** HAS CHILD - NOT SELECTED ****/
div.navLeft ul li.expand {
	display: block;	}

/* NORMAL & SELECTED */
div.navLeft ul li a:link, div.navLeft ul li a:visited,
div.navLeft ul li.expand a:link, div.navLeft ul li.expand a:visited  {
	display: block;
	position: relative;
	color: #CCCCCC;
	text-decoration: none;
/*	width: 174px;
	height: 26px; */
	width: 169px;
	padding: 5px 0 7px 5px;
	margin: 0;
	border-top: 1px solid #fff;
	background-image: url(images/nav2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;		}
	/* NO CHILD - add padding in place of arrow bullet */
	div.navLeft ul li a:link, div.navLeft ul li a:visited {
	padding-left: 17px;
	width: 157px;	}


/*	CURRENLTY NO STYLE FOR SELECTED!!!
	might consider white text. */
	
/* HOVER STATE  */
div.navLeft ul li a:hover, div.navLeft ul li a:active,
div.navLeft ul li.expand a:hover, div.navLeft ul li.expand a:active {
	display: block;
	color: #FFF;
	text-decoration: none;
/*	width: 174px;
	height: 26px; */
	width: 169px;
	overflow: hidden;
	padding: 6px 0 6px 5px;
	background-color: #333333;
	background-image: url(images/nav2.jpg);
	background-repeat: no-repeat;
	background-position: 0 -53px;	}
	/* NO CHILD - add padding in place of arrow bullet */
	div.navLeft ul li a:hover, div.navLeft ul li a:active {		
	padding-left: 17px;
	width: 157px; }

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

/* LEVEL 2, WHEN EXPANCED (HAS CHILD)  */

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

/**** L2 WHEN EXPANDED / SELECTED ****/
div.navLeft ul li.expanded,
div.navLeft ul li.expandSel {
	display: block;	}	
	
div.navLeft li.expanded a:link, div.navLeft li.expanded a:visited,
div.navLeft ul li.expanded a:hover, div.navLeft ul li.expanded a:active,
div.navLeft ul li.expandSel a:link, div.navLeft ul li.expandSel a:visited,
div.navLeft ul li.expandSel a:hover, div.navLeft ul li.expandSel a:active  {
	position: relative;
/*	width: 174px;
	height: 25px; */
	width: 169px;
	padding: 5px 0 7px 5px;
	font-weight: bold;
	color: #fff;
	border-top: 1px solid #fff;		
	background-image: url(images/navL2_beige.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;	}

/* HOVER */	
div.navLeft ul li.expanded a:hover, div.navLeft ul li.expanded a:active,
div.navLeft ul li.expandSel a:hover, div.navLeft ul li.expandSel a:active {
	position: relative;
	text-decoration: underline;
	background-position: 0 -53px;
	width: 169px;		
	padding: 6px 0 6px 5px;
	background-color: transparent;
	}
	div.navLeft ul li.expanded a:hover, div.navLeft ul li.expanded a:active,
	div.navLeft ul li.expandSel a:hover, div.navLeft ul li.expandSel a:active {}

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

/* LEVEL 3, NO CHILD			   	*/
/* only relevant to LEVEL3.XSL 		*/

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

/**** NOT SELECTED ****/

div.navLeft li.subitem3 { display: block; }	
	
/* NORMAL */
div.navLeft li.subitem3 a:link, div.navLeft li.subitem3 a:visited,
div.navLeft li.subitem3 a:hover, div.navLeft li.subitem3 a:active {
	display: block;
/*	width: 174px; */
	width: 157px;
	padding: 5px 1px 5px 16px;
	border-top: 1px solid #fff;
	color: #757064; /* beige */	
	background-color: #E6E6DF; /* light beige */
	background-image: none;	}	


/* HOVER */
div.navLeft li.subitem3 a:hover, div.navLeft li.subitem3 a:active { 
	background-color: #DDDDD5; /* med-light beige */	
	color: #504D45; /* beige */	
	text-decoration: underline; 
	}


/**** SELECTED ****/
div.navLeft ul li.subsel3 { 
	display: block;
	}

/* NORMAL/LINK */	
div.navLeft li.subsel3 a:link, div.navLeft li.subsel3 a:visited,
div.navLeft li.subsel3 a:hover, div.navLeft li.subsel3 a:active {
	color: #32302C; /* beige text style */	
	background-color: #E6E6DF; /* light beige */	
	padding: 5px 1px 5px 16px;
	display: block;	
	background-image: none;
	}


/* HOVER */	
div.navLeft li.subsel3 a:hover, div.navLeft li.subsel3 a:active {
	border-top: 1px solid #fff;	
	background-color: #DDDDD5; /* med-light beige */
	}


/************************************/
/* LEVEL 3, HAS CHILD			   	*/
/* only relevant to LEVEL3.XSL 		*/
/************************************/

/**** NOT SELECTED ****/

div.navLeft ul li.expand3 {
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;		}

/* NORMAL */	
div.navLeft li.expand3 a:link, div.navLeft li.expand3 a:visited,
div.navLeft li.expand3 a:hover, div.navLeft li.expand3 a:active {
	width: 167px;
	color: #fff;
	text-decoration: none;
	background-color: #B1AEA3; /* darker beige */
	background-image: none;
	padding: 5px 2px 6px 5px;	
	position: relative;
	}
	
/* HOVER */	
div.navLeft li.expand3 a:hover, div.navLeft li.expand3 a:active {
	text-decoration: underline;
	}

/**** SELECTED ****/

div.navLeft li.expandSel3 { 
	display: block;
	}

/*	NORMAL - same as not seleced hover */	
div.navLeft li.expandSel3 a:link, div.navLeft li.expandSel3 a:visited,
div.navLeft li.expandSel3 a:hover, div.navLeft li.expandSel3 a:active   {
	width: 167px;
	color: #fff;
	font-weight: bold;
	border-top: 1px solid #fff;
	padding: 5px 2px 6px 5px;
	background-image: none;
	background-color: #B1AEA3; /* darker beige */
	background-image: none;	
	}	
	
/*  HOVER*/	
div.navLeft li.expandSel3 a:hover, div.navLeft li.expandSel3 a:active  {	
	text-decoration: underline;
	}


/**** L3 WITH CHILD, WHEN L4 SELECTED - currenlty the same as expandSel3 (above) ****/
div.navLeft li.expanded3 {
	display: block;
		}

/* NORMAL */
div.navLeft li.expanded3 a:link, div.navLeft li.expanded3 a:visited,
div.navLeft li.expanded3 a:hover, div.navLeft li.expanded3 a:active  {
	width: 167px;
	color: #fff;
	font-weight: bold;
	border-top: 1px solid #fff; 
	background-image: none;
	background-color: #B1AEA3; /* darker beige */
	padding: 5px 2px 6px 5px;
	}	
	
/* HOVER */	
div.navLeft li.expanded3 a:hover, div.navLeft li.expanded3 a:active  {
	text-decoration: underline;
	}			




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

/*  STYLE FOR LEVEL 4 NAV  - ABOUT US		*/

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


/**** NOT SELECTED ****/

div.navLeft li.subitem4 {
	display: block;
	border-top: 1px solid #fff;
	}	

/* NORMAL & HOVER */
div.navLeft li.subitem4 a:link, div.navLeft li.subitem4 a:visited,
div.navLeft li.subitem4 a:hover, div.navLeft li.subitem4 a:active {
	width: 146px;
	padding: 5px 2px 5px 26px;
	color: #817C70; /* beige */	
	color: #fff;
	border-top: 0;	
	background-image: none;
	background-color: #C8C5BB; /* beige */
	position: relative;
	}	

/* HOVER */
div.navLeft li.subitem4 a:hover, div.navLeft li.subitem4 a:active {
	text-decoration: underline;
	}


/**** SELECTED ****/

div.navLeft li.subsel4 {	 
	display: block;		}	

/* NORMAL */
div.navLeft li.subsel4 a:link, div.navLeft li.subsel4 a:visited,
div.navLeft li.subsel4 a:hover, div.navLeft li.subsel4 a:hover {
	width: 146px;
	padding: 5px 2px 5px 26px;
	color: #000;
	border-top: 1px solid #fff;
	background-color: #C8C5BB; /* beige */
	background-image: none;		}

/* HOVER */	
div.navLeft li.subsel4 a:hover, div.navLeft li.subsel4 a:hover {
	text-decoration: underline;
}


/* BULLET - not selected (right) */
img.nav_bullet1 {
	border: none;
	margin: 2px 5px 3px 3px;
	float: left;
	}
	
/* BULLET (img)- selected (down) */
img.nav_bullet2 
{
	float: left;
	border: none;
	padding: 4px 3px 5px 2px;
	margin: 0;
	}	


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

	PAGE BANNERS - with icons
	encapsulates the page banner image

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

div.PageBanner {
	width:358px;
	height:93px;
	padding: 0;
	margin:0 0 1px 5px;
	display:block;
	float:left;
	background-repeat: no-repeat;
	position: relative;
}

div.PersonalBanner { background-image:  url("images/banner_personal.jpg"); }
div.BusinessBanner { background-image:  url("images/banner_business.jpg"); }
div.InvestingBanner { background-image:  url("images/banner_investing.jpg"); }
div.CommunityBanner { background-image:  url("images/banner_community.jpg"); }
div.AboutUsBanner { background-image:  url("images/banner_aboutus.jpg"); }
div.CareersBanner { background-image:  url("images/banner_careers.jpg"); }
div.ContactBanner { background-image:  url("images/banner_contact.jpg"); }
div.HelpBanner { background-image:  url("images/banner_help.jpg"); }
div.SecurityBanner { background-image:  url("images/banner_security.jpg"); }
div.PrivacyBanner { background-image:  url("images/banner_privacy.jpg"); }
div.AboutWebsiteBanner { background-image:  url("images/banner_aboutwebsite.jpg"); }
div.SiteBanner { background-image:  url("images/banner_sitemap.jpg"); }



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

	LEFT COLUMN - 
	encapsulates the left nav and hero image

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

.leftColumn {
            display:inline;
            float:left;
            padding: 0 0 9px 0;
}
	

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

	CONTENT PANE
	for personal, business, investing, community 

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

div.contentPane, div.CommunityContentPane{ 
/* total width 374px */
	width: 363px;
	color:#666666;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 5px;
	display: inline;
	position: relative;
	z-index:1;	
	}

	div.contentPane:after {
	content:"";
	display:block;
	clear:both; 	}
	* html div.contentPane { height:1px;	}
	

div.contentPaneMap { 
/* total width 374px */
	width: 363px;
	color:#666666;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 5px;
	display: inline;
	position: relative;
	z-index:1;	
	}


div.CommunityContentPane
{
	padding-bottom:4px;
}
		
div.AdminContentPane 
{
	width:700px;
	min-height:400px;
	margin:20px 0 0 20px;
	
}	
/********************************************************/

/*	RIGHT PANE - internet banking, etc					*/

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

div.rightPane {
	float: right;
	width: 180px;
    /* top left arch */
	background-image: url(images/rightPane_bg1.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: Transparent;
	margin: 0 8px 0 0;
	padding: 7px 0 20px 0;
	display: inline;
	position: relative;
	z-index: 3;
}

div.rightPane p {
	margin: 0;
	padding: 0;
}	


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

	LEFT PANE

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

div.leftPane
{
	width:172px;
	position:relative;
	margin: 0 auto;
	margin-left:4px;
	display: inline;
	padding:0;
	clear:both;
	float:left;
	vertical-align:top;
	text-align: center;

}

div.leftPane p img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div.leftPane img 
{
	padding: 0;
	margin: 5px auto 5px auto;
	text-align: center;
}


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

	Community Advertising Panes

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

div.midColumn
{
	width:363px;
	padding:0;
	margin:0;
	display:inline; 
	float:left;
		
}

div.adPanes
{
	margin:0 0 0 2px;
	padding-left:3px;
	display:inline;
	float:left;
}

div.adPane
{
	width: 175px;
	height:100px;
	margin:2px 2px 2px 2px;
	padding:0;
	display:inline;
	float:left;
}

div.commNewsPane
{
	/*height:122px;*/
	width:363px;
	margin:8px 0 0px 4px;
	padding-bottom:7px;
	display:inline;
	float:left;
}


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

	SITE MAP - styling for lists, sublist etc

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

/* true width 363px */
div.SiteMap  {
	width: 363px;
	height: auto;
	background-color: #FFFFFF;
	padding: 15px 0 5px 0; 
	margin: 0;
	text-align: left;
	float: left;
	}

div.SiteMap p {
	color: #000000;
	margin: 5px 10px 10px 20px;
	padding: 0;
	font-size: 100%;
	line-height: 135%;
	}	


div.SiteMap h1 {
	color: #000000;
	padding: 15px 10px 0 20px;
	margin: 0 0 8px 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 125%;
	}
	
div.SiteMap h2 {
	color: #000000;
	padding: 15px 10px 0 20px;
	margin: 0 0 8px 0px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 125%;
	}	

div.SiteMap ul {
	color: #000000;
	margin: 0 10px 25px 30px;
	padding: 0;
	line-height: 135%;
	list-style-type: none;
	}

/* 1ST LEVEL */	
div.SiteMap ul li {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	list-style-type: none;
	background-image: url(images/arrowlist.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding: 2px 0 0 10px;
	margin: 0 0 7px 2px;
	}

div.SiteMap ul li a:link, div.SiteMap ul li a:visited 
{
	font-size: 14px;
}

/* 2ND LEVEL */	
div.SiteMap ul ul li {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	list-style-type: none;
	background-image: url(images/arrowlist.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding: 0;
	margin: 5px 0 0 -30px;
	}	
div.SiteMap ul ul li a:link, div.SiteMap ul ul li a:visited {
	font-size: 12px;
	font-weight: normal;
	padding: 2px 0 3px 10px;
	margin: 0 0 7px 2px;
	}

/* 3RD LEVEL */	
div.SiteMap ul ul ul li {
	font-size: 12px;
	color: #000;
	list-style-type: square;
	background-image: none;
	padding: 0;
	margin: 5px 0 0 0;
	}	
div.SiteMap ul ul ul li a:link, div.SiteMap ul ul ul li a:visited {
	font-size: 11px;
	font-weight: normal;
	padding: 2px 0 3px 7px;
	margin: 0 0 7px 2px;
	}

/* 4TH LEVEL */	
div.SiteMap ul ul ul ul li {
	font-size: 12px;
	color: #000;
	list-style-type: circle;
	background-image: none;
	padding: 2px 0 0 10px;
	margin: 0 0 7px 2px;
	}	

/********************************************************
 --------------------------------------------------------

	Charitiable Foundation PORTAL - styles specific only to Charitiable Foundation
	portal. Other styles in this doc are used on Charitiable Foundation.
	(also refer to container.css)

---------------------------------------------------------
*********************************************************/

div.cfstrapline {
	height: 20px;
	padding: 0;
	margin: 0;
	}

div.cfstrapline img {
	border: 0;
	padding: 0 0 0 0;
	margin: 80px 18px 0 270px;  }


	
/* Leaderboard on Charitiable Foundation PORTAL HOME */	
div.CharitableFoundationLeaderboard	 {
	width: 547px;
	height: 211px;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
	z-index: 2; }


/********************************************************
 --------------------------------------------------------

	CAREERS PORTAL - styles specific only to careers
	portal. Other styles in this doc are used on careers.
	(also refer to container.css

---------------------------------------------------------
*********************************************************/

div.blockMidCareers {
	width: 552px;
	float: left;
	position: relative;
	margin: 0 0 7px 0;
	padding: 0;
	z-index:2;
	}
	
/* Leaderboard on CAREERS PORTAL HOME */	
div.CareersLeaderboard	 {
	width: 547px;
	height: 158px;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
	z-index: 2; }
 
 div.CareersHomeStrapline {
 	height: 42px;
	width: 547px;
	float: left;
	clear: both;
	position: relative;
	 }
 

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

	Cinema under the stars

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

/* top, right of flash leaderboard */
div.rightPaneCinemaHome {
	float: left;
	width: 180px;
	height: 158px;
    /* top left arch */
	background-image:  url(images/CareersRightBGhome.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: Transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	z-index: 3;
}

/* HEADER ROW FOR EACH NAV PANE */
div.CinemaNavHomeHD {
	width: 181px;
	height: 23px;
	background-color: #000000;
	text-align: left;
	padding: 0;
	margin: 0;
	z-index: 99;
	position: relative;
	}

 
div.CinemaNavHomeHD h1 { 
	color: #fff;
	padding: 5px 0 0 7px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	z-index: 100;	
	}
	
	/* TOP ARC */
div.CinemaHomeNavTop {
	width: 100px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 102;
	background-image: url(images/CinemaHomeNavTop.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0;
	margin: 0;
	}
	


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

	CAREERS HOME NAV - 6 navigation items with bg image
	uses 'header advertisement' module *PENNY TO UPDATE*

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

/* CONTAINER DIV */
div.CareersHomeNavCont {
	width: 552px;
	position: relative;
	z-index: 3;
	height: 234px;
	float: left;	
	display: block; }

/* TOP ARC */
div.CareersHomeNavTop {
	width: 100px;
	height: 20px; 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 102;
	background-image: url(images/CareersHomeNavTop.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0;
	margin: 0;
	}
	
/* BOTTOM ARC */
div.CareersHomeNavBot {
	width: 8px;
	height: 10px;
	position: relative;
	bottom: 10px;
	right: 5px;
	float: right;
	z-index:103;
	background-image: url(images/CareersHomeNavBot.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 0;
	margin: 0;
	/* fix for IE bug if odd number of pixels for bottom align */	
	_bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1);	
	}
	 
/* HOME NAV - container for first row of 3 panes */
div.CareersHomeNavPaneL1 {
	float: left;
	width: 547px;
	height: 116px;
	position: relative;
	padding: 0;
	margin: 0;
	background-color: #EFEAE3;
	border-top: 1px solid #000;
	z-index: 3;
 }


	
		
/* HOME NAV - container for second row of 3 panes */
div.CareersHomeNavPaneL2 {
	float: left;
	width: 547px;
	height: 116px;
	position: relative;
	padding: 0;
	margin: 0;
	background-color: #EFEAE3;
	border-bottom: 1px solid #000;	
	}

	
/* HOME NAV CONTAINER, generic styles for all 6 blocks */
div.CareersHomeNavBlock {
	background-color: #EFEAE3;	
	float: left;
	position: relative; 
	z-index: 3;
	/* display: inline;*/
	}

	/* HOME NAV CONTAINER, settings for each nav block */
	div.CareersHomeNavBlock1a {
		width: 181px;
		height: 116px;
		margin: 0;
		padding: 0;
		background-image: url(images/CurrentOpp.jpg);
		background-repeat:no-repeat;
		background-position: 0px 23px;
		border-left: 1px solid #000; }
	div.CareersHomeNavBlock1b {
		width: 181px;
		height: 116px;
		margin: 0;
		padding: 0;	
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;	}
	div.CareersHomeNavBlock1c {
		width: 181px;
		height: 116px;
		margin: 0;	
		padding: 0;
		background-image: url(images/WhatWeOffer.jpg);
		background-repeat:no-repeat;
		background-position: 0px 23px;
		border-right: 1px solid #000;		}

	div.CareersHomeNavBlock2a {
		width: 181px;
		height: 116px;
		margin: 0;
		padding: 0;
		border-left: 1px solid #000;	}
	div.CareersHomeNavBlock2b {
		width: 181px;
		height: 116px;
		margin: 0;
		padding: 0;
		background-image: url(images/Testimonials.jpg);
		background-repeat:no-repeat;
		background-position: 0px 23px;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;			
		/*background-color: yellow;*/	}
	div.CareersHomeNavBlock2c {
		width: 181px;
		height: 116px;
		margin: 0;	
		padding: 0;
		border-right: 1px solid #000; }
		

/* CONTAINER.CSS - set style for container CareersHomeNav */
div.CareersNavHome {
	background-position: right top;
	background-repeat: no-repeat;
	width: 181px;
	height: 92px;
	margin: 0;  	/* margin can be removed but image should be 1px taller */
	padding: 0;
	position: relative;
	z-index: 3; }
	
	div.CareersNavHome p {
	font-size: 11px;
	font-family: Verdana, Arial, Tahoma, Sans-Serif;
	/*font-weight: bold;*/
	padding: 7px 3px 3px 7px;
	color: #000; }

	div.CareersNavHome a:link, div.CareersNavHome a:visited {
	color: #000000;
	text-decoration: none;
	padding: 0 0 0 10px;
	font-weight: bold;
	background-image: 	url(images/arrowlist.gif);
	background-repeat: no-repeat;
	background-position: 0 2px; 
	position: absolute;
	bottom: 14px;
	left: 10px;
	
	}


/* HEADER ROW FOR EACH NAV PANE */
div.CareersNavHomeHD {
	width: 181px;
	height: 23px;
	background-color: #BFB7AB;
	text-align: left;
	padding: 0;
	margin: 0;
	z-index: 99;
	position: relative;
	}

	div.CareersNavHomeHD h1 { 
	color: #fff;
	padding: 5px 0 0 7px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	z-index: 100;	
	}
		
/********************************************************

	CINEMA PANE / MAIN NAV

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

	/* HOME NAV CONTAINER, settings for each nav block */
	div.CinemaHomeNavBlock1a {
		width: 181px;
		height: 116px;
		margin: 0;
		padding: 0;
		background-repeat:no-repeat;
		background-position: 0px 23px;
		border-left: 1px solid #000; }
	div.CinemaHomeNavBlock1b {
		width: 181px;
		height: 116px;
		margin: 0;
		padding: 0;	
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;	}
	div.CinemaHomeNavBlock1c {
		width: 181px;
		height: 116px;
		margin: 0;	
		padding: 0;
		background-repeat:no-repeat;
		background-position: 0px 23px;
		border-right: 1px solid #000;		}
	div.CinemaHomeNavBlock2a {
		width: 181px;
		height: 116px;
		margin: 0;
		padding: 0;
		border-left: 1px solid #000;	}
	div.CinemaHomeNavBlock2b {
		width: 181px;
		height: 116px;
		margin: 0;
		padding: 0;
		background-repeat:no-repeat;
		background-position: 0px 23px;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;			
		/*background-color: yellow;*/	}
	div.CinemaHomeNavBlock2c {
		width: 181px;
		height: 116px;
		margin: 0;	
		padding: 0;
		border-right: 1px solid #000; }
		
/********************************************************

	RIGHT PANE / MAIN NAV - BACKGROUND 

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

/* top, right of flash leaderboard */
div.rightPaneCareersHome {
	float: left;
	width: 180px;
	height: 158px;
    /* top left arch */
	background-image: url(images/CareersRightBGhome.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: Transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	z-index: 3;
}

div.CareersHomeAds {
	width: 100%;
	margin: 20px auto;
	text-align: center;
	padding: 30px 0 0 0;
	z-index: 5; }
	
div.CareersHomeAds img {
	text-align center;
	margin: 0 10px;
	border: 0;
	}	

/* top, right of flash leaderboard */
div.rightPaneCareers {
	float: left;
	width: 180px;
	height: 158px;
    /* top left arch */
	background-image: url(images/CareersRightPaneBG.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: Transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	z-index: 3;
}

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

	NAV CAREERS - single level only						
	used for all careers pages except home

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

/* nav container */
div.navCareers {
	width: 170px;
	height: 148px;
	margin: 0 auto;
	text-align: center;
}

/* list container */
div.navCareers ul li {
	text-align: left;
	list-style-type: none;	
	font-size: 12px;
	width: 170px;
	margin: 0;
	padding: 0;
	display: block;
	}

/* normal state for middle nav items */
div.navCareers ul li a:link, div.navCareers ul li a:visited {
	font-size: 11px;
	color: #fff;
	display: block;
	width: 170px;
	line-height: 17px;
	padding: 3px 0 3px 0;	
	text-indent: 22px;
	text-decoration: none;	
	border-bottom: 1px solid #D0CCC4;
	background-image: url(images/CareersNavArrow.gif);
	background-repeat: no-repeat;
	background-position: 9px 7px;	} /* left top */	
	
	/* normal state for first/top nav item */
	div.navCareers ul li.expandFirst a:link, div.navCareers ul li.expandFirst a:visited {
	line-height: 20px;
	margin: 5px 0 0 0;	 }
	
	/* normal state for last/bottom nav item */
	div.navCareers ul li.expandLast a:link, div.navCareers ul li.expandLast a:visited {
	border-bottom: none;
	line-height: 19px;	 }	

/* mouse-over state for middle nav items */
div.navCareers ul li a:hover, div.navCareers ul li a:active {
	color: #000;
	background-image: url(images/CareersNavOver.jpg);
	background-repeat: repeat-y; 
	background-position: 0 0;
	} 	
	
	/* mouse-over state for top nav item */
	div.navCareers ul li.expandFirst a:hover, div.navCareers ul li.expandFirst a:active {
	background-image: url(images/CareersNavOverTop.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: 20px;
	margin-top: 5px;		
	}
	
	/* mouse-over state for bottom nav item */
	div.navCareers ul li.expandLast a:hover, div.navCareers ul li.expandLast a:active {
	background-image: url(images/CareersNavOverBot.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	line-height: 19px;
	border-bottom: none;
	}	

	
/****** CONTENT CONTAINERS & STYLES ******/
div.CareersContentContainer, div.CareersContentContainerNGA {
	width: 745px;
	height: auto;
	padding: 0 0 0 0; 
	margin: 0 0 0 25px;
	background-image: url(images/CareersContent.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	position: relative;
	text-align: left;
	clear: none;
 }
	
	div.CareersContentContainer:after {
	content:"";
	display:block;
	clear:both; }
	* html div.CareersContentContainer { height:1px;	}
	
	div.CareersContentContainerNGA:after {
	content:"";
	display:block;
	clear:both; }
	* html div.CareersContentContainerNGA { height:1px;	}	

	/* SPECIFIC TO NGA template */
	div.CareersContentContainerNGA {
	background-image: url(images/CareersContentNGA.jpg);
	}
	
	div.CareersContentPane, div.CareersContentPaneNGA {
	width: 729px;
	padding: 20px 0 24px 0; 
	margin: 0 1px 0 7px;
	text-align: left;
	font-size: 11px;
	z-index: 3;
	position: relative;
	clear: none;
	 }
	 
		
	div.CareersTopCurve, div.CareersTopCurveNGA {
	position: absolute;
	top: 0;
	left: 0;
	width: 745px;
	height: 20px;
	background-image: url(images/CareersContentTop.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 4;
	}

	/* SPECIFIC TO NGA template */
	div.CareersTopCurveNGA {
	background-image: url(images/CareersContentTopBG.jpg);	}
	
	div.CareersBottomCurve, div.CareersBottomCurveNGA {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 745px;
	height: 24px;
	margin: 0;
	background-image: url(images/CareersContentBottom.jpg);
	background-position:  right bottom;
	background-repeat: no-repeat;
	z-index: 100;
	/* fix for IE bug if odd number of pixels for bottom align */	
	_bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1);
	}
	/* SPECIFIC TO NGA template */
	div.CareersBottomCurveNGA {
	background-image: url(images/CareersContentBottomBG.jpg);
	}

	/****** NGA SUB NAV - specific to NGA ******/
	div.NGAnav {
	width: 700px;
	height: 23px;
	margin: 0;
	/* use padding, not margin for x-browser */
	padding: 0 0 0 30px;
	float: left;
	text-align: left;
	clear: both;
	position: relative;	}
	
	div.NGAnav ul {
	height: 19px;
	width: 700px;
	text-align: left;
	padding: 4px 0 0 5px;
	margin: 0; }

	div.NGAnav ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0 4px 0 8px;
	margin: 0;
	display: inline;
	list-style-type: none;
	background-image: url(images/CareersNGAspacer.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	}
	div.NGAnav ul li.NGAnavFirst {
 	background-image: none; }


	div.NGAnav ul li a:link, div.NGAnav ul li a:visited {
	color: #a69f98;
	text-decoration: none;	}
	div.NGAnav ul li a:hover, div.NGAnav ul li a:active {
	color: #716962;
	text-decoration: underline;	}
	
	
/****** NGA CAREERS CONTENT STYLING ******/	

div.CareersContentPaneNGA p {
	width: 660px;
	margin: 5px 15px 20px 29px;
	}	

/* PAGE TITLE */
div.CareersContentPaneNGA h1 {
	background-image:  url("Images/LargeGreyArrow.gif");
	background-repeat: no-repeat;
	background-position: 11px 3px;
	padding: 2px 0 8px 29px;
	margin: 0;
	color: #A69f98;
	font-size: 14px;
	font-weight: bold;
	}	

div.CareersContentPaneNGA table {
	width: 100%;  }	


div.CareersContentPaneNGA table tr th {
	background-color: #aca293; 
	height: 20px;
	color: #fff;
	vertical-align: middle;
	text-align: left;
	padding: 4px 6px 4px 8px;
	border-right: 1px solid #fff;
	white-space:  nowrap;	
	}	

div.CareersContentPaneNGA table tr td {
	color: #000;
	background-color: #E9E3DD; 
	height: 20px;
	vertical-align: top;
	text-align: left;
	padding: 6px 4px 6px 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	}		

/* remove border right in table cells */	
div.CareersContentPaneNGA table tr th.end,
div.CareersContentPaneNGA table tr td.end {
	border-right: none; }
		
div.CareersContentPaneNGA table tr td ul li{
	color: #000;
	padding: 2px 2px 2px 0;
	list-style-type: disc;
	margin: 0 0 0 16px;
	}		
	
/****** NPBS CAREERS CONTENT STYLING - refer to container.css ******/	
		
div.CareersAdPanel {
	width: 178px;
	height: 105px;
	/*background-color:#FF66CC;*/
	position: absolute;
	top: 6px;
	right: 9px;
	z-index: 102;
	padding: 15px 0 20px 0; 
	text-align: center;
	margin: 0 auto;
	clear: both;
	}

div.CareersTeaserPanel {
	width: 178px;
	height: 200px;
	background-color: transparent; 
	position: absolute;
	top: 170px;
	right: 9px;
	z-index: 102;
	padding: 0;
	text-align: center;
	margin: 0;
	}
	


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

/*	FOOTER CHANNEL 			*/

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

/* div.navFooter USED FOR ADMIN CONTROLS */

#footerMenu, div.footerMenu, div.footer2 {
	width: 758px;
	text-align: right;
	margin: 0 auto 2px auto;
	}

div.footerMenu {
	padding: 3px 12px 3px 0;
	}

div.adminSpacer
{
	height:400px;
	display:inline;
	float:left;
}
/* Facebook styles */
div.FooterMenuFacebookLinks
{
	text-align: right;
	color: #FFF;
	font-size: 10px;
	text-align: right;
	position: relative;
	display: block;
	margin: 0 auto;
	z-index: 1000;
	clear: both;
	padding: 14px 4px 3px 0;
}
div.FooterMenuFacebookLinks a, div.FooterMenuFacebookLinks a:link, div.FooterMenuFacebookLinks a:visited {
	color:#FFF;
	text-decoration: underline;
}
div.FooterMenuFacebookLinks a:hover {
	color: #666;	
}
div.FooterMenuFacebookInfo{
	text-align: right;
	color: #FFF;
	font-size: 10px;
	text-align: right;
	position: relative;
	display: block;
	margin: 0 auto;
	z-index: 1000;
	clear: both;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom:5px;
}
div.FooterFacebookLink img
{
	vertical-align:middle;
}

div.FooterFacebookLink
{
	color: #FFF;
	font-size: 12px;
	float:left;
	padding-top: 10px;
	font-family: Verdana, Arial, Tahoma;
}
div.FooterFacebookLink a, div.FooterFacebookLink a:link, div.FooterFacebookLink a:visited {
	color:#FFF;
	text-decoration: underline;	}
}
div.FooterFacebookLink a:hover {
	color: #666;	
} 
img.FooterFacebookLink
{
	vertical-align:middle;
	margin: 0 4px 0 0;
}

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

	GLOBAL MODULE STYLES

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

/* refer to container.css */
div.divlineblack {}


/* This controls the top administrative menu when it is displayed. */
.controlpanel {
	width: 100%;
	background-color: #dfe5f2;
	z-index: 1000;
	position:relative;
}

div.LeftColCover
{
	height:100px;
	width:174px;
	background-color:Green;
	margin: 3px 0 0 4px;
	padding:0;
	z-index:4;
	display:inline-block;
}

div.blackbg {
    height: 4px;
    background-color: #000;
	width: 174px;
	float: left;
	display: inline;
	padding: 0;
	margin: 0 0 0 4px; 
	clear: both;
	z-index: 999;   }



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

div.printonly { display: none; }
div.footerPrint { display: none; }
div.printText { display: none; }
} 

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

body { 
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: white;
  font-family: Verdana, Arial, Tahoma;
  font-size: 12pt; 
  }
  
html {  
  background: white;
  font-family: Verdana, Arial, Tahoma;
  font-size: 12pt; 
}

/* HIDE THESE REGIONS */
.newcastle_permanent, 
.masthead, 
.headbanner, 
.NPBSlogo, 
.headSearch, 
.strapline, 
.blockLeft, 
.navLeft, 
.navMain,
.InternetBanking, 
.rightPane, 
.DNNuserlogin, 
.controlpanel,
.col, .one, .two, .three,
.AdminBlockMid,
/* Had to remove this so that the VersionManager could be printed
 * in the Content Manager Module.
.AdminContentPane,*/
.navHeader,
.PageBanner,
.HomeContentPane,
.LeftPane,
.VersionManager,
.rightPaneCareers,
.navCareers,
.CareersLeaderboard,
.CareersAdPanel,
.CareersTeaserPanel
 	{ display: none; }
 	
/* PRINT PAGE HEADER */ 	
div.printonly { 
	width: auto;
	height: 98px;
	margin: 0 0 3px 0;
	padding: 0;
	clear: both;
	border-bottom: 3px solid #000;
	}
	img.printlogo { 
	    float: left;
	    padding: 0 0 0 0;
	    margin: 0 0 0 0;
	    width: 197px;
	    height: 93px;
	    display: block;
	    position: relative;}
	img.printCFlogo { 
	    float: left;
	    padding: 0 0 0 0;
	    margin: 21px 0 0 0;
	    width: 177px;
	    height: 71px;
	    display: block;
	    position: relative; }	    
	img.printcalltoday { 
	    float: right;
	    padding: 0 0 0 0;
	    margin: 50px 0 0 0;
	    width: 172px;
	    height: 36px;
        display: block;
	    position: relative;	    }

 div.printText	{ 
        font-size: 9pt;
        font-weight: bold;
        letter-spacing: 1pt;
        text-transform: uppercase;
        color: #000;
        text-align: center;
        clear: both; 
        width: auto; }
        
 img.printHereForCommunity { 
	    float: right;
	    margin: 75px 0 0 0;
        display: block;
	    position: relative; }
	    
 img.printlogoCommunity {
   	    margin: 38px 0 0 0; 
	    float: left;
	    display: block;
	    position: relative;
	    height: 50px;
	    width: 146px; }

/* HOME nav items containers */
div.HomeNavPane { 
    width: 100%;
    margin: 0;
    padding: 0;}
    
div.NavPane { 
    width: 25%;
    margin: 0;
    padding: 0;
    display: inline;
	float: left;
	clear: none; }

div.navHero {
    float: right;
    clear: none;
    padding: 0 0 10px 10px;
    margin: 0 0 10px 10px;
    display: inline;
    position: relative;
    width: 184px;
    }
    img.navHero { 
    padding: 10px;
    margin: 0;
    width: 174px;
    }

   
    
/* END PRINT ONLY STYLES */
}





















/* Public Web Reskin changes 
----------------------------------------*/
div.NPBSlogo img {
	border: 0;
	/*margin: 42px 0 0 44px; Changed for new logo 11/6/2008*/
	/*margin: 52px 0 0 44px; Changed for 110 Years Logo 18/02/2013 */
	margin: 49px 0 0 25px;
	padding: 0;
	}

div.NPBSlogo a  {
	margin: 49px 0 0 0;}

div.headSearch {
	text-align: left;
	width: 170px;
	height: 95px;
	float: right;
	padding: 36px 0 0 0;
	margin: 0; }


div.headbanner .headSearch .submitarrow {
	padding: 0 0 0 0;
	margin: 0 0 0 3px;
	border: 0;
	display: inline;	
	}	


/*container for 5 panes */
div.HomeNavPane {
	float: left;
	width: 740px;
	/* PENNY 24/7 */
	height: 170px;
	/*display: inline;*/
	clear: both;
	position: relative;
	padding: 0;
	margin: 2px 0 3px 0;
 }

/* Leaderboard on home */	
div.HomeContentPane	 {
	width: 740px;
	height: 215px;
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 2px 0;
	float: left;
	z-index: 2;
}
		
/* HeaderBanking rules 
--------------------------------------------*/

div.HeaderBankingPane{
	position:relative;
	margin:8px 5px 0 0;
	width: 350px;
	height: 90px;
	float:right;
}

div.HeaderBanking{
	height:30%;
}		
		
div.HeaderBankingIcons {	
	height:10px;
	margin:23px 0 14px 0;
	color:white;
	font-weight: bold;
	vertical-align:top;
}

div.HeaderBankingIcons ul {
	list-style-type:none;
}

div.HeaderBankingIcons ul li {
	display: inline;
}

.HeaderBankingIcons > ul > li > a:link,a:visited,a:hover {
	outline: none;
	text-decoration:none;
}

.HeaderBankingIcons > ul > li > a > span {
	color:#FFFFFF;
}


#HeaderBankingBSB{
	vertical-align:top;
	position:relative;	
	min-width:25px;
	min-height:11px;
	display: inline-block;
	padding: 0 0 0 28px;
	margin: 0 0 0 55px ;										
				/*	25x11	*/
	background: url("/Portals/_default/Skins/NPBS/images/bsb_header.png") left bottom no-repeat;
}

#HeaderBankingPhone{
	vertical-align:top;
	position:relative;	
	min-width:10px;
	min-height:15px;
	display: inline-block;
	padding: 0 0 0 14px;
	margin: 0 0 0 17px ;										
				/*	10x15	*/
	background: url("/Portals/_default/Skins/NPBS/images/phone_header.png") left center no-repeat;
}

#HeaderBankingLocate{
	vertical-align:top;
	position:relative;	
	min-width:10px;
	min-height:16px;
	display: inline-block;
	cursor:hand;
	padding: 0 0 0 14px;
	margin: 0 10px 0 17px ;										
				/*	10x16	*/
	background: url("/Portals/_default/Skins/NPBS/images/locatepin_header.png") left center no-repeat;
}

#dnn_NPBSHeaderIB_HeaderBankingPersonal {
	background: url("/Portals/_default/Skins/NPBS/images/ib_personal.png") left center no-repeat;
 }

 #dnn_NPBSHeaderIB_HeaderBankingPersonal:hover{
	background: url("/Portals/_default/Skins/NPBS/images/ib_personal_hover.png") left center no-repeat;
 }
 
#dnn_NPBSHeaderIB_HeaderBankingBusiness {
	background: url("/Portals/_default/Skins/NPBS/images/ib_business.png") left center no-repeat; 
 }
 
#dnn_NPBSHeaderIB_HeaderBankingBusiness:hover {
	background: url("/Portals/_default/Skins/NPBS/images/ib_business_hover.png") left center no-repeat; 
 }
 
 
div.HeaderBankingIB {
	width:350px;
	height:inherit;
	margin: 5px 0 0 0; 
	float:right;
}

.HeaderBankingLabel {
	height:24px;
	width:150px;
	margin: 1px 0 0 0;
	text-align:center;
	float:left;
	
	font-size:12px;
	font-weight: bold;
	color:white;
}

#HeaderBankingPadlock{
	position:relative;
	top:1px;
}

#HeaderBankingPadlockLabel{
	display:inline-block;
	padding: 3px 0 0 0;
	font-size:12px;
}

.HeaderBankingButtons {
	float:left;
	width:89px;
	height:27px;
}	
	
div.HeaderBankingLinks  {
	text-align: center;
	color:white;
	float:right;
	width: 150px;
	margin: 5px 41px 0 0;
}	

div.HeaderBankingLinks ul li  {
	padding: 0 0 0 10px; 
	display: inline;
	list-style-type:none;
	text-align:center;
}	

div.HeaderBankingLinks li  {
	font-size:10px;
}

div.HeaderBankingLinks li a {
	font-size:10px;
}

.HeaderBankingLinksList li a:link {
	color: #cfcfcf;
	text-decoration:none;
}	

.HeaderBankingLinksList li  a:hover{
	text-decoration: underline;
}

.HeaderBankingLinksList li  a:visited{
	color: #cfcfcf;
}	

 /*-------------------------------------*/

div.AdNewsBlock {
	width: 740px;
	height: 124px;
	float: left;
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0;
	padding: 0 0 0 0;
	clear: both;
	}


/*--------------------------------------------
		NavSearch rules 
/* ---------------------------------------- */	
	
div.NavSearch {
	height:25%;
	padding: 8px 0 0 0;
	border: 0;
	text-align:center;
	}	
	
	div.NavSearch .search {
	height: 23px;
	width:140px;
	vertical-align:center;
	margin:4px 0 0 6px;
	float:left;
	background-color:#EEEEEE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	line-height:23px;
	vertical-align: middle;
	padding: 0 0 0 7px;
	}	
	
	
	div.submitButtonImage {
	display:inline;
	position:absolute;	
	right:332px;
	}		
	
	div.NavSearch .submitarrow {
	display:inline;
	position:absolute;	
	top:11px;
	right:3px;
	}	
	
	/* Handles specifics for each skin search */
	
	div.rightPane .NavSearch{
	height:40px;
	}
	
	div.rightPane .NavSearch .submitarrow {
	display:inline;
	position:absolute;	
	top:18px;
	right:6px;
	}	

	
/* Quicklinks rules 
----------------------------------------*/
div.NavSearchQuicklinks {
	width: 180px;
	height: 170px;
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
	border: 0;
	float: left;
	display: inline;
	position: relative;
	background-image: url("/Portals/_default/Skins/NPBS/images/L3_textteasersTop.jpg"); 
	}	

	div.NavQuicklinks {
	padding: 0 5px 0 5px ;
	height:60%
	}	
	
	.QuicklinkTitle {
	padding: 4px 0 7px 0;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	}
		
	.QuicklinksContainer ul {
	padding:0 2px 0 0 ;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#F9F9F9;
	}

	.Quicklink {
	display:block;
	width:0px;
	font-weight: bold;
	list-style-type:none;
	padding:0 0 0 0;
	border-bottom: 1px solid #E2E2E2;
	font-size:10px;
	}	
	
	
	.Quicklink a {
	display:block;
	font-size:11px;
	width:157px;
	margin:0 2px 0 5px ;
	padding: 6px 0 6px 2px ;
	font-weight: bold;
	list-style-type:none;
	text-decoration: none;
	text-align:left;
	background: url("/Portals/_default/Skins/NPBS/images/quicklink_arrow.png") right center no-repeat;
	}	
	
	.Quicklink:hover{
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:0.6;
	text-decoration: underline;
	}
	
	.Quicklink a:hover{	
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
	filter: alpha(opacity=60);				
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:0.6;
	text-decoration: underline;
	}
	
	.Quicklink a:link {
	color: #333333;
	}	

	/*
	.Quicklink a:visited{
	color: #717171;
	text-decoration:none;
	}	
	*/
		
	#QuicklinkEnd {
	border-style: none;
	}	

/* ---------------------------------------- */	
	
	div.CharitablePanelHome {
	width: 180px;
	height: 112px;
	padding: 7px 0 0 6px;
	margin: 5px auto 0 0;	
 	float: right; 
	text-align: center; 
	}
	

/* SuperFooter rules 
--------------------------------- */

div.FooterLayout
{
	width:770px;
	margin: 0 auto;
	padding-bottom:12px;
}

div.FooterNPBSLayout {
	width:770px; 
	margin:15px 0 0 0;
	}

div.footerPane {
	color: #C3C3C3;
	float:left;
	width: 20%;
	height:10%;
}

div.footerPaneBottom {
	padding: 0 0 0 0px;
	position:relative;
	float:left;
}

div.footerPaneLogo  {
	position:relative;
	bottom:10px;
	margin: 0 0 0 10px;
}

div.footerPaneLogo  p{

	text-align:center;
	outline:none;
	font-weight: bold;
}

div.footerPaneLogo  img{
	font-weight: bold;
	margin: 10px 15px 0 15px;
}

div.footerPaneIcon  {
	display:inline;
	margin: 0 0 0 10px;
}

div.footerPaneIcon p{
	position:relative;
	top:25px;
	color:white;
	font-size:16px;
	font-weight: bold;
	padding: 0 0 10px 0 ;
}

div.footerPane ul {
	margin: 8px 0 0 0;
	height: 110px;
	border: 1px;
	border-right:solid #1D1D1D;
	border-right-width:thin;
	position:relative 
}

.footerList  {
	text-align:left;
}

ul.footerList li  {
	list-style-type:none;
	padding:0 0 3px 18px;
}

ul.footerList li a:link{
	text-decoration:none;
	color: #cfcfcf;
}

ul.footerList li a:hover{
	text-decoration: underline;
}

ul.footerList li  a:visited{
	text-decoration:none;
	color: #cfcfcf;
}

div.footerListTitle {
	font-weight: bold;
	text-align:left;
	padding: 5px 0 0 18px;
	height:20px;
	background-color:#252525;
}

/* Last FooterPane has no border */
#AboutUsList {
	border-style:none;
}

/* Space for News and Events title */
#dnn_ctr2944_ViewLinks_PanelLinks {
	margin: 4px 0 0 0 ;
}

/* --------------------------------- */