/*********************************************************************************
**	$Id: styles.css 42530 2010-04-01 16:56:30Z ddamstra $
** CU*Answers Web Services
*********************************************************************************/

/* 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
**
**	 9DAE6D green
** 4C7ABD baby blue
** 003D76 darker blue
*********************************************************************************/

/*********************************************************************************
**	Globals
*********************************************************************************/
body {margin:0; padding:0; font:90% arial, sans-serif; background:#3a5d69 url(../img/body-bkgd.gif) repeat -5px -13px; 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:#9DAE6D;}
ul, ol {margin-top:0; margin-bottom:1em;}
li {margin-bottom:.5em;}
ul li ul li {margin-bottom:0;}
dt {font-weight:bold; font-size:1em;}
dd {margin:.25em 0 1em 2em;}
/*
h1 {position:absolute; top:0; left:0; z-index:2; height:102px; width:764px; margin:0; padding:0; background:transparent url(../img/header-cap.gif) no-repeat top right; font-size:1.5em;}
*/
h2 {color:#003D76; font-size:2.5em; margin:10px 0; border-bottom:1px solid #003D76; padding:0 0 5px;}
h3 {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;}

/*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;}

/*********************************************************************************
**	CU*Answers Common Classes
*********************************************************************************/
.floatright {float:right; margin-left:1em;}
.floatleft {float:left; margin-right:1em;}
.textleft {text-align:left;}
.textright {text-align:right;}
.fineprint {font-size:smaller; font-style:italic;}
.notice {margin:0 0 1em; border:1px solid #4D7ABD; padding:5px; background-color:#b8d4fe;}
.emph {font-size:1em; font-weight:bold;}
.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 #9dae6d; padding:0;}
.bottomblock {border-style:none; padding:0;}
img.image-head {margin:2em 0 1em 0;}
.center {text-align:center;}
	.center img {margin-left:auto; margin-right:auto;}
.strong {font-weight:bold;}

/*********************************************************************************
**	Page Structure
*********************************************************************************/
#container {width:740px; background:#fff url(../img/nav-bkgd.gif) repeat-y top left; color:#000; border:1px solid #374613; margin: 0 auto;}
/*#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:-1px; height:165px; width:100%; background:transparent url(../img/new_header_09.jpg) no-repeat top right;}
#tagline {position:absolute; top:0; left:0; z-index:3; width:740px; height:102px; background:transparent url(../img/banner-bkgd.gif) no-repeat top left; text-indent:-5000px; font-size:1px;}
#homelink {position:absolute; top:0; left:0; z-index:58; width:465px; height:100px; text-decoration:none; text-indent:-9000px;}
#homebanking {}
#content {}
#whatsnew {margin-top:1em;}
	#whatsnew h2 {margin-top:1em; font-size:175%;}
#copy {margin:0 10px 0 160px; width:559px;}
#nav {float:left; text-align:center;}
#banners {text-align:center; width:150px;}
#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 #003D76;
	clear: right;
	}

#glass-confetti {background:url(../img/glass-confetti.gif) bottom left no-repeat; padding:1em 2px 5px 150px; height:190px; margin-bottom:2em; border-bottom:1px solid #ccc;}
	#glass-confetti strong{color:#3173B9; font-size:110%}
#promo {margin-bottom:1em; border-bottom:1px solid #ccc; padding-bottom:1em;}
#promo .blue {color:#3173B9;}
#promo h2 {border:none;}
.h2orange {color: #f58025; margin-bottom: 1em;}

.centered {text-align:center;}

.showcase {
	display: block;
	height: 100px;
	margin-bottom:1em;
	}
	
.showcase div {
	border: 0px solid #000;
	margin: 0px 3px;
	display: inline;
	float: left;
	padding: 0px;
	}
	
.showcase2 {
	display: block;
 text-align: center;
	margin: 5px;
	padding: 0px;
	}
	
.listright {float:right; margin-left:1em; width:50%;}
.listleft {float:left; margin-right:1em; widows: 50%;}
/*********************************************************************************
**	Specifics
*********************************************************************************/
/* Navigation*/
#nav ul {list-style:none; margin:0 0 2em; padding:0; border-top:1px solid #9dae6d;}
#nav ul li {cursor:pointer; width:150px; text-indent:1em; margin:0; border-bottom:1px solid #9dae6d; background-color:#eaf1d9; text-align:left;}
#nav img {display:block; vertical-align:bottom; margin:0 auto 1em; max-width:100%; }
#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:#000; text-decoration:none;}
#nav ul li a:link,#nav ul li a:visited {}
#nav ul li a:hover,#nav ul li a:active {background: #9dae6d none; color:#fff;}
#nav ul li a#currentpage {background:#fff none; color:#000; cursor:default;}

#nav div{width: 150px;}

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

/*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: #4C7ABD;
	text-decoration:none;
	}
	
dd a:hover {
	color: #003D76;
	text-decoration: underline;
	}

/* Home Banking*/
#homebanking {position:absolute; top:110px; left:10px; border:3px solid #4D7ABD;}
#homebanking:hover {border:3px solid #003D76;}

/*
#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{font-size:12px; margin-bottom:5px; vertical-align:top; display:inline; text-align: right;}
#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; text-align:right;}
#homebanking .f-submit {text-align:center; margin-right: 1em;}
*/

/*********************************************************************************
** Generic Datatable
** see also lib.common.php for JS mouseovers
*********************************************************************************/
.datatable {border-width:1px 1px 0; border-style: solid; border-color:#9dae6d; margin-bottom:1em; width:100%;}
.datatable th {padding:4px 5px; border-bottom:2px solid #f7faef; background-color:#cfd9b1; color:#000; vertical-align:top;}
.datatable thead th {padding:4px 5px; border-bottom:2px solid #f7faef; background-color:#cfd9b1; color:#003D92; vertical-align:top; font-size:1.2em; text-align:left;}
.datatable td {padding:4px 5px; border-bottom:1px solid #9dae6d; vertical-align:top;}
.datatable th.horiz {border-bottom-width:1px;}
.rowone {background-color:#f7faef;}
.rowtwo {background-color:#fff;}
.fee {width: 25%;}

/* Added to indent <p>'s within other tags such as tables */
.indented {
	padding-left: 1em;
	margin-bottom: 0;
}

/*********************************************************************************
** The Hackery
** for clearing floats
*********************************************************************************/
.justclear {clear:both;}
/*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 */


/* 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;
}

#zoom 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;
}

#pres-coins {background:url(../img/promos/2009-08-04_pres_coins.jpg) top center no-repeat; padding-top:5px;}
	#pres-coins h3, #pres-coins h4 {text-align:center; color:#FFF;}
	#pres-coins .sub {color:#000; margin-top:85px; margin-bottom:1em;}

#coins-taylor {background:url(../img/promos/2009_11_coinsback.jpg) repeat-y;}
	#coins-taylor p {padding:.5em;}
	#coins-taylor .coin-mast {padding:.5em; background:#003D7D; border-bottom:4px solid #ED1E25; text-align:center; margin-bottom:.25em;}
	#coins-taylor h2 {color:#fff; font-size:125%; margin:0;}
	#coins-taylor h3 {color:#fff; margin:0;}

.thumbnail {margin:0 10px 0 0px; position:relative; z-index:9999; border:1px solid #eee; float:right;  padding:5px; background:#fff;}
.thumbnail img {border:1px solid #000;}
	
#library_content { padding: 0 10px 0 0; }

#library_content h1 { font:bold 2.0em arial sans-serif; color:#003d76; display:inline; position:relative; background:none;}
#library_content h2 { margin:0; font-size:1.15em;}

div a.button { border: 1px solid #CFD9B1; color:#fff; background-color: #4D7ABD; text-decoration:none; padding: 1px 12px 1px 4px; }
div a.button:hover { background-color: #003D76; margin-bottom: 1px;}

#money-smart {border-top:1px solid #9DAE6D; padding-top:1em;}

#promo_auto_loan { background-color: #FCF8C0; padding: 0 0 5px 0;}
#promo_auto_loan p { padding-top: .5em; }
#promo_auto_loan #top { background-color:#314177; padding: 1em 2em; margin:0;}
#promo_auto_loan #top h2, #promo_auto_loan #top h3 { color: #fff; margin: 0; padding: 0; text-decoration: none; border:0;}
#promo_auto_loan #top h2 { font-weight: bold; letter-spacing: 1px; }
#promo_auto_loan #top h3 { font-weight: bold; }
#falcopy { background: #FCF8C0 url(../img/woman-car.jpg) no-repeat top left; padding: 0 0 0 130px; margin: 0;}

#icuday { background-color: #231F20; height: 550px; text-align: center;}
#icuday #top h2 { color: #ED8436; text-decoration: none; text-align: center; border-bottom: none;}
#icuday #top h3 { color: #ED8436; text-decoration: none; text-align: center; border-bottom: none; margin-top: -13px;}
#icuday p { color: #ffffff; text-align: center; background-color: #231F20;}

#youth-week {/*background:#A0CB3D;*/ border-right:1px solid #00A650; padding-right:.5em;}
	#youth-week h3 {color:#2E6932;}
	#youth-week h4 {color:#DF6B2F; margin-bottom:1em;}
	#youth-week .fineprint {font-size:70%; color:#333333;}

#historic-change {background-color:#FFF799; margin-bottom:1em; padding-bottom:.75em;}
	#historic-change sup {margin-top:0; position:relative; top:.1em;}
	#historic-change h2 {background:#ED1E25; color:#fff; border-top:4px solid #0054A4; border-bottom:4px solid #0054A4; font-size:1.8em; font-weight:bold; color:#fff; text-align:center; margin:0;}
	#historic-change h3 {font-size:1.2em; margin:1.38em .3em .3em .3em; text-align:center;}
	#historic-change p {padding-left:2em; padding-right:2em;}
	#historic-change #jackson {position:absolute; right:.5em;}

#re-member {color:#fff; background:#005CAB url(../img/re-member.jpg) no-repeat right bottom; padding-right:125px;}
	#re-member h2 {color:#fff;}

.cccs {color:#623402;}
.cccs h3 {color:#0349B4; padding-bottom:3px; margin-bottom:.5em; margin-top:1em; border-bottom:2px solid #3F93FC;}
.cccs .bk {color:#000}
.cccs .thumbnail {margin:0px 0px 0 10px;}
.cccs .floatleft {margin:0px 10px 0 0px; position:relative; z-index:9999; border:1px solid #eee; float:left;  padding:5px; background:#fff;}
.cccs p:first-letter {font-size:110%; font-weight:bold;}

.cruise h3, .cruise h4 {margin-bottom:.2em;}
.cruise h3 {color:#C1491C;}
.cruise h4 {color:#266093; margin-top:.5em;}

.two-column .column {
	width: 255px;
	margin-right: 10px;
	padding:5px;
	position:relative;
	float: left;
}


a.badge img{border: 1px solid #000;}
a.badge:hover img {border: 1px solid #c00;}

/* for side by side homes for sales */
.show2up {
	width: 255px;
	margin-right: 10px;
	padding:5px;
	border: 1px solid #6C9AAB;
	background-color: #9BBBC7;
	float: left;
}
ul.nomarker {margin:0; padding: 0; list-style-type:none;}
ul.nomarker li {list-style-type:none; }

.autoloanpromotext
{
	padding: 70px 5px 5px 5px; font-size: 11px; font-weight: bold; color: #0054a4; text-align: center;
}

.autoloanpromotext ul li
{
	margin-bottom: 1px;
}

.autoloanpromotext ul
{
	margin: 0; padding-left: 15px;
}	

.floatleft
{
	float: left;
}

.house
{
	float: left;
	padding: 10px;
}

.housetext
{
	text-align: left;
	padding: 5px;
}

.housecontact
{
display:block; background-color: #000; color: #c2a013; font-weight:bold;
}

.househeader
{
	font-size: 30px; color: #c41130; text-align: center;
}

.promo-kids
{
	background-color: #ffd200;
	padding-left: 5px;
}	

.promo-kids h2
{
	color: #bb1621;
	border: none;
}

.promo-kids img
{
	padding: 5px;
}

#enterprise h2
{
	margin-top: 0px;
	color: #FFFFFF;
	background-color: #0054a4;
	width: 554px;
	margin-top: -3px;
}

#enterprise a:link, #enterprise a:active, #enterprise a:visited
{
	color: #FFFFFF;
}

#enterprise a:hover
{
	color: #00FFFF;
}

#youthweek
{
	width:560px;
	background-color:#b12023;
	margin-top:15px;
	padding-bottom:5px;
}

#youthweek p
{
	color:#fff;	
	font-weight:bold;
	text-align:center;
}

	 	 #easypay h1, #easypay h2 { color: white; border:0; position:relative; height: auto; }
		 
		 #icuday09 { background-color:#003d7d; color:#fff; }
		 
#house_for_sale
{
	background-color:#fff200;	
	margin-bottom:10px;
}

.forsale {border-bottom:1px solid #CCC; margin-bottom:1em;}
	.forsale h3 {margin-bottom:.25em;}
	.forsale .contact {border:1px solid #003D76; padding:.5em; background-color:#D7ECFF;}