/*------------------------------------*
 |		Bank of New Jersey - CSS	  |
 |		   Updated 7/12/2006		  |
 *------------------------------------*/


/*----------------------*
 |		groundwork		|
 *----------------------*/
body {
	min-width: 767px;
	width: 100%;
	margin: 0;
	background: #fff;
	font: 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #082769;
}
img {border: 0;}
ul, ol {
	margin: 0;
	padding: 0;
}
ul li {list-style-type: none;}
.tr {text-align: right;}
.tl {text-align: left;}
.tc {text-align: center;}
.r {float: right;}
.l {float: left;}
.bl {display: block;}
.in {display: inline;}
.clearfix {clear: both;}




/*----------------------*
 |		main divs		|
 *----------------------*/
div#container {
	width: 767px;
	margin: 0 auto;
	border: 1px solid #072768;
	border-top-width: 0;
	background: transparent url(../images/bg-fdic.jpg) no-repeat right 99%;		/* fdic/lender logos */
	/* background: transparent url(../images/bg-nj.jpg) no-repeat right 99%; 		/* no fdic/lender logos */
}
div#header {
	position: relative;
	height: 148px;
	padding-top: 13px;
	background: #072768 url(../images/header.jpg) no-repeat left top;
	text-align: right;
	font-size: 0.8em;
}
div#leftcol {
	float: left;
	position: relative;
	width: 160px;
	background: #072768;
}
div#content {
	float: left;
	width: 573px;
	margin-left: -160px;
	padding: 6px 17px 85px 177px;
	background: transparent url(../images/rcol-bg.gif) repeat-y 0 0;
}
div#footer {
	clear: both;
	padding: 10px;
	height: 40px;
	font-size: 0.8em;
	text-align: center;
	background: #072768;
	border-top: 1px solid #88b1e5;
	color: #a6c9f6;
}


/*----------------------*
 |		  content		|
 *----------------------*/
#content a, #content a:link {
	color: #205cd5;
	text-decoration: none;
	border-bottom: 1px solid #205cd5;
}
#content a:visited {
	color: #62769f;
	border-bottom: 1px solid #62769f;
}
#content a:hover, #content a:active {
	color: #83acff;
	border-bottom: 1px solid #83acff;
}
h1 {
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	color: #d57a0f;
}
.consumer ul li {list-style-type: decimal;}


/*----------------------*
 |			nav			|
 *----------------------*/
#nav {
	border-top: 1px solid #000;
	border-bottom: 1px solid #093998;
	margin: 10px 0;
}
* html #nav li {
	margin-bottom: -3px;
}
#nav img, #nav a {
	display: block;
	width: 160px;
	height: 28px;
}
a#n01 {background: transparent url(../images/nav_chair_message.gif) no-repeat left top;}
a#n02 {background: transparent url(../images/nav_chair_commentaries.gif) no-repeat left top;}
a#n08 {background: transparent url(../images/nav_tarp.gif) no-repeat left top;}
a#n09 {background: transparent url(../images/nav_bank_cap.gif) no-repeat left top;}
a#n10 {background: transparent url(../images/nav_compensation.gif) no-repeat left top;}
a#n11 {background: transparent url(../images/nav_fdic.gif) no-repeat left top;}
a#n12 {background: transparent url(../images/nav_dividend.gif) no-repeat left top;}
a#n13 {background: transparent url(../images/nav_fdic_coverage.gif) no-repeat left top;}
a#n14 {background: transparent url(../images/nav_consumer.gif) no-repeat left top;}
a#n03 {background: transparent url(../images/nav_online.gif) no-repeat left top;}
a#n04 {background: transparent url(../images/nav_locations.gif) no-repeat left top;}
a#n05 {background: transparent url(../images/nav_newsinfo.gif) no-repeat left top;}
a#n06 {background: transparent url(../images/nav_contact.gif) no-repeat left top;}
a#n07 {background: transparent url(../images/nav_investor.gif) no-repeat left top;}

#nav a:hover, #body_home a#n01, #body_online a#n03, #body_locations a#n04, #body_newsinfo a#n05, #body_contact a#n06, 
#body_investor a#n07, #body_tarp a#n08, #body_capital a#n09, #body_compensation a#n10, #body_fdic a#n11, #body_dividend a#n12, a#n13, #body_consumer a#n14
{background-position: -160px 0;}


/*----------------------*
 |	  left col stuff	|
 *----------------------*/
#quickinfo {
	padding: 0 20px 12px;
	font-size: 0.8em;
	color: #5aa3ff;
}


/*----------------------*
 |	   header stuff		|
 *----------------------*/
#thedate, #thetime {
	border-left: 1px solid #1d4b94;
	padding: 5px 10px;
	margin-left: 5px;
}
#thedate {color: #fff;}
#thetime {color: #76b2f7;}
#header a, #header a:link, #header a:visited {
	color: #76b2f7;
	text-decoration: none;
	border-bottom: 1px dotted #76b2f7;
}
#header a:hover, #header a:active {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
a#homearea, a#homearea:link, a#homearea:visited,
a#homearea:hover, a#homearea:active {border: 0;}
#homearea img {
	position: absolute;
	top: 34px;
	left: 0;
	height: 114px;
	width: 275px;
}


/*----------------------*
 |		  footer		|
 *----------------------*/
#footnav li {
	display: inline;
	margin: 0 0.3em;
	padding: 0.3em;
}
#footnav a, #footnav a:link, #footnav a:visited {
	color: #f0d17a;
	text-decoration: none;
	border-bottom: 1px dotted #f0d17a;
}
#footnav a:hover, #footnav a:active {
	color: #fff8a6;
	border-bottom: 1px dotted #fff8a6;
}

.img {
	border: thin solid #072768;
}
.txt-links {
	font-size:10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
}
.txt-links:hover {
	font-size:10px;
	font-weight: bold;
	color: #fff8a6;
	border-bottom: 1px dotted #fff8a6;
}