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

@import url('css/reset.css');
@import url('css/960.css');
@import url('css/text.css');

body {background:url('img/pagetop.gif') no-repeat top center;font-size:10px;}

p {font-size: 1.3em;}

#wrapper {width:960px;margin:0 auto;}
#main {width:960px;float:left;background:#fff url('img/content2bg.gif') repeat-x top left;}
#main-alt {width:960px;float:left;background:url('img/main-alt.gif') repeat-y;}

/* global */
a {color:#178fa0;font-size: 1.3em;}
a:hover {text-decoration:none;}

/*Social Links*/
ul#social-links {float: right; margin-right: 20px;}
ul#social-links li{display:inline-block;vertical-align: middle;color:#97163f;font-weight:bold; margin: 0;}
ul#social-links li a {background: none;}
ul#social-links li span{margin: 0 10px;}

/* HEADER //////////////////// */
#header {width:960px;height:96px;margin:0 10px;}
#header h1 {width:310px;height:65px;font-size:2em;margin-top:20px;background:url('img/logo.png') center center no-repeat;float: left;}
#header h1 a {width:310px;height:65px;display:inline;color:#990033;text-indent:-999em;float: left;}
#header h2 {display: block; float:right; margin-top: 40px; margin-right: 20px; font-weight: normal; color:#9E1B47;}

/* NAVIGATION //////////////////// */
#nav {width:960px;height:45px;background:url('img/navbg.gif') no-repeat;float:left;margin-bottom:-16px;}
#nav ul {margin:5px 0 0 20px;padding:0;list-style:none;float:left;}
#nav ul li {margin:0;padding:0;display:inline-block;float:left;}
#nav ul li a {margin:0;padding:0px 10px;color:#FFF;text-decoration:none;text-transform:uppercase;display:block;}
#nav span {float:right;color:#FFF;font-size:1.1em;margin:6px 20px 0 0;}

/* Stock / Login //////////////////// */
#pano {width:960px;float:left; position: relative;height:240px;}

#pano-left {width:745px;height:240px !important; float:left;margin-right: -28px;}
#pano-left span {display:none;}

#stock {width:425px;float:left;margin-right:-28px;}

#login {width:243px;height:240px;background:url('img/login.png') no-repeat;float:left;position:absolute; right: 0; top: 0;overflow:hidden;}
#login iframe {xwidth:200px; height:240px;text-align:right;float:right;position:absolute; right:0;overflow:hidden;}
.login-form a#enroll {float:right; }
.login-form {text-align:right;color:#FFF;float:right;margin:20px 20px 0 0;}
.login-form form {width:200px;}
.login-form input {margin:3px 0;}
.login-form input.submit {float:right;}
/* CONTENT //////////////////// */
#content {width:960px;width:940px !important;padding:20px 10px;float:left;}

/* personal, business, loans */
.grid-3-block {width:160px;width:140px !important;margin:0;padding:0 10px 0 20px;float:left;border-right:1px solid #ccc;}
.grid-3-block ul {margin:0;padding:0;list-style:none;}
.grid-3-block ul li {margin:5px 0;padding:0;}
.grid-3-block p {color:#666;}
.grid-3-block a {font-weight:bold;font-size:1.1em;}
.grid-3-block a:hover {text-decoration:none;}
.grid-3-block h2 {margin-bottom:10px;}
.grid-3-block img {margin-bottom: 18px;}
#personal, #personal a {color:#178fa0;}
#business, #business a {color:#990033;}
#loans, #loans a {color:#ff6600;}

/* jr savings and horizons club */
#clubs ul {margin:0;margin-left:10px;padding:0;list-style:none;}
#clubs ul li {margin:0 0 10px;padding:0;}
#clubs ul li a {width:392px;height:96px;width:382px !important;height:86px !important;padding:10px 0 0 10px;display:block;text-decoration:none;background:url('img/club-button-bg.gif') no-repeat;}
#clubs ul li a:active {background-position:0 -96px;}
#clubs ul li a img {width:115px;float:left;margin:0 10px 0 0;}
#clubs ul li a strong {color:#178fa0;font-size:1.8em;}
#clubs ul li a span {font-size:.7em;color:#666;display:block;}

/* sidebar */
#sidebar, #sidebar ul {font-size:10px;padding:0;list-style:none;}
#sidebar ul {margin:0;}
#sidebar ul li {margin:0;padding:0;font-size:1em;font-weight:bold;}
#sidebar ul li a {text-transform:uppercase;color:#178fa0;text-decoration:none;padding:7px;display:block;border-bottom:1px solid #CCC;}
#sidebar ul li a:hover {background:#efefef;color:#333;}
#sidebar ul li.current a {background:#178fa0;color:#FFF;}
#sidebar ul li.current ul li a {background:#efefef;color:#000}
#sidebar ul li ul li.current {background:#178fa0;color:#FFF;}
#sidebar ul li ul li a {font-size: 1.1em; margin-left: 10px;color: #000;}

/* right content */
#right-content {color:#333;}
#right-content h1, h2 {margin:10px 0 10px 0; }
#right-content h1{font-size:2.2em;}
#right-content h2 {font-size:1.5em;}
#right-content h3 {font-size: 1.4em;color: #178fa0; margin-top: 10px;}
#right-content h4 {font-size:1.2em;}
#right-content a {font-size: 1em;}
#right-content a:link, #right-content a:visited {display: block;margin-bottom: 10px;color: #94163e;}
#right-content .item {border-top: 1px solid #eee;}
#right-content ul li, #right-content ol li {font-size: 12px;}
#right-content img {padding: 2px; border: 1px solid #ccc; margin: 5px;}

img.right {float:right; margin:0 0 10px 10px;}
img.left {float:left; margin:0 10px 10px 0;}

/* FOOTER //////////////////// */
.footer-inner {width:960px;float:left;padding:10px 0;font-size:.9em;color:#999;background:url('img/fdic-equal.gif') no-repeat center right;}
#footer-left {width:300px;float:left;}
#footer-right {width:620px;float:left;text-align:right;}
#footer-right ul {margin:0;margin-right:100px;padding:0;list-style:none;float:right;}
#footer-right ul li {margin:0 5px;padding:0;display:inline;float:left;}
#footer-right ul li a {text-decoration:none;color:#999;}
#footer-right ul li a:hover {text-decoration:underline;color:#000;}

#footer-links {width:960px;width:920px !important;float:left;margin-bottom:30px;padding:20px 20px 60px 20px;background:#95153d url('img/footerbg.gif') no-repeat bottom center;}
#footer-links .block {width:240px;float:left;}
#footer-links .bright  {width:240px;float:right;}
#footer-links .block ul, #footer-links .block ul li,#footer-links .bright ul, #footer-links .bright ul li {margin:0;padding:0;list-style:none;}
#footer-links .block ul li a,#footer-links .bright ul li a {color:#FFF;}
#footer-links .block ul li a:hover,#footer-links .bright ul li a:hover {text-decoration:none;}
#footer-links .block h3,#footer-links .bright h3 {color:#FFF;margin-bottom:10px;}

#footer a#fblink{display:block;text-indent:-999999px;width:106px;height:33px;background:#8c1439;float:right;background:url('img/fb-icon.png') center center no-repeat;}

a.top {
	display: block;
	text-align: right;
	margin: 10px;
	
}

/* GENERIC CLASSES
---------------------------------------*/
.info, .success, .warning, .error, .validation {border: 1px solid;margin: 10px 0px;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;}
.info {color: #00529B;background-color: #BDE5F8;background-image: url('img/info.png');}
.success {color: #4F8A10;background-color: #DFF2BF;background-image:url('img/success.png');}
.warning {color: #9F6000;background-color: #FEEFB3;background-image: url('img/warning.png');}
.error {color: #D8000C;background-color: #FFBABA;background-image: url('img/error.png');}
.left {float: left;}
.right {float: right;}
.small {font-size: .9em;}
.clear {clear: both; }

/* HORIZONS CLUB
----------------------*/
table#horizons-contact {width: 100%;}
table#horizons-contact th {height: 40px;background-image: url(img/th-bg.png);vertical-align: middle;color: #fff;font-size: 1.8em;border: 2px solid #fff;}
table#horizons-contact td {border: 2px solid #fff;padding: 5px;}
table#horizons-contact tr.odd {background-color: #eee;}
table#horizons-contact tr:hover {background-color: #ddd;}
table#horizons-contact a, table#horizons-contact td p {font-size: 1.3em;}

ul#history-images {list-style:none; width: 261px; float: right; margin-left: 0;}
ul#history-images li { margin: 0;}

ul#jr-savers-slider { margin: 0; padding: 0; list-style: none;}
ul#jr-savers-slider li {margin:0; padding: 0;}

#fader{ clear: both; height: 240px;}

ul#horizons-slider {margin: 0; padding: 0; list-style: none;}
ul#horizons-slider li {margin: 0; padding: 0;}

.innerfade {}

#pano-left ul {margin: 0;list-style:none;}
#pano-left ul li {margin: 0;}

ol#controls {display: inline; list-style: none;}
ol#controls li {display:inline; margin:0 2px;}
ol#controls li a {border: 1px solid #178fa0; padding: 3px; color: #178fa0; text-decoration: none; background-color: #eee;font-size:1em;}
ol#controls li.current a {background-color: #fff;}
#controls {clear: both; position: absolute; bottom: 0; left: 20px;}

#contactForm label, #loancalc label, #savingscalc label {float: left; clear: both;display: block;font-size: 1.4em; margin: 5px auto;}
#contactForm input, #contactForm textarea, #loancalc input, #loancalc textarea, #savingscalc input, #savingscalc textarea, #contactForm select {float: left; clear: left; width: 500px; padding: 5px; border: 1px solid #ccc;}
#contactForm input#submit, #loancalc input#submit, #savingscalc input#submit {width: auto; padding: 5px; margin: 5px 0;}
label.error {background-image: none; padding: 3px; clear: none; float: left; margin: 10px 5px; border: 1px solid #95153D;}
.required.error {background-image: none; background: #fff; border: 1px solid #95153D;}

.main-map {padding: 1px; border: 1px solid #ccc; margin-top: 10px;}
.location-link {width: 220px; text-align: center;}

#output2 h2 {color: #3C3;}
#output2 h2.warn {color:#F30;}
#output2 h2 span {color: #363;}

a.lightbox {float: left;}

}