/*********************************************************************************
**	$Id: styles.css 43756 2010-05-07 13:18:59Z ddamstra $
** CU*Answers Web Services
** Codename: San Antonio
*********************************************************************************/

/* this rule fixes a IE rendering bug 
** see http://www.evolt.org/article/MSIE6_bug_with_floating_divs_and_spacers/17/23899/
*/
h1, h2, h3, h4, h5, h6, p {
  position: relative;
} 

/*********************************************************************************
**	Colour Chart
**
**	c10435 PMS 200 Maroon  --- not used 
** BF2E1A Dark Maroon
** ADADAD dark grey.
** D7D7D7 light grey/silver
**
*********************************************************************************/

/*********************************************************************************
**	Globals
*********************************************************************************/
body {margin:1em 0; padding:0; font:90% arial, sans-serif; background: #adadad; color:#fff;}
/*body {margin:0; padding:0; font:90% arial, sans-serif; background: #043172 none; color:#fff;}*/
p {margin-top:0; margin-bottom:1em;}
th, td, caption {color:#000; font: small arial, sans-serif;}
th {font-weight:bold; text-align:left;}
caption {font-weight:bold; font-size:1em; text-align:left; margin:0; padding:0 0 5px;}
table {margin-bottom:1.5em;}
img {border-style:none;}
hr {clear:both; height:1px; border-style:none; background-color:#ADADAD;}
ul, ol {margin-top:0; margin-bottom:1em;}
li {margin-bottom:.5em;}
ul li ul li {}
dt {font-weight:bold; font-size:1em; border-bottom: 1px solid #ADADAD;}
dd {margin:.25em 0 1em 2em; min-height: 100px; }
h1 {position:absolute; top:0; left:0; z-index:2; height:102px; width:764px; margin:10px; padding:0; background:transparent url(../img/logo.gif) no-repeat top left; font-size:1.5em;}
h2 {font-family: Arial, Helvetica, sans-serif; color:#000; font-size:2em; margin:10px 0; border-bottom:1px solid #000; padding:0 0 5px;}
h3 {font-family: Arial, Helvetica, sans-serif; margin:0;}
h4 {margin:0; font-size:1em;}
abbr, acronym {border-bottom:1px dashed #666; cursor:help;}
form {margin:0;}
label {cursor:pointer;}
input, select, textarea {font:75% arial, sans-serif;}
fieldset {margin:0 0 1em; border:1px solid #000; padding:10px; background-color:#fff; color:#000;}
legend {font:bold 1em arial, sans-serif; color:#000;}

a { color: #BF2E1A; font-weight: bolder; trext-decoration: none; }
a:hover { text-decoration: underline; }

/*Adds little icons to special links, like new windows and pdf files.  Doesn't work in >IE6.  Stupid IE.*/
a[rel="new"] {padding-right:12px; background:transparent url(../img/lnk-new.gif) no-repeat right center;}
a[rel="pdf"]{padding-right:12px; background:transparent url(../img/lnk-pdf.gif) no-repeat right center;}

/*********************************************************************************
**	Promos
*********************************************************************************/
#tool-loans {text-align:center; background:#929292 url(../img/trade-tools-bg.gif) repeat-x; border:1px solid #000;}
#tool-loans h3 {text-align:center; color:#94150F; margin:.5em 0; font-size:2em;}
#tool-loans p {font-size:110%; line-height:1.5em;}

/*********************************************************************************
**	CU*Answers Common Classes
*********************************************************************************/
.floatright {float:right; margin-left:1em; position:relative;}
.floatleft {float:left; margin-right:1em; position:relative;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.fineprint {font-size:smaller; font-style:italic; color: #ADADAD;}
.notice {margin:0 0 1em; border:1px solid #ADADAD; padding:5px; background-color:#D7D7D7;}
.emph {font-size:1em; font-weight:bold; color: #BF2E1A;}
.noborder {border-style:none;}
.border {border: 1px solid #000; }
.last {margin:0;}
.none {display:none;}
.indent {margin-left:.75em;}
.copyblock {margin:0 0 1em; border-bottom:1px solid #ADADAD; padding:1em;}
.bottomblock {border-style:none; padding:1em;}
.strong {font-weight:bold;}
.feature {margin-bottom:1em; border:2px solid #000;}
.notice_border {padding: 15px 15px 15px 15px; border: 1px solid #000000; background-color: #DDDDDD;}
.notice_border h3 { color: #9D001A; }
.item {background-color:#E8E8E8; border:1px solid #666666; padding:3px; margin:3px; width:99%; position:relative;}
	.item h3 {margin-bottom:.75em;}
	.item img {border:1px solid #999999;}

/*********************************************************************************
**	Page Structure
*********************************************************************************/
#container {width:740px; background:#fff url(../img/nav-bkgd-new.gif) repeat-y top left; color:#000;  margin:auto; border-bottom: 1px solid #000; min-height: 950px; }
/*#header {position:relative; top:-1px; height:102px; width:100%; background:#9dae6d url(../img/header_new_bg.gif) no-repeat top left;}*/
#header {position:relative; top:-0px; height:150px; width:740px; background:transparent url(../img/new_header.gif) no-repeat top right;}
#tagline {}
#homelink {}
#homebanking {}
#content {position:relative;}
#copy {margin: 0 10px 0 168px; text-align:justify;}
/*#copy {margin:0 10px 0 160px; width:559px;}*/
#nav {/*float:left;*/ position:absolute; left:0; text-align:center; width:150px; }
#banners {text-align:center; width:150px; margin-top: 10px;}
#meta {width:250px; float:left;}	
#meta div, #meta p {margin:0 5px 1em 5px;}
#footer {width:auto; margin:0 10px 1em 275px;}
#meta, #footer {padding:1em 0 0; font-size:75%;}
#meta hr, #footer hr {display:none;}
#meta img {float:left; margin:0 5px 0 0;}
#footercontainer {
	margin: 25px 0 0 160px;
	border-top: 1px solid #000;
	clear: right;
	}

/*********************************************************************************
**	Specifics
*********************************************************************************/
/* Navigation*/
#nav ul {list-style:none; margin:0; padding:0; border-top:1px solid #000; font-size: 80%;}
#nav ul li {cursor:pointer; text-indent:1em; margin:0; border-bottom:1px solid #000; text-align:left;}
#nav img {display:block; vertical-align:bottom; margin:0 auto 1em;}
#nav h3 {text-align:left; margin:0 0 5px 5px;}
#nav ul li a{display:block; width:100%; height:auto; padding:5px 0; vertical-align:bottom; font-weight:bold; background:transparent none no-repeat 5px 50%; color:#fff; text-decoration:none;}
#nav ul li a:link,#nav ul li a:visited {}
#nav ul li a:hover,#nav ul li a:active {background: #BF2E1A none; color:#fff;}
#nav ul li a#currentpage {background:#fff none; color:#000; cursor:default;}

.navbox {
	font-size: 80%;
	width:  80%;
	border: 1px solid #ADADAD;
	background: #D7D7D7;
	padding: 5px;
	margin: 10px auto;
	}

	/* Login */
	/*#login {color:#fff;font-weight:bold; position:absolute;top:0px;right:50px;left:auto;width:15em;}
	#login_back {position:absolute; top:1em; right:2.75em; left:auto; width:17em; height:6.25em; background-color:#FFFFFF; opacity:.50; filter: alpha(opacity=66); -moz-opacity: 0.66;}
	#login form {margin:0}
	#login input {width:8em;margin: 0 0 -1px;height:1.2em}
	#login label {padding:5px 0 0;display:inline; color:#333333;}
	#login input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
	#login h3, h4 {margin:3px auto auto auto;}*/
	
		/* LOGIN */
	#login_back {position:absolute; top:0; right:0; left: auto; width:15em;  height:6.25em; background-color:#FFFFFF; opacity:.50; filter: alpha(opacity=66); -moz-opacity: 0.66; border: 1px solid #fff; border-top: 0;  display:none;}
	#login {color:#000;font-weight:bold;position:absolute; top:10px; right:10px; left: auto;}
	#login form {margin:0}
	#login input {width:8em;margin: 0 0 5px 0;height:1.2em}
	#login label {padding:5px 0 0;display:inline; font-size:81%}
	#login input.f-submit {padding: 1px 3px;background:#7F0320;color:#fff;font-weight:bold;font-size:76%;  height: 110%; width: 16em;}
	/*#login div.f-submit-wrap {padding: 5px 0 5px 6em; }
	#login input.f-submit {margin: 0 0 0 10px}*/
	
	#login h4 {margin: 0;}

#banners a {text-decoration:none; color: #000;}
#banners a:hover {text-decoration:none; color: #003D76;}

#banners a img.survey {border: 1px solid transparent;}
#banners a:hover img.survey {border: 1px solid #D7D7D7;}

#auto-loan {text-align:center; border:1px solid #000; position:relative; top:0;}
	#auto-loan #car {position:absolute; left:10px; top:10px;}
	#auto-loan .fineprint {text-align:left;}
	#auto-loan h3 {margin-bottom:1em;}

/*Navigation*/
/*#nav ul {list-style:none; margin:0; padding:0; width:182px; border-top:1px solid #99a9d2;}
#nav ul li {margin:0; border-bottom:1px solid #99a9d2;}
#nav ul li a{display:block; width:100%; height:auto; padding:5px 0; text-indent:20px; vertical-align:bottom; font-weight:bold; background:transparent none no-repeat 5px 50%; color:#fff; text-decoration:none;}
#nav ul li a:link,#nav ul li a:visited {}
#nav ul li a:hover,#nav ul li a:active {background-image: url(../img/a-hover-bkgd.gif); color:#ffe168;}
#nav ul li#currentpage {padding-bottom:0; margin-bottom:0;background: #fff url(../img/a-current-bkgd.gif) repeat-y left center;}
#nav ul li#currentpage a {cursor:default; color:#000; background:transparent none;}*/
/*SubNav*/
/*#nav ul li ul {margin:0; padding:0 0 1em;  background: #fff url(../img/a-current-bkgd.gif) repeat-y left center; color:#000; display:none;}
#nav ul li ul li {border-style:none; margin:0 0 0 1em;}
#nav ul li#currentpage ul {display:block; border-style:none;}
#nav ul li#currentpage ul li a {font-size:85%; font-weight:normal; padding:0 0 2px; cursor:pointer; background-image:url(../img/a-current-bkgd.gif) !important;}
*/

dd a {
	color: #BF2E1A;
	text-decoration:none;
	}
	
dd a:hover {
	text-decoration: underline;
	}

.ad {margin-top:1em; margin-bottom:1em;}
	.ad .notice {margin:0 0 1em 1em;}
	
.attention {font-weight:bold; color:#A50021; font-style:italic; font-size:18px;}


/*
** Contact Form
*********************************************/	
#contact .frmcontain {clear:both; margin:0 0 5px; padding:0 0 3px;}
#contact .frmcontain label {width:135px; float:left; margin-right:10px; text-align:right;}
#contact .frmcontain input,
#contact .frmcontain select,
#contact .frmcontain textarea {width:200px;}

/* Home Banking*/
#homebanking {width:150px; position:absolute; top:115px; left:0; font:normal 75% arial, sans-serif; background:#eaf1d9; border-width:1px 0; border-style:solid; border-color:#9dae6d;}
#homebanking fieldset {margin:0; border-style:none; padding:0; background:transparent;}
#homebanking legend {display:block; font-size:1.15em; margin:.5em 0; border-style:none; padding:0; background:transparent none;}
#homebanking input, #homebanking label {font-size:12px; margin-bottom:5px; vertical-align:top; display:inline;}
#homebanking label {margin-right:10px; font-size:85%; text-align:right;  font-weight:bold; border-style:none;}
#homebanking .frmcontain {clear:both; margin-bottom:3px; padding:0 5px;}

/*********************************************************************************
** Generic Datatable
** see also lib.common.php for JS mouseovers
*********************************************************************************/
.datatable {border-width:1px 1px 0; border-style: solid; border-color:#ADADAD; margin-bottom:1em;}
.datatable thead th {padding:4px 5px; border-bottom:2px solid #ADADAD; background-color:#810321; color:#fff;}
.datatable td {padding:4px 5px; border-bottom:1px solid #ADADAD;}
.datatable tbody th {padding:4px 5px; border-bottom:1px solid #000; border-right:1px solid #000;  background-color:#adadad; color:#000; vertical-align:top; text-align:center;}
.datatable th.horiz {border-bottom-width:1px;}
.rowone {background-color:#d7d7d7;}
.rowtwo {background-color:#fff;}

/*********************************************************************************
** The Hackery
** for clearing floats
*********************************************************************************/
/*It's great in the HTML, but a little clunky in the CSS, so it's at the bottom.*/
.clear:after, #container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear, #container {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear, * html #container  {height: 1%;}
.clear, #container{display: block;}
/* End hide from IE-mac */
.just-clear {clear:both;}

/* ADR ticker */
#coutner {}


/* zoom image used for the ncua logo*/
#zoom {
	position:relative;
	z-index:100;
}

#zoom a {
	/*float: right;*/
	margin: 0 0 10px 10px;
	border: 1px solid #000;
	text-indent: -1000em; /* hide the link text */
	overflow: hidden;
	display: block;
	width: 62px; /* show only thumbnail */
	height: 28px;
	background: url('/img/ncua_logo_2006z.gif') no-repeat top left;
}

#zoom2 a:hover {
	width: 543px; /* adjust size to zoomed photo */
	height: 244px;
	background-position: 0 -28px; /* move the image so only the big one shows */
	margin-top: -216px;
}

.button
{
	height: 20px;
	vertical-align:middle;
	text-align:center;
	background-color: #000;
	padding: 8px 5px 3px 5px;
	margin-bottom: 5px;
}
	
.button:hover
{
	background-color: #b53421;
}

.button a
{
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}

.caption
{
	font-size: 10px;
}

.video
{
	width: 246px;
}

table#hours
{
	width: 500px;
}

table#hours th
{
	color: #b53421;
}

table.bod th, table.bod td {padding: 2px 3px;}