/*
============================================== 
TACCU Main Styles
============================================== */
* {
padding:0;
margin:0;
}
body {
background: #EBE5C5 url(../images/body_back.jpg) fixed;
color:#11244C;
padding:0px; 
font-family:Arial, Helvetica, sans-serif; 
font-size:80%;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { 
margin:10px 0; 
}
fieldset { padding:10px; }

img { border: 0px; }

em {
color: #11244C;
font-style: italic;
}
iframe {
border: 0;
margin: 0;
}
a
{
color:#11244C;
outline: none;
}
hr {
margin: 0;
padding:0;
height: 0;
}
address {
font-style: normal;
line-height: 1.2em;
}
code {
font-size: 1em;
line-height: 1.7em;
padding: 0;
margin: 0;
}
/* Layout 
-----------------------------------*/
#wrapper {
width:768px;
margin:60px auto 0 auto;
}
#login {
background: transparent url(../images/login_back.gif) no-repeat 0 0;
width:195px; 
height:28px;
z-index:2;
position:relative;
}
#accountlink {
margin:0; padding:7px 8px 0 8px;
}
#accountlink a {
background: transparent url(../images/btn_login.gif) no-repeat 2px 0;
font-size: 90%;
position: relative;
display: block;
margin:0;
height: 21px;
width: 161px;
padding-left: 10%;
}
#accountlink a span {
background-color: #c00;
}

#main {
background-color:#FFF;
padding:0;
margin:-5px 0 0 0;
z-index:1;
position:relative;
}

#maininner {padding: 4px;}

#bannerlink {
height:60px;
left: 286px;
top: 4px;
width:468px;
position: absolute;
margin: 0;
border: 0;
display: inline;
/*overflow: hidden;*/
}

#login p.notice {
position:absolute;
background: transparent url(../images/account_balloon.gif) no-repeat;
text-indent:-9000px;
height:85px; 
width:170px;
left:-80px; 
top:-43px;
}
#header {
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
background:url(../images/header_back.gif) no-repeat -5px 0;
height:200px;
/* these styles allow the sidebar and content to slide underneath swoop */
position:relative; z-index:2;
}
#kidsheader {
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
background:url(../images/kidsheader_back.jpg) no-repeat -5px 0;
height:207px;
/* these styles allow the sidebar and content to slide underneath swoop */
position:relative; z-index:2;
}
#teenheader {
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
background:url(../images/teenheader_back.jpg) no-repeat -5px 0;
height:207px;
/* these styles allow the sidebar and content to slide underneath swoop */
position:relative; z-index:2;
}
#adultheader {
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
background:url(../images/adultheader_back.jpg) no-repeat -5px 0;
height:207px;
/* these styles allow the sidebar and content to slide underneath swoop */
position:relative; z-index:2;
}

#middle {
margin:-67px 0 0 0;	
padding:0;
border-bottom:1px solid #CCC;
width: 759px;
}


/* sidebar 
------------------------------- */
#sidebar {
margin:66px 0 0 0;
padding:0 0 1em;
clear:both;
/*background:#ECFDFD;*/
width:221px;
float:left;
/* these styles allow the sidebar to slide underneath swoop */
position:relative; z-index:1;	
}
.secondary #sidebar {
padding:0 0 3em 0;
}
#sidebar ul.withborder {
background: transparent url(../images/divider_sidebar.gif) no-repeat 13px 0;
list-style: none;
margin: 1em 0 0 0;
padding: 0;
}
body.home #sidebar ul.withborder {
background: transparent;
margin: 0;
}
#sidebar ul.withborder li {
list-style: none;
padding:10px 0 11px !important;
margin:0 12px !important;
}
#sidebar ul.withborder li {
background: transparent url(../images/divider_sidebar.gif) no-repeat bottom;
height: 1%;
}
#sidebar ul.withborder a {
color: #11244C;
display: block;
height: 1%;
}
#sidebar ul.withborder a em {
font-family: tahoma, verdana, sans-serif;
font-size: 1em !important;
font-weight: bold;
font-style: normal;
}
body.home #sidebar ul.withborder a em {
font-size: 1.1em;
}
#sidebar ul.withborder a.chrome {
background: transparent url(../images/logos/chrome.gif) no-repeat -2px 0px;
padding-top: 25px;
}
#sidebar ul.withborder a.liberty {
background: transparent url(../images/logos/liberty.gif) no-repeat 0 0px;
padding-top: 38px;
}
#sidebar ul.withborder a.liberty em {

}
.home #sidebar a.consumeralerts {

}
#sidebar a.consumeralerts {
background: url(../images/consumer_alert.gif) -1px 0 no-repeat;
padding-left:24px;

font-family: tahoma, verdana, sans-serif;
display:block;
}
#content a.consumeralerts {
background: transparent url(../images/consumer_alert.gif) -1px 0 no-repeat;
padding-left:24px;
height:20px;
display: block;
font-family: tahoma, verdana, sans-serif;
}
#sidebar h3 {
margin: 0;
}
/* content 
------------------------------ */

#content {
float:left;
/* these styles allow the content block to slide underneath swoop */
position: relative;
z-index:1;
}

body.home #content {
z-index: 3;
background-position: 0 0;
margin-top: -15px;
padding-bottom: 15px;
position: relative;
width:538px;
}
* html body.home #content {
padding-bottom: 60px;
}

body.home #content,
.home #middle {
/* 
--------------------
This image should be changed with the seasons. 
--------------------
*/
background-image: url(../images/bg_winter.jpg);
background-repeat: no-repeat;
}
.home #middle {
background-color: #1e7bc9;
background-position: 221px -15px;
background-repeat: no-repeat;
}

.home #middle-inner,
.secondary #middle {
background: transparent url(../images/content-bkg.gif) repeat-y left;
width: 760px;
}
body.secondary #content {
background:#FFF url(../images/content-bkg.gif) -221px 0 !important;
width:479px !important;
width /**/:539px;
padding: 0 40px 20px 20px;
min-height: 300px;
}
#content #boxes {
margin:25px 0 0 6px;
padding:0;
}
body.secondary #content {
padding-bottom: .5em;
}
body.secondary #content p {
margin: .5em 0 .8em;
line-height: 130%;
color: #11244C;
}
#content .box {
color: #666;
border: 3px solid #fff;
display:block;
width:245px !important;
width /**/:251px;
background:#FFF;
float:left;
font-size: 110%;
margin:0 0 10px 8px; 
padding:0;
text-decoration: none;
}
#content .box:hover {
border: 3px solid #beb8ab;
}
#content .box em {
background: transparent url(/images/arrow_red.gif) no-repeat right center;
padding-right: 7px;
color: #C8000B;
font-style: normal;
text-decoration: underline;
height: 1em;
}
#content .box:hover em {
text-decoration: none !important;
}
#content .box span.link img {
border:0;
}
#content .box span {
display: block;
padding:  14px 11px 11px;
}

#content .box.center span {
padding-top: 0;
}
img.icon {
border:0;
margin:0;
float:left;
display: inline;
}
.box img.icon {
margin:6px 12px 6px 6px;
}
img.title {
margin-top: 6px;
}
img.icon-banner {
border:0;
margin:0 6px;
float:left;
display: inline;
}

#content .col_1 {
vertical_align: top;
float: left;
width: 40%;
}
#content .col_2 {
vertical_align: top;
float: left;
width: 40%;
margin-left: 25px;
}
/* contact 
---------------------------------- */
#contact {
display: block;
clear:both;
background: #C8000B;
margin:0 0 0 0; 
padding:0;
position: relative;
border-bottom:1px solid #C8000B; z-index: 5;
height: 25px;
bottom: 0;
}
.home #contact {
margin-top: 0 !important;
}
#contact p {
padding:6px 0 4px 8px; margin:0;
}	
#meta {
clear:both;
}
a.cardaccess {
width: 55%;
float: right;
font-size: 100% !important;
}
a.ezcard {
width: 39%;
float: left;
font-size: 100% !important;
text-align: center;
font-weight: bold;
text-decoration: none;
}
a.ezcard span {
font-size: 80% !important;
}


/* Main Nav
-----------------------------------*/
ul#mnav {
position: absolute;
float:right;
list-style:none;
margin:7px 0 0 0; 
padding:0;
width:555px;
display: inline;
top: 68px;
left: 213px;
z-index: 9;
}
ul#mnav li {
background: transparent url(../images/divider_nav.gif) no-repeat 0 7px;
float:left;
display:block;
margin:0; 
padding:0;
height:40px;
vertical-align:middle;
list-style:none;
}
ul#mnav li.personal {background: transparent;}

ul#mnav li a {
background: #11244C;
color:#FFF;
display:block;
float: left;
text-align:center;
margin:0 0 0 1px; 
padding:8px 4px 0 4px;
font-size:100%;
text-decoration:none;
height: 32px;
Zoom: 1;
}
body.personal ul#mnav li.personal a,
body.smallbusiness ul#mnav li.smallbusiness a,
body.investment ul#mnav li.investment a,
body.rates ul#mnav li.rates a,
body.online ul#mnav li.online a,
body.contact ul#mnav li.contact a,
body.about ul#mnav li.about a,
ul#mnav li a:hover ,
ul#mnav li.active a {
background-image: url(../images/nav-arrow.gif);
background-repeat: no-repeat;
background-position: top center;
}
ul#mnav li.personal a {
width:60px;
}
ul#mnav li.smallbusiness a {
width:100px;
}
ul#mnav li.investment a {
width:85px;
}
ul#mnav li.rates a {
width:90px;
}
ul#mnav li.online a {
width:90px;
}
ul#mnav li.about a {
width:60px;
}
ul#mnav li.first {
background-image: none;
}
ul#mnav li.last a {
background-color: transparent;
border:0 !important;
}

/* dropdown menu 
----------------------------------- */
ul#mnav ul {
clear: left;
position: absolute;
width: 10em;
left: -999em;
z-index: 5;
top: 3.1em;
}
ul#mnav li:hover ul,
ul#mnav li.sfhover ul {
left: auto;
}
#main ul#mnav ul {
background: #fff;
margin: 0;
padding: 0;
}
#main ul#mnav ul li {
background: #fff;
padding: 0 !important;
margin: 0 !important;
position: relative;
height: auto;
}
#main ul#mnav ul a {
color: #112349;
display: block;
background-color: #D5E2E5;
background-image: none !important;
margin: 0 0 1px 0 !important;
width: 12em;
text-align: left;
padding: .4em !important;
float: none;
height: auto;
}
#main ul#mnav ul a:hover {
background-color: #fff;
}
/* sidebar nav 
----------------------------------- */
#sidebar ul.nav {
list-style:none;
margin:0; 
padding:0;
}
#sidebar ul.nav li {
margin:5px 10px; 
padding:0;
}
#sidebar ul.nav li a {
color:#11244C;
margin:0; 
padding:0;
font-size:13px;
}
#sidebar ul.nav li em {
color: #c00;
font-style: normal;
}
#sidebar ul.nav li em a {
color: #c00;
font-size: 1.2em;
}

/* footer 
----------------------------------- */
#footer {
clear: both;
margin-left: 13px;
}
* html #footer {
width: 753px !important;
width /**/:700px;
}
#footer div.nav p, 
#footer div.nav a {
color:#11244C;
}
#footer div.nav p {
font-size: 88%;
}
#associations p {
float:left;
margin-right: 10px;
color: #11244C;
font-size:10px;
text-align:center;
}

#associations p img {
margin: 3px 0;
border:0;
vertical-align:middle;
}
#associations #equal_housing img {
margin-top: 35px;
}
#associations #credit_union img {
margin-top: 35px;
margin-left: 10px;
}
.secondary #footer .ncua_icon img {
position: relative;
margin-left: -4px;
}
/* Headings 
-----------------------------------*/

#header h1,
#header #taccu_logo {

display: block;
text-indent:-9000px;
background: #11244C url(../images/logo.gif) no-repeat;
height:79px; 
width:195px;
margin:50px 0 0 6px;
float:left;
}
#kidsheader h1,
#kidsheader #taccu_logo {

display: block;
text-indent:-9000px;
background: #11244C url(../images/logo.gif) no-repeat;
height:79px; 
width:195px;
margin:50px 0 0 6px;
float:left;
}
#teenheader h1,
#teenheader #taccu_logo {

display: block;
text-indent:-9000px;
background: #11244C url(../images/logo.gif) no-repeat;
height:79px; 
width:195px;
margin:50px 0 0 6px;
float:left;
}
#adultheader h1,
#adultheader #taccu_logo {

display: block;
text-indent:-9000px;
background: #11244C url(../images/logo.gif) no-repeat;
height:79px; 
width:195px;
margin:50px 0 0 6px;
float:left;
}

.secondary h1 {
font: normal 150%/1.2em georgia, "times roman", serif;
}
h2.pitch {
color:#FFF;
background: transparent url(../images/headings/you_belong.png) no-repeat 0 0;
display: block;

font-size:1em;
font-weight: normal;
font-family:Arial, helvetica, sans-serif;
margin:6em 0 .5em 15px;
position: relative;
text-align:center;
width:265px;
}
h2.pitch a {
color: #fff;
text-decoration: none;
}
h2.pitch big {
display: block;
text-indent:-9000px;
font-family:Garamond, times, "times roman", serif;
color:#FFF;
font-size:200%;
text-align:center;
}
h2.pitch span {
background: transparent;
display: block;
text-align:center;
padding-left: 45px;
padding-top: 32px;
padding-right: 45px;
}
body.secondary #content h1 {
color:#11244C;
font-size: 1.7em;
font-family:Georgia, "times roman", serif;
margin:30px 0 0 0;
padding-right: 80px;
}
body.secondary #content h2 {
color:#11244C;
font-family: helvetica, arial, sans-serif;
line-height: 1.2em;
margin: 1em 0 .6em;
font-size: 115%;
}
h2 { }

body.secondary #content h3 {
color:#11244C;
font-family: helvetica, arial, sans-serif;
margin: 1em 0 .3em;
font-size: 100%;
line-height: 1.2em;
}
h3 { }
#sidebar h3 {
font-family:Georgia;
font-weight: normal;
margin:10px 12px 5px 12px;
color:#11244C;
}
h4 { }
h5 { }
h6 { }

#sidebar #head_tools_alerts {
background: transparent url(../images/headings/tools_alerts.gif) no-repeat 0 0;	
font-size: 90%;
position: relative;
display: block;
margin:0 0 0 11px;
height: 25px;
width: 150px;
text-indent:-9000px;
}
#sidebar #head_whats_happening {
margin: 0 0 0 9px;
}
#sidebar #head_whats_happening a {
background: transparent url(../images/headings/whats_happening.gif) no-repeat 0 0;
font-size: 130%;
position: relative;
display: block;
margin:0;
height: 20px;
width: 150px;
text-indent:-9000px;
}
#head_personal_banking {
background: transparent url(../images/headings/personal_banking.gif) no-repeat 0 0;	
font-size: 130%;
position: relative;
display: block;
margin:0 0 0 11px;
height: 20px;
width: 135px;
text-indent:-9000px;
}

/* Text Styles 
---------------------------------*/

#accountlink a {
color:#FFF;
text-decoration:none;
text-transform:uppercase;
font-size:.85em;
line-height:21px;	
}
#sidebar p {
padding:8px;
margin:5px;
}
#sidebar p a {
color:#11244C;
font-size:1.1em;
}
#sidebar a:hover {
text-decoration: none;
}
#sidebar p a.highlight {
font-weight:bold;
}
#sidebar p a.consumeralerts {
color:#C20C1B;
font-size:1.1em;
font-weight:bold;
padding: 4px 0 1em 25px;
}
#sidebar .news {
margin: .3em 10px;
list-style: none;
}
#sidebar .news li {
margin: .6em 0;
list-style: none;
}
#sidebar .news li a {
font-size:1em;
}
#content div.box p.link {
text-align:center;
}
p.footnote {
font-size:85%;
line-height: 100% !important;
margin-bottom: 1.5em;
}
#content div.box a {
color:#C8000B;
font-weight:bold;
text-decoration:none;
}
#contact {
background:#C8000B;
color:#FFF;
}

#meta {
font-size:11px;
color:#11244C;
}
#content ul {
margin-left: 28px;
}
* html #content ul {
margin-left: 31px;
}
#content ul {
list-style-type: none;
padding-left: 0;
margin-left: 1px;
}
#content ul li {
list-style-type: none;
background: transparent url(/images/bullet_square.gif) no-repeat 0 3px;
padding-left: 0;
margin: .3em 0 0 0;
line-height: 1.3em;
padding-left: 15px;
}
#content ol li {
margin: .3em 0;
line-height: 1.3em;
}
#content ol {
margin-left: 25px;
}
#content table.data {
margin-bottom: 2.5em;
}
#content table.data,
#content caption {
width: 489px;
}
#content table.data caption,
#content th, #content td {
text-align: left;
line-height: 1.3em;
}
#caption thead {
clear: both;
}
#content caption {
color: #c00;
font-family: arial;
padding: .3em 0;
font-size: 1.4em;
}
#content th,
#content td {
padding: 5px 8px;
}
#content th {
background-color: #1f3157;
color: #fff;
}
#content tbody td,
#content tbody th {
font-size: 90%;
}
#content tr.toplevel th,
#content tbody tr th {
background-color: #ddd;
color: #1f3157;
}
#content tbody tr th {
text-align: right;
}
#content tr.alt td {
background-color: #f0f8f8;
}
#content tr.over td {
background-color: #06c;
color:#fff;
}
#content table.data tr.totals {
background-color: #ddd;
}
#content .feature {
background: #f3f1e7;
margin: 1em 0;
padding: 20px;
}
.secondary #content .feature h2 {
color: #c00;
margin-bottom: 1em;
}
.secondary #content .feature h3 {
font-family: tahoma;
}

/* Links
--------------------------------- */
body.secondary #content a:link, 
body.secondary #content a:visited {
color: #C00;
text-decoration: underline;
}
body.secondary #content a:hover {
text-decoration: none;
}

#contact a {
color:#FFF;
}

#meta a {
color:#11244C;
}	

/* inner-sidebar
--------------------------------- */
.inner-sidebar {
background: #eee;
color:#11244C;
float: right;
display: block;
line-height: 1.3em;
padding: 1em 15px 1.4em 15px !important;
width: 190px !important;
width /**/:220px;
margin:  1em 0 1em 20px;
}
body.secondary #content .inner-sidebar h3 {
font-size: 100%;
margin-left: 0px;
}
span.inner-sidebar {
padding: 15px !important;
margin: 15px 0 15px 15px !important;
width: 150px !important;
width /**/:150px;
}
.inner-sidebar p {
padding: 0 !important;
margin: 15px 0px !important;
}
#content .inner-sidebar ul {
margin: 0 !important;
padding: 0 !important;
}
#content .inner-sidebar ol {
margin: 0 0 0 1.9em;
padding: 0 !important;
}
.inner-sidebar li {
padding: 0 !important;
margin: 1em 0 !important;
}

/* pullquote
--------------------------------- */
.pullquote {
background: #fff;
border-left: 1px solid #ddd;
color:#11244C;
float: right;
font: 1.2em georgia;
line-height: 1.2em;
color:#11244C;
display: block;
padding: 1.5em 0 !important;
width: 220px;
margin:  .5em 40px .5em 10px;
}
span.pullquote {
display: block;
float: right;
padding: 10px 0 10px 20px !important;
width: 170px !important;
width /**/:210px;
margin: .5em 0 .5em 20px;
}
.pullquote p {
padding: 0 !important;
margin: 15px 10px !important;
font: 120% Georgia, "Times New Roman", Times, serif;
}
#content .pullquote ul {
margin: 0 !important;
padding: 0 !important;
}
.pullquote li {
padding: 0 !important;
margin: 1em 0 !important;
}
.pullquote.left {
float: left;
}
.pullquote.right {
float: right;
}

/* form
--------------------------------- */
form {
background: #f3f1e7;
margin: 0 0 1.5em;
padding: 10px;
}
form p {
clear: both;
padding: .6em 0;
}
form.right_labels p.inline label {
display: block;
float: left;
width: 138px;
padding: 0;
margin: .1em 0;
}
form.right_labels p.inline input {
display: block;
float: left;
width: 120px;
}
form fieldset {
border: 0;
padding: 0;
margin: 0;
}
form .radio_group {
margin-top: 1.4em !important;
margin-bottom: 0 !important;
}
form .radio_group label {
line-height: 1.8em;
}
form br {

}

/* =Icons
	Compliments of ParticleTree.com!!
----------------------------------------------------- */

#content .pdf{
	width:20px;
	padding:0 13px 0 0;
	margin-right: 3px;
	background: url(/images/icons/pdf.gif) no-repeat right;
	}

#content .doc{
	width:20px;
	padding:0 20px 0 0;
	margin-right: 3px;
	background: url(/images/icons/doc.png) no-repeat right;
	}
#content .ppt{
	width:20px;
	padding:0 20px 0 0;
	margin-right: 3px;
	background: url(/images/icons/ppt.png) no-repeat right;
	}
#content .xls{
	width:20px;
	padding:3px 18px 3px 0;
	margin-right: 3px;
	background: url(/images/icons/xls.gif) no-repeat right;
	}
#content .email {
	width:20px;
	padding:0 20px 0 0;
	margin-right: 3px;
	background: url(/images/icons/email.gif) no-repeat right center;
	}

/* misc
--------------------------------- */
em.highlight {
color: #C00;
}
.clear {
border: 0;
clear: both;
display: block;
float: none;
margin: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
padding:0;
}
.clearboth {
clear: both;
}
.right {
float: right;
}
img.right {
margin: 0 0 10px 18px;
}
.center {
text-align: center;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.hide {
display: none !important;
}
.hidden {
visibility: hidden;
}
hr.hidden {
margin: 0;
padding: 0;
height: 0;
}
.red {
color: #C00 !important;
}
.note {
font-size: 90% !important; 
margin-top: 1.5em !important;
}
.photo {
background: #fff;
border: 1px solid #ccc;
padding: 3px;
}
#skipnav {
display: none;
}
.ieonly {
display: none;
display: inline-block;
}
/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

@media print {
	#content ul li {
	background: transparent;
	list-style-type: square;
	}
}