@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
body {
	font-family:Trebuchet MS, Verdana, Helvetica, Tahoma, sans-serif, Georgia;
	font-size:13px;
	line-height:1.95em;
	background:#ebebeb url(../img/body_bgtile.gif) top left repeat-x;
	behavior: url("csshover3.htc");
}
a {
	color:#8e684c;
	text-decoration:none;
}
a:hover {
	color:#726f22;
}
.inlinealt {
	display:inline-block;
	margin:0 0 0 7px;
	width:79px;
	height:16px;
	background:url(../img/learnmore.gif) top left repeat-x;
}
p {
	margin:0 0 15px 0;
	color:#4a4a4a;
}
h2 {
	margin:0 0 5px 0;
	font-size:18px;
	color:#dde8b8;
}
h3 {
	margin:30px 0 10px 0;
	font-size:20px;
	font-weight:normal;
	color:#7e7901;
}
h3 span {
	color:#726f22;
}
span.small {
	font-size:9px;
}
.graybdr {
	border:1px solid #727272;	
}
#mainwrap {
	width:850px;
	margin:0 auto;
}
.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {
	display:inline-block;
}
/* Hide from IE Mac \*/
	.clear {
	display:block;
}
/* End hide from IE Mac */
			
/* Head CSS
--------------------------*/

#headwrap {
	width:100%;
	height:210px;
	background:url(../img/header_bgtile.gif) bottom left repeat-x;
}
#headcontent {
	position:relative;
	width:850px;
	height:210px;
	margin:0 auto;
	background:url(../img/headlogo.jpg) top left no-repeat;
}
#banner {
	position:absolute;
	top:0;
	left:296px;
	width:554px;
	height:135px;
}
/* Nav ul CSS
--------------------------*/

ul#mainnav {
	position:absolute;
	top:153px;
	left:360px;
	list-style:none;
}
ul#mainnav li {
	float:left;
	padding:0 0 0 23px;
	font-size:13px;
	line-height:1em;
	list-style:none;
}
ul#mainnav a {
	display:block;
	color:#333;
	text-decoration:none;
	overflow: hidden;
}
ul#mainnav li ul#subnavlist {
	height:50px;
}

ul#mainnav li#t-business ul#subnavlist {
	display:block;
	position:absolute;
	top:20px;
	right:0;
	width:435px;
}
ul#mainnav li#t-personal ul#subnavlist {
	display:block;
	position:absolute;
	top:20px;
	right:0px;
	width:540px;
}
ul#mainnav li ul#subnavlist.long {
	display:block;
	position:absolute;
	top:20px;
	right:0px;
	width:518px;
}
ul#subnavlist li {
	float:left;
	padding:15px 0 0 23px;
}
ul#subnavlist a {
	text-decoration:none;
}
/* Nav li CSS
--------------------------*/

a.nav_index {
	width:37px;
	height:11px;
	background:url(../img/homeroll.jpg) 0 0 no-repeat;
	border:none;
}
a.nav_index:hover {
	background-position:0 -11px;
}
body#index #mainnav #t-index a.nav_index {
	padding:0 0 7px 0;
	background-position:0 -11px;
	border-bottom:3px solid #827d00;
}
a.nav_bank {
	width:61px;
	height:11px;
	background: url(../img/bankroll.jpg) 0 0 no-repeat;
	border:none;
}
a.nav_bank:hover {
	background-position:0 -11px;
}
body#bank #mainnav #t-bank a.nav_bank {
	padding:0 0 7px 0;
	background-position:0 -11px;
	border-bottom:3px solid #827d00;
}
a.nav_business {
	width:152px;
	height:11px;
	background: url(../img/businessroll.jpg) 0 0 no-repeat;
	border:none;
}
a.nav_business:hover {
	background-position:0 -11px;
}
body#business #mainnav #t-business a.nav_business {
	padding:0 0 7px 0;
	background-position:0 -11px;
	border-bottom:3px solid #827d00;
}
a.nav_personal {
	width:62px;
	height:11px;
	background: url(../img/personalroll.jpg) 0 0 no-repeat;
	border:none;
}
a.nav_personal:hover {
	background-position:0 -11px;
}
body#personal #mainnav #t-personal a.nav_personal {
	padding:0 0 7px 0;
	background-position:0 -11px;
	border-bottom:3px solid #827d00;
}
a.nav_press {
	width:34px;
	height:11px;
	background: url(../img/pressroll.jpg) 0 0 no-repeat;
	border:none;
}
a.nav_press:hover {
	background-position:0 -11px;
}
body#press #mainnav #t-press a.nav_press {
	padding:0 0 7px 0;
	background-position:0 -11px;
	border-bottom:3px solid #827d00;
}
a.nav_contact {
	width:61px;
	height:11px;
	background: url(../img/contactroll.jpg) 0 0 no-repeat;
	border:none;
}
a.nav_contact:hover {
	background-position:0 -11px;
}
body#contact #mainnav #t-contact a.nav_contact {
	padding:0 0 7px 0;
	background-position:0 -11px;
	border-bottom:3px solid #827d00;
}
/* Common Content CSS
--------------------------*/

#content {
	position:relative;
	width:850px;
	margin:0 auto;
	background-color:#fff;
}
#col1 {
	float:left;
	width:275px;
	min-height:1px;
}
#col1caption {
}
.col1name {
}
.col1title {
}
#col2 {
	float:left;
	width:515px;
	padding:55px 30px;
	color:#9f5c1b;
}
#col2 p {
	color:#71573e;
}
#col2pmargin {
	width:425px;
	margin:35px 0 0 50px;
}
#col2.lp #col2pmargin {
	margin-top:235px;
}
ul#lpnav {
	width:100%;
	margin:0 0 15px 0;
	list-style:none;
}
#lpnav li a {
	display:block;
	width:405px;
	height:20px;
	padding:0 0 6px 20px;
	background-color:#b06d20;
	border-top:1px solid #fff;
	color:#fff;
}
#lpnav li a:hover {
	background:#b06d20 url(../img/lpnav_tile.gif) bottom left repeat-x;
}
#lpnav li a.stronglink {
	margin:0 0 0 0;
	background-color:#827D00;
}
#lpnav li a.stronglink:hover {
	background-color:#5b5801;
	background-image:none;
}

#col2pmargin img {
	margin:20px 0 10px 0;
}
#location p {
	font-size:11px;
	color:#9f5c1b;
}
ul.servicelist {
	padding:0 0 15px 15px;
	font-weight:bold;
}
#newsbar {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:47px;
	background:url(../img/newsbar_bgtile.png) top left repeat-x;
	z-index:2;
}
#dtax {
	position:absolute;
	top:10px;
	left:10px;
	width:408px;
	height:27px;
	background:url(../img/dupagetax.png) top left no-repeat;
}
#getnews {
	float:left;
	width:216px;
	height:47px;
	background:url(../img/newsletter1.png) top left no-repeat;
}
#getnews:hover {
	background:url(../img/newsletter2.png) top left no-repeat;
}
#getnews a {
	display:block;
	width:216px;
	height:47px;
}
#clientlogin {
	float:right;
	margin:12px 0 0;
	width:360px;
}	
form#quicklogin fieldset {
	border:none;
}
form#quicklogin label {
	float:left;
	diaplay:block;
	margin:6px 10px 0 0;
}
form#quicklogin input {
	float:left;
	display:block;
	width:130px;
	margin:0 10px 0 0;
	padding:5px;
	color:#333;
	font-weight:bold;
	border:1px solid #7E7901;
	background-color:#fff;
}
form#quicklogin input#pin {
	display: none;
}
form#quicklogin #button1 {
	float:left;
	display:block;
	width:50px;
	height:20px;
	padding:0 0 2px 0;
	margin:2px 0 0 0;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	background:#7e7901 url(../img/submit_tile.gif) top left repeat-x;
	border:1px solid #909090;
	text-align: center;
}
#contenthead {
	width:790px;
	height:40px;
	margin:0 0 20px 25px;
}
#tag {
	width:272px;
	height:83px;
	background:url(../img/tagbutton.png) top left no-repeat;
}

.absolute {
	position:absolute;
	bottom:40px;
	left:-14px;
}

#tag a {
	display:block;
	width:272px;
	height:83px;
}

/* Index Page CSS
-------------------------------------*/

body#index #content {
	position:relative;
	padding:0;
}
/* Bank Landing Page CSS
-------------------------------------*/

body#bank #content {
	background-color:#fff;
}
body#bank #contenthead {
	background:url(../img/bankhead.jpg) top left no-repeat;
}
body#bank #col1 {
	height:800px;
	background:url(../img/col1_bankfront2.jpg) top left no-repeat;
}
body#bank #col1.mission {
	background:url(../img/col1_bankfront.jpg) top left no-repeat;
}
body#bank #col1.bankers {
	background:url(../img/col1_pizza1.jpg) top left no-repeat;
}
body#bank #col1.investors {
	background:url(../img/bank_jackson.jpg) top left no-repeat;
}
body#business #col1.cashmanage {
	background:url(../img/bank_joeperrino.jpg) top left no-repeat;
}
body#business #col1.signature {
	background:url(../img/col1_signature.jpg) top left no-repeat;
}
body#bank #col2.lp {
	background:url(../img/bank_quote.gif) 15px 110px no-repeat;
}
/* Investor Page CSS
-------------------------------------*/

.directorbox {
	margin:0 20px 15px 20px;
	padding:0 0 15px 0;
	border-bottom:1px solid #b7b7b7;
	font-family:Trebuchet MS, Helvetica, Tahoma, sans-serif, Georgia, Times, Serif;
}
.directorbox h1 {
	font-size:18px;
	font-weight:bold;
	color:#7e7901;
}
.directorbox i {
	font-size:11px;
	line-height:1.35em;
	color:#58561a;
}
.directorbox p {
	margin:7px 0 0 0;
	font-size:11px;
	line-height:1.45em;
}
.directorbox img {
	float:left;
	margin:0 10px 0 0;
}
/* Banker Page CSS
-------------------------------------*/

.staffbox {
	margin:0 20px 15px 20px;
	padding:0 0 15px 0;
	border-bottom:1px solid #b7b7b7;
	font-family:Trebuchet MS, Helvetica, Tahoma, sans-serif, Georgia, Times, Serif;
}
.staffbox img {
	float:left;
	margin:0 10px 0 0;
}
.staffbox h1 {
	font-size:18px;
	font-weight:bold;
	color:#7e7901;
}
.staffbox i {
	font-size:11px;
	line-height:1.35em;
	color:#58561a;
}
.staffbox p {
	margin:7px 0 0 0;
	font-size:11px;
	line-height:1.6em;
}
/* Hours Landing Page CSS
----------------------------------------*/	

body#hours #col1 {
	height:500px;
	padding:60px 0 150px 0;
	background:#949b7a url(../img/col1_bankfront3.jpg) top left no-repeat;
}
body#hours #col1 h2,
body#contact #col1 h2 {
	margin:25px 0 0 25px;
}
body#hours #col1 p,
body#contact #col1 p{
	margin:0 0 0 25px;
	color:#fff;
}
body#hours #col1 ul li.
body#contact #col1 ul li{
	width:215px;
	margin:0 0 15px 0;
	line-height:1.4em;
	color:#fff;
}
body#hours #col1 a,
body#contact #col1 a{
	font-weight:bold;
	color:#dbddbb;
}
body#hours #col1 a:hover,
body#contact #col1 a:hover {
	color:#fff;
}
.map {
	height:550px;
	background:url(../img/br_map.gif) 0 100px no-repeat;
}
#maplink a {
	display:block;
	width:300px;
	height:20px;
	padding:0 0 7px 20px;
	background-color:#b06d20;
	margin:510px 0 0 0;
	color:#fff;
}
#maplink a:hover {
	background:#b06d20 url(../img/lpnav_tile.gif) bottom left repeat-x;
}
/* Business Landing Page CSS
----------------------------------------*/
	
body#business #content {
	background-color:#fff;
}
body#business #col1 {
	height:800px;
	background:url(../img/bank_trepino.jpg) top left no-repeat;
}
body#business #col1.bdeposit {
	background:url(../img/bank_mavon.jpg) top left no-repeat;
}
body#business #col1.bloan {
	background:url(../img/col1_Metal2.jpg) top left no-repeat;
}
body#business #col2.lp {
	background:url(../img/temp_quote.gif) 15px 110px no-repeat;
}
a#signaturelink {
	display:block;
	width:425px;
	height:111px;
	background:url(../img/signaturebutton.jpg) top left no-repeat;
}
a#signaturelink:hover {
	background:url(../img/signaturebutton2.jpg) top left no-repeat;
}
	

/* Personal Landing Page CSS
----------------------------------------*/
	
body#personal #content {
	background-color:#fff;
}
body#personal #col1 {
	height:800px;
	background:url(../img/bank_miller.jpg) top left no-repeat;
}
body#personal #col2.lp {
	background:url(../img/temp_quote.gif) 15px 110px no-repeat;
}
body#personal #col1.pdeposit {
	background:url(../img/bank_mcnaughton.jpg) top left no-repeat;
}
body#personal #col1.ploan {
	background:url(../img/bank_burtt.jpg) top left no-repeat;
}
body#personal #col1.signature {
	background:url(../img/bank_jackson.jpg) top left no-repeat;
}
/* Press Landing Page CSS
----------------------------------------*/
	
body#press #col1 {
	padding:130px 0 150px 0;
	background-color:#949b7a;
}
body#press #col1 h2 {
	margin:0 0 15px 25px;
}
body#press #col1 ul {
	margin:0 0 0 25px;
	list-style:none;
}
body#press #col1 ul li {
	width:215px;
	margin:0 0 15px 0;
	line-height:1.4em;
}
body#press #col1 a {
	margin:0 0 5px 0;
	font-weight:bold;
	color:#fff;
}
body#press #col1 a:hover {
	color:#8E684C;
}
body#press #col2pmargin {
	margin:35px 0 0 25px;
}
.presscategory {
	margin:0 0 30px 0;
}
.presslink {
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #bbbdbd;
}
.presslink h3 {
	margin:0 10px 0 0;
	line-height:1.3em;
	font-size:15px;
	font-weight:bold;
	color:#B06D20;
}
.presslink p {
	margin:0 0 15px 0;
	padding:0;
	line-height:1.5em;
	font-size:12px;
}
.presslink i {
	display:block;
	margin:0 0 5px 0;
	font-size:10px;
}
.presslink a {
	display:block;
	width:100%;
	margin:0 0 5px 0;
	text-align:right;
	font-weight:bold;
	color:#6f7b85;
}
.presslink a:hover {
	color:#8E684C;
}
.presslink a.alignleft {
	text-align:left;
}
.lbgallery {
	margin:0 0  10px 0;
}
.presslink .lbgallery a {
	display:block;
	float:left;
	margin:0 7px 7px 0;
	padding:0;
	width:78px;
	height:78px;
}
#col2pmargin .presslink .lbgallery a img {
	margin:0;
	padding:0;
	border:1px solid #7E7901;
}
	
/* Stock CSS
----------------------------------------*/
	
body#stock #content h1 {
	margin:0 0 20px 0;
	padding:0 45px;
	font-size:25px;
	font-weight:normal;
	font-family:Georgia, Times, Georgia, Serif, Helvetica, Trebuchet MS, Tahoma, sans-serif;
	color:#8e684c;
}
body#stock #content p {
	padding:0 50px;
}
body#stock #content {
	height:725px;
	background:#f8f8f8 url(../img/stock_contentbg.jpg) bottom left no-repeat;
}
/* Footer CSS
--------------------------*/

#footerwrap {
	width:100%;
	height:150px;
	background:#5f5b01 url(../img/footerbg_tile.jpg) top left repeat-x;
}
#footer {
	width:850px;
	height:150px;
	margin:0 auto;
	background:url(../img/footlogo.jpg) top left no-repeat;
}
#footer p {
	float:right;
	margin:30px 0 0 0;
	line-height:1.5em;
	font-size:11px;
	text-align:right;
	color:#fff;
}
#footer a {
	display:inline-block;
	color:#e4e19c;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
}
#footer img {
	margin:0 0 0 758px;
}
/* Contact Landing Page CSS
----------------------------------------*/

body#contact #col1 {
	height:800px;
	padding:60px 0 150px 0;
	background:#949b7a url(../img/col1_bankfront3.jpg) top left no-repeat;
}
body#contact #col2pmargin {
	margin:35px 0 0 15px;
}
body#contact #col2 a {
	color:#e4cab6;
}
body#contact #col2 a:hover {
	color:#5dfff9;
}
/* FORM CSS -----------------------------------------------------------------------*/

form#two {
	width:469px;
	height:530px;
	padding:5px;
	margin:0 auto;
}
form#two fieldset {
	width:430px;
	display:block;
	border:1px solid #7e7901;
	padding:20px 10px 10px 10px;
	margin:15px 0;
	background-color:#B7C097;
}
form#two legend {
	font-size:15px;
	font-weight:bold;
	color:#003399;
	margin: 0 0 0 5px;
	width:300px;
	padding:5px 10px;
	background:#fff url(../img/legend_tile.gif) top left repeat-x;
}
form#two legend#contacthead {
	background:none;
}
form#two label {
	clear:left;
	display:block;
	float:left;
	width:100px;
	height:20px;
	margin:0 0 15px 0;
	padding:5px 10px 0 5px;
	text-align:right;
	color:#fff;
}
form#two input {
	float:left;
	width:200px;
	height:20px;
	margin:0 0 15px 0;
	padding:5px 0 0 5px;
	border:1px solid #7e7901;
	background:#fff url(../img/input_bg.jpg) top left no-repeat;
}
form#two select {
	float:left;
	display:block;
	margin:5px 0.5em 0.5em 0;
}
form#two input[type=checkbox] {
	margin:7px 0.5em 0.5em 0;
}
form#two input[type=radio] {
	margin:8px 0.5em 0.5em 0;
}
form#two textarea {
	width:410px;
	height:auto;
	border:1px solid #003399;
	padding:0.5em;
}
form#two option {
	background:#fff;
	color:#000;
}
form#two optgroup {
	background:#fff;
	color:#000;
}
form#two optgroup option {
	background:#fff;
	color:#000;
}
form#two #button1 {
	padding:0 0 2px 0;
	color:#fff;
	font-weight: bold;
	background-color:#9f5c1b;
	display: inline;
	width:89px;
	height:29px;
	margin:0 20px 0 0;
	text-align: center;
	margin-left: 11.5em
}
form#two #button2 {
	padding:0 0 2px 0;
	color:#fff;
	font-weight: bold;
	background-color:#9f5c1b;
	display:inline;
	width:89px;
	height:29px;
	line-height:27px;
	text-align:center;
}
form#two #button1:hover, form#two #button2:hover {
	background-color:#7e7901;
}