/***** General stuff. *****/

img, a { behavior: url("/images/iepngfix.htc"); margin: 0; padding: 0; }

body { _width: expression(document.body.clientWidth < 902? "900px" : "100%"); 
    min-width: 900px; min-height: 100.01%; font-size: 15px; line-height: 121%; 
    background: #cce3e4 url(/images/outside.jpg) top left repeat-x; }

td { vertical-align: top; }

div#main { margin: 0 auto -20px auto; width: 900px; border: solid black; height: auto !important; 
    height: 100%; min-height: 100%; border-width: 0 1px; text-align: left; background: #ffffff; }

div#main { background: #ffffff url(/images/bg_reg.jpg) top left no-repeat; }
body#about div#main { background: #ffffff url(/images/bg_about.jpg) top left no-repeat; }
body#home div#main { background: #ffffff url(/images/bg_home.jpg) top left no-repeat; }
body#brochures div#main { background: #ffffff url(/images/bg_member.jpg) top left no-repeat; }
body#newsletter div#main { background: #ffffff url(/images/bg_services.jpg) top left no-repeat; }
body#membership div#main { background: #ffffff url(/images/bg_member.jpg) top left no-repeat; }
body#business div#main { background: #ffffff url(/images/bg_rates.jpg) top left no-repeat; }
body#services div#main { background: #ffffff url(/images/bg_services.jpg) top left no-repeat; }
body#rates div#main { background: #ffffff url(/images/bg_rates.jpg) top left no-repeat; }
body#loans div#main { background: #ffffff url(/images/bg_about.jpg) top left no-repeat; }

table#container { margin-top: 20px; }
body#home table#container { margin-top: 100px; }


.corner { float: right; margin: 0 10px; color: #000000; text-align: right; }
.corner a.bank { color: #880000; }
.corner a.bank:hover { color: #007179; }

.half { width: 49.5%; }
.third { width: 33%; }
.quarter { width: 25%; }

/* **** Sidebar Styles **** */

td#sidebar { width: 200px; background: url(/images/sidebar_bg.gif) no-repeat top left; font-size: 13px; }
td#sidebar h2 { padding-left: 15px; }
td#sidebar ul { margin-bottom: 1em; }

ul#menu { font-size: 18px; font-family: Arial, Helvetica, Sans-Serif; padding-left: 20px; margin-bottom: 0px; padding-bottom: 0px; }
ul#menu li { height: 25px; letter-spacing: 1px; }
ul#menu li.brochures { height: 40px; }
ul#menu a { color: #000000; padding-left: 30px; display: block; margin: 0; height: 25px; }
ul#menu a:hover { color: #007179; }

ul#menu li.bank a { color: #880000; }
ul#menu li.bank a:hover { color: #007179; }
ul#menu li.bank a { background: url(/images/menu/on/bank.png) no-repeat top left; }
ul#menu li.home a { background: url(/images/menu/on/home.png) no-repeat top left; }
ul#menu li.branches a { background: url(/images/menu/on/branches.png) no-repeat top left; }
ul#menu li.about a { background: url(/images/menu/on/about.png) no-repeat top left; }
ul#menu li.brochures a { background: url(/images/menu/on/brochures.png) no-repeat top left; }
ul#menu li.newsletter a { background: url(/images/menu/on/newsletter.png) no-repeat top left; }
ul#menu li.membership a { background: url(/images/menu/on/membership.png) no-repeat top left; }
ul#menu li.business a { background: url(/images/menu/on/business.png) no-repeat top left; }
ul#menu li.services a { background: url(/images/menu/on/services.png) no-repeat top left; }
ul#menu li.loans a { background: url(/images/menu/on/loans.png) no-repeat top left; }
ul#menu li.rates a { background: url(/images/menu/on/rates.png) no-repeat top left; }
ul#menu li.useful a { background: url(/images/menu/on/useful.png) no-repeat top left; }

ul#menu li.sub { font-size: 15px; line-height: normal; height: 20px; 
    background: url(/images/menu/on/sub_dot.png) no-repeat top left; }
ul#menu li.last { padding-bottom: 2px; }


td#sidebar ul#menunews { font-size: 110%; }
td#sidebar ul#menunews li { margin-left: 2em; list-style-type: disc; }

td#sidebar ul#menulogos li { margin: 0 0 0 22px; width: 152px; padding-bottom: .5em; 
    list-style-type: none; text-align: center; }
    
td#sidebar div.search { border: solid #cccccc 0px; border-width: 1px 0; padding: 10px 0; width: 160px; margin-left: 17px; }
td#sidebar div.search .q { width: 95px; }
td#sidebar div.search .sa { width: 55px; }

/* **** Content Styles **** */

td#wrapper { width: 700px; }

div#content { margin: 40px 10px 10px 10px; }
body#home div#content { margin: 105px 10px 10px 10px; }
iframe#_rate_editor body { background-image: none; background-color: #ffffff; }

div#content a:link, div#content a:visited { color: #007179; }
div#content a:hover { color: #880000; text-decoration: underline; }
div#content a:focus { color: #880000; text-decoration: underline; }

div#content a.special:link, div#content a.special:visited { color: #880000; }
div#content a.special:hover, div#content a.special:focus { color: #007179; }

h1 { text-align: center; letter-spacing: normal; font-style: italic; font-size: 30px;}
h1.first {  border-bottom: solid 2px #007179; margin: 0 10px 1em 230px; }
body#home h1.first { margin: 0 30px 1em 270px; font-size: 21px; }

h2 { letter-spacing: 1px; color: #007179; font-size: 120%; }
h3 { letter-spacing: normal; }

dt { font-weight: bold; color: #007179; }
dd { padding: 0 0 1em 1em; }

div#content ol { }
div#content ol>li { list-style-type: decimal; margin-left: 1.5em; }
div#content ul>li { margin-left: 2em; list-style-type: disc; }
div#content ul, div#content ol { margin-bottom: 1em; }

ol>li { list-style-type: decimal; margin-left: 1.5em; margin-bottom: 1em;  }

dd ol>li { margin-bottom: 0; }

ul.list, ol.list { margin-bottom: 1em; }
ul.list>li { margin-left: 2em; list-style-type: disc; }
ol.list>li { margin: 0 0 0 2em; list-style-type: decimal; }

ul.links { margin-bottom: 1em; }
ul.links>li { margin-left: 2em; list-style-type: disc; }

ul li span.detail { font-size: .9em; color: #007179; font-style: italic; }

ul.list li { line-height: 1.5em; }

.clear { clear: both; }

/* **** Positioning Sandbags **** */

.sb.left { clear: left; }
.sb.right { clear: right; }
.sb { height: 18px;}

/* **** Home **** */

.onpage { width: 680px; height: 200px; margin: 0; padding: 0; clear: right; }
.onpage .set1 { width: 225px; float: left; }
.onpage .set2 { width: 230px; float: left; }
.onpage .set3 { width: 225px; float: left; }

/* **** Home News Alerts **** */

.homealert { float: right; width: 220px; min-height: 150px; margin: 0 5px 10px 10px; _margin-right: 3px; padding: 0; background: url(/images/alerts/bg_alert.png); }
.homealert .haheader { top: 0; margin: 0; padding: 0; width: 220px; height: 155px; background: url(/images/alerts/bg_alert_top.png); }
.homealert .hacontent { width: 200px; margin: -120px 10px -10px 10px; min-height: 130px; _height: 130px; }
.homealert .hafooter { margin: 0; _margin: 4px 0 -2px 0; padding: 0; width: 220px; height: 15px; background: url(/images/alerts/bg_alert_bottom.png); }

#newsalerts { margin: 0; padding: 0; list-style: none; clear: none; }
#newsalerts li.article_summary { margin: 0; padding: 0; list-style-type: none; }
#newsalerts .article_title { text-align: center; font-weight: bold; margin: 0; padding: 0 0 .2em 0;}
#newsalerts .article_info { display: none; }

/* **** Branches **** */

.hours { width: 180px; border: 1px solid #000000; padding: 10px; margin: -2em 0 2em 0; }
.hours p { font-size: 90%; line-height: 1.25em; }
.branchicon { margin-right: 6px; }
.warning { color: #880000; font-weight: bold; margin: 0 2em; font-size: 1.25em; line-height: 1.4em; }


/* **** Brochures **** */

div.brochure { width: 600px; margin: 0 0 1em 2em; min-height: 105px; _height: 105px; }
div.brochure img { float: left; border: solid 1px #999999;  }
div.brochure div.title { font-weight: bold; padding-left: 200px; }
div.brochure a { color: #007179; }
div.brochure a:hover div.title { color: #ff0000; }
div.brochure a:hover img { border: solid 1px #007179; }
div.brochure p { padding-left: 200px; font-size: 90%; }
div.brochure ul { padding-left: 200px; }


/* **** Rates **** */

tr.line2 { background: #f2f8f8; }
tr.line1 { background: #ffffff; }

.ratetable { width: 100%; border: solid 2px #000000; border-collapse: collapse; }
.ratetable th { text-align: center; background: #007179; color: #ffffff; font-weight: bold; 
    padding: 2px; border: solid 1px #ffffff; border-bottom: solid 1px #000000; }
.ratetable td { border: solid 1px #007179; padding: 2px 6px;}
.ratetable .type { font-weight: bold; }
.ratetable .line1 td { border-bottom: solid 1px #007179; }
.ratetable .line2 td { border-bottom: solid 1px #007179; }
.ratetable .type .minimum { font-weight: normal; font-size: .8em; }

.loan thead th { width: 33%; text-align: center; background: #007179; color: #ffffff; 
    font-weight: bold; padding: 2px; border: solid 1px #ffffff; border-bottom: solid 1px #000000;  }

.savings td { text-align: center; vertical-align: middle; }
.savings td.type { text-align: left; vertical-align: top; }
.savings th { width: 25%; }
.savings th.type { width: 50%; }

.periodic th.periods { width: 7%; border-bottom: solid 1px #ffffff; }
.periodic th.period { width: 7%; border-top: solid 1px #ffffff; }
.periodic td { padding: 2px 4px; border-left: solid 1px #007179; border-right: solid 1px #007179;}
.periodic .line1 td { border-bottom: solid 1px #cccccc; }
.periodic .line1 td.type { border-bottom: solid 1px #007179; }

.safedepositboxes { width: 33%; margin: 0 auto; }
.safedepositboxes td { text-align: center; }

.effectivedate { font-size: 80%; }

sup { font-size: 80%; color: #007179; bottom: .5em; }

ul.footnote { margin: 1em 0; font-size: 11px; color: #007179; }
div#content ul.footnote li { list-style: none; } 

/* **** Footer **** */

div#push, div#bottom { height: 30px; }

div#bottom { position: relative; bottom: 0px; width: 880px; margin: 0px Auto; padding: 0 10px; 
    background: #ffffff; border: solid #000000; border-width: 0 1px; vertical-align: bottom; 
    font-size: 85%; }

div#bottom a { color: #000000; }
div#bottom a:hover { color: #666666; }

a.noshow { color: #000000; }
a.noshow:hover { color: #333333; }

div#bottom div.half { width: 45%; }

/* **** Editor Classes **** */

fieldset.login { border: solid 1px #007179; margin: 1em auto; width: 300px; padding: 1em; }
fieldset.login legend { letter-spacing: 1px; color: #007179; font-size: 120%; margin: 0 .5em 1em .5em; }
fieldset.login .invalid { color: #cc0000; }
fieldset.login input[type="submit"] { padding: 0 .5em; }

/* **** Secure Forms **** */
fieldset.secure { margin: 1em auto; border: solid 1px #007179; padding: 1em 2em; }
fieldset.secure legend { letter-spacing: 1px; color: #007179; font-size: 120%; padding: 0 .5em; }
fieldset.secure label { display: block; }
fieldset.secure label.chklab { display: inline; }
fieldset.secure label.radlab { display: inline; }
fieldset.secure .note { font-size: .9em; color: #007179; font-style: italic; }

fieldset.contactform { width: 22.5em; text-align: left; display: block; }
fieldset.contactform input { background: #FAFCFC; }
fieldset.contactform textarea { width: 20.5em; background: #FAFCFC; }

p.notice {font-weight: bold; color: #990000; }

/* **** FAQ Classes **** */

/* **** Calc Classes **** */
fieldset.loancalc { margin: 1em 0 1em 175px; width: 250px; border: solid #007179 1px; padding: 1em; }
fieldset.loancalc label { display: block; }
fieldset.loancalc legend { padding: 0 .5em; color: #007179; font-weight: bold; }

/* **** Search Classes **** */
#searchcontent { padding: 1em 3.5em; }

/* **** Overlay Styles **** */
#lyte { display: none; z-index: 10000; background: #fff; border: 1px solid #007179; min-height:400px; max-height: 500px; width: 500px; 
	/* CSS3 styling for latest browsers */ 
	-moz-box-shadow:0 0 45px 5px #000; 
	-webkit-box-shadow: 0 0 45px #000;
}
#lyte .wrap { margin: 10px; overflow: auto; height: 450px; }
/* close button positioned on upper right corner */ 
#lyte .close { background-image:url(/images/close.png); 
            position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }