/*********************************************************************************
**	$Id: styles.css 53122 2011-05-03 16:13:23Z 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;
  -moz-box-shadow: 0 3px 20px rgba(1, 1, 1, 0.9);
  -webkit-box-shadow: 0 3px 9px rgba(1, 1, 1, 0.9);
  box-shadow: 0 3px 5px rgba(1, 1, 1, 0.9);
}

/*#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 2px;
  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-coin  #pres-coin strong { color:#004AA8; }

#pres-coin #lincoln_coin {
  float:right;
  position:relative;
  z-index:999;
}

.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;
}