@import url("nav.css");
@import url("admin.css");
@charset "utf-8";
/* CSS Document */

html{min-height:100.01%;}
body{background:#3A322D url('../images/template/bkg-pattern.gif') repeat 50% 0;color:#fff;font:100.01% Verdana, Arial, Helvetica, sans-serif;line-height:1.125em;margin:0;padding:0;text-align:center;}
table{border-collapse:collapse;border-spacing:0;}
th,td{margin:0;padding:0;}

/****************** Layout */
#background{background:transparent url('../images/template/bkg-header.gif') repeat-x center top;margin:0;padding:0;}
#container{margin:0 auto;text-align:left;width:950px;}
/** Experimental min/max width 
#container{min-width:760px;max-width:960px;
	width:expression(document.body.clientWidth < 762? "760px" : document.body.clientWidth > 962? "960px" : "auto");} **/
#header{background:url('../images/template/tagline.gif') no-repeat 50% 6px;height:132px;margin:0 auto;max-height:132px;width:100%;}
#header #menu{float:left;padding-top:5px;width:30%;}
#header h1 span,#header h2 span{height:0;overflow:hidden;position:absolute;width:0;}
#header h1{background:url('../images/template/logo_nsb.gif') no-repeat 50% 16px;float:right;height:132px;margin:0;min-width:272px;padding:0;width:30%;}
#header h1 a{display:block;height:100%;width:100%;}
#header h2{float:left;height:132px;margin:0;padding:0;width:36%;}
/** experimental layout code
#container{overflow:hidden;width:1020px;margin:0 auto;}
#container div{float:left;margin-bottom:-2000px;padding-bottom:2000px;}
.primaryLayout #sidebar1{float:left;background:#4E4742 url('../images/template/bkg-pattern-opaque.gif') 50% -7px;width:30%;margin-right:1%;margin-bottom:-2000px;padding-bottom:2000px;}
.primaryLayout #sidebar2{float:left;background:#4E4742 url('../images/template/bkg-pattern-opaque.gif') 50% -7px;width:30%;margin-left:1%;margin-bottom:-2000px;padding-bottom:2000px;}
.primaryLayout #mainContent{float:left;background:#4E4742 url('../images/template/bkg-pattern-opaque.gif') 50% -7px;width:38%;margin-right:0;margin-bottom:-2000px;padding-bottom:2000px;}
 **/

/** Fluid Equal Height CSS Columns **/
#sidebar1,#sidebar2,#mainContent{background:#4E4742 url('../images/template/bkg-pattern-opaque.gif') 50% -7px;margin:0;padding:.5em 0;}
.primaryLayout #sidebar1{float:left;margin-right:1%;width:30%;}
.primaryLayout #mainContent{float:left;width:37.9%;}
.secondaryLayout #mainContent{float:left;width:68.9%;}
.primaryLayout #sidebar2,.secondaryLayout #sidebar2{float:left;margin-left:1%;width:30%;}

/* Self-clearing Containers */
#container:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
#container{display:inline-block;} /* Force IE7 to respect generated content */

/* Hide the next declaration from IE Mac \*/
* html #container{display:block;height:1%;}

/* IE box model hacks */
* html #sidecolumn1,* html #sidecolumn2{width:30%;}
* html #mainContent{width:36%;}

#footer{background:#4E4742 url('../images/template/bkg-footer.gif') 50% -2px repeat-x;clear:both;line-height:normal;margin:0 auto;padding:0;width:100%;}
#footer #footerNav{line-height:30px;margin:0;overflow:hidden;padding:0;text-align:center;}
#footer div#footerNav p{margin:0;padding:0 .8em;}
#footer #credits{background-color:#4E4742 !important;font-size:90%;margin:0;padding:0;}
#footer #credits p.copyright{float:left;text-align:left;}
#footer #credits p.address{float:right;text-align:right;}

/****************** Sitewide Links */ 
a img,a:hover img{border:none;text-decoration:none;}
a,a:active,a:focus{border:none;outline:none;}
a:link{color:#8AE2FF;text-decoration:none;}
a:visited{color:#ACD8DD;text-decoration:none;}
a:hover,a:active{color:#8AE2FF;text-decoration:underline;}
/* place an arrow after all external links 
a[href^="http://"]:not([href*="domain.com"])::after {content: "\2197";}*/

/****************** Typography */
p,ul,ol,dl,th,td{font-size:0.71em;}
ul ul,ol ol{font-size:1em;}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,table{margin:0 .8em;padding:.3em 0 .8em;}
ul li,ol li{margin-left:2.1em;}

/****************** Misc Commonly Used classes */
.floatright{float:right;}
img.floatright{margin:.3em 0 .25em 1em;}
div.floatright{margin:.3em .8em .25em 1em;}
.floatleft{float:left;}
img.floatleft{margin:.3em 1em .25em 0;}
div.floatleft{margin:.3em 1em .25em .8em;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.clear{clear:both;font-size:1px;height:0;line-height:0;}
.hideforscreen{display:none;}
.block{display:block;}
img.border,img.border a:hover{background-color:#eee;border:1px solid #999 !important;padding:4px;}
img.marg{margin:0 .1em;text-align:center;}

/****************** Content Styles */
.contentbox{background-color:#5A5450;border:1px solid #636670;margin:0 auto .7em;min-height:12em;padding:0;width:93%;}
.secondaryLayout #mainContent .contentbox{height:auto;width:97%;}
.contentbox h2{background:#2D2F3B;color:#fff;font:1.1em "Trebuchet MS", Arial, Helvetica, sans-serif normal;margin:.2em 0;padding:.1em .5em;}
.contentbox h3,.contentbox h4{color:#E98B27;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:normal;margin:0 .6em;padding:0;}
.contentbox h3{font-size:1em;}
.contentbox h4{font-size:.9em;}
.contentbox .content{min-height:10.8em;}
.contentbox p.viewmore{background-color:#42434E;color:#B6E6F9;font-size:.6em;line-height:normal;margin:0;padding:0 .8em;text-align:right;}
.contentbox p.viewmore a:hover{text-decoration:none;}
.contentbox h3 a:link,.contentbox h4 a:link,.contentbox h3 a:visited,.contentbox h4 a:visited{color:#E98B27;}

/** homepage center photo */
.homepgImage{background:#5A5450;height:190px;max-height:234px;text-align:center;overflow:hidden;}
.homepgImage img{margin:0 auto;}
.mainphoto{background:#5A5450 url('../images/homepage/pic_nsb.jpg') no-repeat 50% 50%;height:190px;max-height:234px;}
.mainphotoArlene{background:#5A5450 url('../images/homepage/arlene_web.jpg') no-repeat 50% 50%;height:190px;max-height:234px;}
.mainphotoRussell{background:#5A5450 url('../images/homepage/russell_web.jpg') no-repeat 50% 50%;height:190px;max-height:234px;}
.mainphotoTonya{background:#5A5450 url('../images/homepage/tonya_web.jpg') no-repeat 50% 50%;height:190px;max-height:234px;}
.subcol{font-size:.71em;margin:.3em 1.8em .8em .8em;text-align:center;width:220px;}

/** Breadcrumbs */
.backlinks{background-color:#4D4744;border:1px solid #4D4744;color:#B4ACA5;display:block;font:.6em Arial, Helvetica, sans-serif;line-height:normal;margin-bottom:1.5em;padding:1px .8em;}
.backlinks a:link,.backlinks a:visited{color:#8D8176;}

/** Back to Top */
.backtotop{background:#5E5753 url('../images/template/icn_up.gif') no-repeat 99% 50%;border-color:#636670;border-style:solid;border-width:0 1px 2px 0;margin-bottom:1.5em;padding:2px 2em;text-align:right;}
.backtotop a{cursor:pointer;display:block;}

/** Go Back */
.goback{background:#5E5753 url('../images/template/icn_back.gif') no-repeat 99% 50%;border-color:#636670;border-style:solid;border-width:0 1px 2px 0;margin-bottom:1.5em;padding:2px 2em;text-align:right;}

/** Buttons */
a.login:link,a.login:active,a.login:visited{background:url('../images/template/btn_internet-banking-login.gif') no-repeat 50% 0;cursor:pointer;display:block;height:31px;margin:0 auto;text-indent:-9999px;width:172px;}
a.contact:link,a.contact:active,a.contact:visited{background:url('../images/template/btn_contact-us-ro-trans.gif') no-repeat 50% 0;cursor:pointer;display:block;height:50px;margin:0 auto;text-indent:-9999px;width:209px;}
a.locations:link,a.locations:active,a.locations:visited{background:url('../images/template/btn_locations-ro-trans.gif') no-repeat 50% 0;cursor:pointer;display:block;height:50px;margin:0 auto;text-indent:-9999px;width:209px;}
a.jobs:link,a.jobs:active,a.jobs:visited{background:url('../images/template/btn_job-postings-ro-trans.gif') no-repeat 50% 0;cursor:pointer;display:block;height:50px;margin:0 auto;text-indent:-9999px;width:209px;}
a.btn1:link,a.btn1:active,a.btn1:visited{background:url('../images/template/bkg_btn-light-gradient.gif') 50% 50%;border:1px solid #808080;color:#366481;cursor:pointer;font:1em Arial, Helvetica, sans-serif;font-weight:bold;padding:.1em .8em;text-transform:lowercase;}
a.btn1:hover{border-color:#185E8A;color:#1E78AE;text-decoration:none;}
a.login:hover,a.contact:hover,a.locations:hover,a.jobs:hover{background-position:50% 100%;}

/*a.apply:link,a.apply:active,a.apply:visited{background:url('../images/template/btn_smformdk.gif') no-repeat 50% 0%;cursor:pointer;display:block;margin:0;width:62px;height:20px;text-align:center;}*/

a.expbtn{background:transparent url('../images/template/btn_form-left.gif') no-repeat 0 50%;cursor:pointer;display:block;float:left;height:20px;margin:0;overflow:visible;padding:0;text-align:center;}
a.expbtn span{background:url('../images/template/btn_form-right.gif') no-repeat 100% 50%;display:block;height:20px;line-height:20px;padding:0 10px;}
a.ccdetails:link,a.ccdetails:active,a.ccdetails:visited{background:url('../images/template/icn_info.gif') no-repeat 0 50%;cursor:pointer;display:block;height:20px;margin:0 1.5em;padding-left:1.5em;text-align:left;width:auto;}

/** Misc styles */
.lessimportant{color:#B0AD9F;}

/** Sub pages with vertical nav */
.subNavcontent{border-right:1px solid #5E5753;float:left;width:72%;}
.subNavcontent p{padding-right:.5em;}

/*.fbiz p.img{margin-left:1em;}
.fbiz p,.fbiz ul,.fbiz ol{margin-left:20%;}*/

.subNavlinks{float:left;padding:.3em;width:25%;}
.subNavlinks h3.header{background:#3F4C6B url('../images/template/bkg_subnavhdr.jpg') repeat-x 50% 50%;color:white;font:bold .75em "Trebuchet MS", Arial, sans-serif;margin:0 0 .5em;padding:.2em .5em;text-transform:uppercase;}
ul.vertnav{list-style-type:none;margin:0;padding:0;width:auto;}
ul.vertnav li.header{background:url('../images/template/bkg_subnavhdr.jpg') repeat-x 50% 50% #3F4C6B;color:#fff;display:block;font:bold 1.1em "Trebuchet MS", Arial, sans-serif;margin:0;padding:.19em .5em;text-transform:uppercase;}
ul.vertnav li.header a,ul.vertnav li.header a:link{background:none !important;border:none !important;color:#fff;display:block;font-size:1em;font-weight:bold;padding:0;text-decoration:none;width:100%;}
ul.vertnav li.header a:hover,ul.vertnav li.header a:active{background-color:none !important;padding:0;}
ul.vertnav li{background-image:none;border:1px solid #5A5450;margin:0;padding:0 0 .2em;}
ul.vertnav li a,ul.vertnav li a:link{background:url('../images/template/bullet_4square.gif') no-repeat 3% 10px;border-bottom:1px solid #4D4744;display:block;font-size:.9em;font-weight:bold;margin:0;padding:2px 0 2px 18px;text-decoration:none;width:auto;}
ul.vertnav li a:hover,ul.vertnav li a:active{background-color:#5E5753;padding:2px 0 2px 18px;text-decoration:none;}
ul.vertnav li.current a{color:#fff;}

/** Main landing pages */
.mainlanding{float:left;padding:1.5%;width:46.7%;}
.mainlanding h3.header{background:#3F4C6B url('../images/template/bkg_subnavhdr.jpg') repeat-x 50% 50%;color:#fff;font:bold .75em "Trebuchet MS", Arial, sans-serif;margin:0 0 .5em;padding:.2em .5em;text-transform:uppercase;}
.mainlanding h3.header a:link,.mainlanding h3.header a:visited{color:#fff;}

/** photo captions */
p.caption{font-size:.71em;line-height:normal;margin:0;padding:0;text-align:center;}

/** credit card blocks */
div.blockoutline{border:1px solid #636670;margin:.4em auto;padding:.5em;width:93%;}

/* Other stuff */


/****************** Lists */
ul li{background:url('../images/template/bullet_arrow2.gif') no-repeat .8em .57em;padding-left:1.7em;}
ul.info li{background:url('../images/template/icn_info.gif') no-repeat 0 50%;line-height:18px;padding-left:1.7em;}
ul.checkmark li{background:url('../images/bullet_checkmark.gif') no-repeat 1em .4em;line-height:2.3em;padding-left:2.5em;}
ul,ul.info,ul.checkmark{list-style-type:none;}

/** Cost of Service List */
div.costs{margin:1em auto;overflow:hidden;width:96%;}
.costs ul{list-style-type:none;margin:0 auto;padding:0;width:98%;}
.costs ul li{background-color:#5A5450;background-image:none;border-bottom:dashed 1px #939393;clear:left;height:1.1em;line-height:normal;margin:0;padding:.2em 0;position:relative;}
.costs ul span{background-color:#5A5450;display:block;float:left;margin:.3em 0 0;padding:0 3px 0 0;position:absolute;text-decoration:none;}
.costs ul span.right{padding:0 0 0 3px;right:0;}

/* second level */
.costs ul li.indentlead{border:none;}
.costs ul li.indent1{margin-left:2em;}
.costs ul li.indent2{margin-left:4em;}

/* 2 column photo list */
.IIcolList{margin:1em auto;width:96%;}
.IIcolList ul{list-style-type:none;margin:0 1em;padding:0;}
.IIcolList ul li{background-image:none;float:left;line-height:normal;margin:0;padding:0;text-align:center;width:49%;}
.IIcolList ul li img{text-align:center;width:200px;}
.IIcolList ul li span{display:block;margin:0 auto;text-align:center;width:200px;}
.IIcolList ul li span.img{background:#eee url('../images/about/officers_no-image.jpg') no-repeat 50% 0;border:5px solid #eee;height:180px;padding:0;}
.IIcolList ul li span.caption{padding:.2em 0 2em;}

/* 3 column photo list */
.IIIcolList{margin:1em auto;width:96%;}
.IIIcolList ul{list-style-type:none;margin:0 1em;padding:0;}
.IIIcolList ul li{background-image:none;float:left;height:14.5em;line-height:normal;margin:0 0 .2em;padding:0;text-align:center;width:33%;}
.IIIcolList ul li img{text-align:center;width:120px;}
.IIIcolList ul li a span{height:120px;}
.IIIcolList ul li span{display:block;margin:0 auto;text-align:center;width:120px;}
.IIIcolList ul li span.img{background:#eee url('../images/biz_no-image.jpg') no-repeat 50% 0;border:5px solid #eee;height:120px;padding:0;}
.IIIcolList ul li span.caption{padding:.2em 0 2em;}

/** 2 col landing page list */
.landpg2{margin:1em auto;width:96%;}
.landpg2 ul{list-style-type:none;margin:0 1em;padding:0;}
.landpg2 ul li{background-image:none;border-bottom:1px solid #5A5450;float:left;margin:0 2% 0 0;padding:0 0 .2em;width:47.9%;}
.landpg2 ul li a{background:url('../images/template/bullet_4square.gif') no-repeat 3% .8em;border-bottom:1px solid #4D4744;display:block;font-size:95%;font-weight:bold;padding:2px 0 2px 2.2em;text-decoration:none;}
.landpg2 ul li a:hover{background-color:#5E5753;text-decoration:none;}
.landpg2 ul li.current a{color:#fff;}
.landpg2 ul li li{display:block;padding-left:1em;width:90%;}
.landpg2 h3.header,.landpg2 ul li.header{background:#3F4C6B url('../images/template/bkg_subnavhdr.jpg') repeat-x 50% 50%;color:white;font:bold .75em "Trebuchet MS", Arial, sans-serif;margin:0 0 .5em;padding:.2em .5em;text-transform:uppercase;}

/*
dl.events{}
dl.events dt{position:relative;left:0;top:2.65em;width:7.4em;font:1.2em "Trebuchet MS", Arial, sans-serif bold;color:#E98B27;background-color:#5E5753;}
dl.events dd{border-left:1px solid #4D4744;margin:0 0 0 9em;padding:0 0 .5em .5em;background-color:#5E5753;}
dl.events dd.title{font-weight:bold;color:#E98B27;}
dl.events dd.description{}
*/
dl.events dt{border-top:1px solid #4D4744;color:#E98B27;float:left;font:1.2em "Trebuchet MS", Arial, sans-serif bold;margin:0;padding:.5em;width:7.5em;}
dl.events dd{background-color:#5E5753;border-left:1px dotted #4D4744;margin:0 0 0 10.3em;padding:.5em;}
dl.events dd.title{border-top:1px solid #4D4744;font-weight:bold;}
dl.events dd.description{margin-bottom:1em;}


/****************** Tables */
/* generic table */
table.checking{background-color:#4E4742;border-color:#52638B;border-style:solid;border-width:4px 0;margin:1em auto;width:96%;}
table.checking th{border-bottom:2px solid #7C899C;padding:.2em .5em;text-align:left;vertical-align:bottom;}
table.checking td{border-right:1px dotted #7C899C;padding:.2em .5em;text-align:left;vertical-align:top;}
table.checking td a{display:block;font-weight:bold;}
table.checking tr.alt td{background-color:#5A524B;border-color:#;}

/* calculators */
table.calculator{background-color:#4E4742;border-color:#52638B;border-style:solid;border-width:4px 0;margin:1em auto;width:96%;}
table.calculator th{border-bottom:2px solid #7C899C;padding:.3em .5em;text-align:left;vertical-align:bottom;}
table.calculator td{border-bottom:1px dotted #7C899C;padding:.3em .5em;text-align:left;vertical-align:top;}
table.calculator td a{display:block;font-weight:bold;}
table.calculator td input{font-size:1em;margin:0 auto;width:80%;}
table.calculator td input.btn{width:auto;}
table.calculator tr.alt td{background-color:#5A524B;border-color:#;}
table.calculator td.sum,table.calculator th.sum{background-color:#564F49;}
table.calculator td.sum input{background-color:#564F49;border:0;color:#33CCFF;font-weight:bold;width:6em;}
table.calculator td input.total{font-size:1.2em;}

/* stock watch table */
table.stock{background-color:#5A5450;border-color:#636670;border-style:solid;border-width:0 0 3px;margin:1em auto .2em;width:100%;}
table.stock th{border-bottom:3px solid #636670;padding:.2em .5em;text-align:right;vertical-align:bottom;}
table.stock td{border-color:#636670;border-style:solid;border-width:0;padding:.2em .5em;text-align:right;vertical-align:top;}
table.stock td.title{border-right:1px solid #636670;font-weight:bold;text-align:left;}
table.stock tr.alt td{background-color:#514A44;border-color:#;}
table.stock .up{color:#ACF692;}
table.stock .down{color:#FF6666;}
p.time{padding-top:.2em;}



/****************** Pagination */
.pagination{margin:1.5em auto .5em;padding:0;text-align:center;}
.pagination ul{display:table;font-size:.7em;margin:0 auto;padding:0;text-align:center;}
.pagination li{background-image:none;display:inline;list-style-type:none;margin:0 1px;padding:0 0 1px;}
.pagination a,.pagination a:visited{border:1px solid #4D4744;padding:2px 5px;text-decoration:none;}
.pagination a:hover,.pagination a:active{border:1px solid #9aafe5;}
.pagination a.currentpage,.pagination .currentpage a:hover{border:none;color:#FFF !important;cursor:default;font-weight:bold;}
.pagination a.disablelink,.pagination a.disablelink:hover{color:#929292;cursor:default;font-weight:normal !important;}
.pagination a.prevnext{background:none;border:none !important;font-weight:bold;}

/* mp badge */

.mp-badge 
{
	display: block;
	margin-top: 1em;
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	background: url("../images/template/mp-icon.png") left no-repeat;
}