/* $Id:main.css 7085 2006-09-15 16:07:01Z ddamstra $ */
/* Site Framework: Molly 1.2 */
/* Derived from Mollio http://www.mollio.org */

/*
** Mollio Styles **
*/

/*
LEGAL
=====
Copyright:Daemon Pty Limited 2006, http://www.daemon.com.au
Community:Mollio http://www.mollio.org $
License:Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License:Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License:Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/
*/

/* THE BIG GUYS */
* {margin:0; padding:0;}
body {text-align:center; padding:0 0 20px; background:#454E6B /*url(images/background.jpg) repeat-x*/; color:#333; font:83%/1.5 arial,tahoma,verdana,sans-serif;}

/* Gotta love (or boycot) IE */
script, style {display:none;}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent; text-decoration:underline; cursor:pointer;} 
a:link {color:#306599;}
a:visited {color:#5984A6;}
a:hover,a:active {color:#069;} 

/* FORMS */
form {margin:0 0 1.5em;}
input {font-family:arial,tahoma,verdana,sans-serif; margin:2px 0;}
fieldset {border:none;}
label {display:block; padding:5px 0;}
label br {clear:left;}

	/* FORMS - general classes */
	input.f-submit {padding:1px 3px; background:#666; color:#fff; font-weight:bold; font-size:96%;}
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	/*#form-wrap {position:relative;}*/
	form.f-wrap-1 {padding:.5em 0; background:#f6f6f6; border-top:1px solid #d7d7d7; position:relative; width:99%;} /*If width were 100% IE would break it*/
		form.f-wrap-1 fieldset {width:auto; margin:0 1em;}
		form.f-wrap-1 h3 {margin:0 0 .6em; font:bold 155% arial; color:#2F6497;}
		form.f-wrap-1 label {clear:left; float:left; width:100%; border-top:1px solid #fff;}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none;}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em; float:left; margin-left:10px;}
		
		form.f-wrap-1 label b {float:left; width:8em; line-height:1.7; display:block; position:relative;}
		form.f-wrap-1 label b .req {color:#c00; font-size:150%; font-weight:normal; position:absolute; top:-.1em; line-height:1; left:-.4em; width:.3em; height:.3em;}
		form.f-wrap-1 div.req {color:#666; font-size:96%; font-weight:normal; position:absolute; top:.4em; right:.4em; left:auto; width:13em; text-align:right;}
		form.f-wrap-1 div.req b {color:#c00; font-size:140%;}
		form.f-wrap-1 label select {width:15.5em;}
		form.f-wrap-1 label textarea.f-comments {width:20em;}
		form.f-wrap-1 div.f-submit-wrap {padding:5px 0 5px 8em;}
		form.f-wrap-1 input.f-submit {margin:0 0 0 10px;}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left; float:left; width:32em; border:none; margin:0; padding-bottom:.7em;}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left; width:8em; line-height:1.7; display:block; position:relative; padding-top:.3em;}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left; width:13em; margin:3px 0 0 10px;}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left; width:13em; border:none; margin:0; padding:2px 0; margin-right:-3px;}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto; float:none; margin:0; padding:0;}
		
		form.f-wrap-1 label span.errormsg {position:absolute; top:0; right:-10em; left:auto; display:block; width:16em; background:transparent url(images/errormsg_bg.gif) no-repeat 0 0;}
		form.f-wrap-1 label span.errormsg b {padding:10px 0; margin:0 10px 0 30px; color:#B30800; font-weight:bold; display:block; width:auto; float:none; line-height:1.3;}

/* TYPOGRAPHY */
p, ul, ol {margin:0 0 1.5em;}
h1, h2, h3, h4, h5, h6 {letter-spacing:-1px; font-family:arial,verdana,sans-serif; margin:1.2em 0 .3em; color:#2F5571; border-bottom:1px solid #2F5571; padding-bottom:.1em; text-transform:capitalize;}
h1 {font-size:150%; margin-top:.6em;}
h2 {font-size:136%;}
h3 {font-size:126%;}
h4 {font-size:116%;}
h5 {font-size:106%;}
h6 {font-size:96%;}
img {border:none;}
blockquote {margin-left:2em; margin-bottom:1em;}
	blockquote.fineprint {font-style:italic;}
.highlight {color:#E17000;}
.subdued {color:#999;}
.error {color:#c00; font-weight:bold;}
.success {color:#390; font-weight:bold;}
.caption {color:#999; font-size:11px;}
.fineprint {color:#7D7D7D; font-size:10px;}
.aside {color:#666; font-size:60%;}
.date {font:bold 82% arial; color:#bbb; display:block; letter-spacing:1px;}
.floatright {float:right; margin-left:1em;}
.floatleft {float:left; margin-right:1em;}
.nofloat {float:none;}
.page-tag:first-line {font-size:125%; color:#1C3C5B;}
	.page-tag {color:#1C3C5B; font-weight:bold;}
.strong {font-size:125%; color:#1C3C5B; font-weight:bold;}
small {font-size:11px;}
.bigger {font-size:115%; clear:none;}
.center {text-align:center;}
	.center img {margin-left:auto; margin-right:auto;}
.phpdigHighlight {color:#660000; font-weight:bold;}
h2.search-result a {font-weight:bold; border:none; text-decoration:none;}
acronym {border-bottom:1px dashed;}
/*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(images/lnk-new.gif) no-repeat right center;}
a[rel="pdf"]{padding-right:12px; background:transparent url(images/lnk-pdf.gif) no-repeat right center;}

/* Type based promo */
.style-box {font:8pt Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; color:#3A3A61;}
.style-box h1, .style-box h2, .style-box h3 {border:none; color:#1E3648; font-weight:normal; font-family:Arial, Helvetica, sans-serif; letter-spacing:normal;}
.style-box h1 {font-size:14pt; /*padding-left:23px; background:url(images/arrow_right_blue.gif) no-repeat;*/ line-height:18px; color:#792535;}
.style-box h2 {font-size:12pt; padding-right:18px; color:#003C5E;}
.style-box a {text-decoration:none; color:#1E3648; border-bottom:1px solid #306599; /*font-weight:bold; padding-right:18px; background:url(images/link.gif) right no-repeat; line-height:17px;*/}
.style-box ul {list-style-image:url(images/bullet_arrow.gif);}
.style-box ul ul {list-style-image:url(images/bullet_arrow_light.gif);}
.style-box ul ul ul {list-style-image:url(images/bullet_arrow_lighter.gif);}
.style-box li {margin:3pt auto 3pt 16pt;}
.style-box .floatright {margin-right:2em;}
.sectional {border-left:1px solid #6D7186; margin-left:1px; padding-left:4px;}

iframe#sb-search {border:none; width:99%; height:700px;}

.quick-links ul {list-style-image:url(images/bullet_arrow.gif);}
.quick-links li {font-size:8.6pt; margin:8pt auto 3pt 16pt;}
.quick-links h2 {font-size:14px; font-weight:bold; border-bottom:none; border-top:1px solid #2F5571; margin-bottom:7pt; padding-top:8pt;}
.quick-links a, .quick-links a:visited, .quick-links a:link {color:#254358; text-decoration:none;}
	.quick-links a:hover {text-decoration:underline;}

.paddme {margin-top:1.2em;}

#promos {}
#promo-left {width:150px; padding:0; margin:0 1em 0 0; float:left;}
	#promo-left img {margin:auto; margin-bottom:1em;}
#promo-center {padding:0; margin:0 1em 0 0; float:left;}
	#promo-center img {margin:auto; margin-bottom:1em;}
#promo-right {width:150px; padding:0; margin:0 0 1em 0; float:left;}
	#promo-right img {margin:auto; margin-bottom:1em;}

/* Banners */
#ads {height:160px; background-color:#fff; margin-top:1em; position:relative;}
	#ads h1 {position:absolute;}
	#ads .ad-number {display:none;}
	
	#ads #firsthome {color:#213C00; width:6em; top:50px; line-height:20px; font-size:20px; left:0px; text-align:right;}
	#ads #business {color:#fff; left:1em; bottom:14px;}
	#ads #grad {width:8em; top:15px; left:2px; color:#000;}
	#ads #retirees {width:11em; top:5px; left:17px; color:#27405E;}
	#ads #road {color:#fff; top:0px; left:14px; width:172px; line-height:1.2em;}

#rotator {height:160px; border-bottom:1px solid #CCCCCC; margin-top:1em;}
	#rotator .item-number {display:none;}

/* Used with jQuery.cycle */
#rotate {height:175px;}


.banner {margin:2em auto; width:99%; height:195px; padding:0; position:relative; color:#57723F; font-size:10px;}
	.banner .content {position:absolute; top:65px; left:20px; padding-right:210px;}
.banner.membership {background:url(../images/banner_membership/banner_membership_back.gif) repeat-x;}
	.banner.membership div.inner {background:url(../images/banner_membership/banner_membership-right.jpg) top right no-repeat;}
	
/* Wedge specific styles */
#cp-logo {background-color:#E5E7ED; float:right; padding-left:1em;}

#cool-perks {margin:auto -12px 2em -5px;}
#cool-perks p {color:#AA263D;}
#cool-perks h3 {border:none;}
#cool-perks .ruled {padding-left:30px; margin-left:1em; background:url(../images/cool-perks-rule.gif) 0 -50px repeat-y;}
	#cool-perks .ruled h3 {color:#0088BB; border-bottom:1px solid;}
	#cool-perks .ruled h3.red {color:#AA263D; border:none;}
	#cool-perks .ruled h3:first-letter {font-size:120%;}
	
#checkbook {position:relative; z-index:100;}
#cp-logo {position:relative; z-index:100;}
#cp-mascot {position:relative; z-index:100;}

/* Promos */
#home-page {}
#home-page img {margin:auto;}
#home-page #badges {margin-top:1em; margin-bottom:1em; /*padding:2em; background:#999999; border:1px solid #306599;*/}
#home-page #badges img {margin:auto 5% auto 5%;}
#home-page .thumbnail {margin:0 0 0 10px; position:relative; z-index:9999; border:1px solid #eee; float:none; padding:5px; background:#fff;}
#home-page .thumbnail img {border:1px solid #000;}

#cool-perks-loan #back {padding:1em; background:#6193B2 url(../images/promos/cool-perks-loan-umbrella.gif) top right no-repeat; position:relative; z-index:100;}
#cool-perks-loan #back img {position:relative; z-index:200;}
#cool-perks-loan span {display:block;}
#cool-perks-loan h2 {border:none; color:#fff; font-size:190%; margin-top:40px;}
#cool-perks-loan strong {color:#FFFEC0; font-size:150%;}
#cool-perks-loan .fineprint {color:#000; font-style:italic;}
#cool-perks-loan #mascot {float:left; margin-right:2em;}
#cool-perks-loan #perk-table {text-align:center; clear:left;}
#cool-perks-loan table {width:98%; margin:auto; text-align:left;}
#cool-perks-loan table td {padding:4px; background:#fff;}
#cool-perks-loan table th {padding:4px; background:#FFFFDB; border:1px solid #FFFD70;}

#two-percent {position:relative;}
#two-percent .by-tag {margin-right:280px;}
#two-percent h2 {border:none; color:#fff; font-size:17px; margin-top:40px; position:relative; z-index:100;}
#two-percent h2 strong {color:#FFFEC0; font-size:150%;}
#two-percent #bar {background:#9E3738; padding-left:1.5em;}
#two-percent #tag {position:absolute; top:-19px; right:20px;}

/**** Super special column system *****\
 * 
 * You can do this:
 * 
 * 	<div class="columns two">
 * 		<div class="column">
 * 			stuff
 * 		</div>
 * 		<div class="column">
 * 			stuff
 * 		</div>
 * 	</div>
 * 
\**************************************/
.columns {position:relative; width:100%;}
	.column {float:left; position:relative;}
	.two .column {width:46.2%; margin-right:1em;}
	.three .column {width:29.5%; margin-right:1em;}
	.four .column {width:23.8%; margin-right:1em;}


/* LISTS */
ul {margin:.3em 0 1.5em 0;}
	ul.related {margin-top:-1em;}
ol {margin:.5em .5em 1.5em;}
ol li {margin-left:1.4em; padding-left:0; background:none; list-style-type:decimal;}
li {line-height:1.4em; margin-left:3em;/*padding-left:25px; background:transparent url("images/sprites.gif") no-repeat 0 0;*/}
li.doc {background-position:3px -500px;}
ul.nomarker li {background:none; padding-left:0;}

dl {margin:0 0 1em 0;}
dt {font-weight:bold; margin-top:1.3em;}
dl dl {margin:0 0 1.5em 30px;}

/* GENERAL */
img {border:none;} 
hr {margin:1em 0; background:#f2f2f2; height:1px; color:#f2f2f2; border:none; clear:both;}
.clear {clear:both; position:relative; font-size:0px; height:0px; line-height:0px; width:90%;} 
.clear-safe {clear:left; position:relative; font-size:0px; height:0px; line-height:0px; width:90%;} 

.modal-alert {display:none; position:relative; z-index:999;}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
	 z-index:999;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* LAYOUT - HEADER */
#header {background:#fff url(images/bg_header.jpg); margin:0; padding:0; position:relative; height:138px; /*margin-bottom:5px;*/}

	#header #site-name {font:265% arial; letter-spacing:-.05em; margin:0 0 0 40px; padding:3px 0; color:#ccc; border:none;}
	/*#mast-logo {position:absolute; top:0px; right:0px;}
	#mast-left {position:absolute; left:0px; top:5px;}*/
	#mast-logo {position:absolute; left:5px; top:10px;}
	#nav-wrap {position:static;}
	/*#nav-wrap #hb-link {position:relative; top:-11px; margin-bottom:-50px; z-index:999;}*/
	#nav-wrap #hb-link {position:relative; top:-4px; margin-right:-60px; margin-left:-5px; z-index:999;}
	#nav-wrap #cool-perks {position:relative; top:-14px; margin-bottom:-50px; z-index:999;}
	
	/* NAV - top horizontal nav 
		When changing the nav, keep some things in mind:
		1.	Floated elements have a tendency to overlap and hide other page elements. 
			This is good for the nav as the sub ULs need to be on top. Removing the float 
			however means you will need to account for the z-index changes. The sub ULs in 
			the nav are on top because they are a child of a floated element and positioned 
			absolutely.
		2.	Where the nav appears on the DOM matters for it's location in the z-index. 
			IE is bubble up and Geko in trickle down.
	*/
	#nav-wrap {}
	#nav-wrap #nav {white-space:nowrap; border-bottom:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #fff;}
	#nav-wrap #nav {font-weight:bold; font:bold 13px arial; margin:0 105px 0 40px; background:#484749 url(images/menu-back.gif) repeat-x; width:100%; position:absolute; bottom:0;}
	#nav-wrap #nav, #nav-wrap #nav ul {padding:0; margin:0; list-style:none;}
	#nav-wrap #nav li {position:relative; float:left; height:31px; width:10em; display:block; margin:0; margin-bottom:0; padding:0; border-left:1px solid #EAEAEA;}
	#nav-wrap #nav a, #nav-wrap #nav a:link, #nav-wrap #nav a:visited, #nav-wrap #nav a:hover, #nav-wrap #nav a:active {text-decoration:none; cursor:pointer; color:#e5e5e5; display:block; padding:5px 7px 2px; margin:0;}
	#nav-wrap #nav a:hover {color:#fff;}
	
	#nav-wrap #nav li ul {border:1px solid #BDBFC0; background:#838487; width:20em; font-size:11px; margin-top:0px; position:absolute; font-weight:normal; left:-999em;}
	#nav-wrap #nav li:hover ul, #nav-wrap #nav li.sfhover ul {left:0; z-index:99999;}
	
	#nav-wrap #nav li li {background:none; height:auto; float:none; padding-left:0;}
	#nav-wrap #nav li li.last {border-bottom:1px solid #000;}
	#nav-wrap #nav li li a, #nav-wrap #nav li li a:link, #nav-wrap #nav li li a:visited, #nav-wrap #nav li li a:hover {color:#E5E5E5; padding:3px 10px 2px; width:18em;}
	#nav-wrap #nav li li a:hover {color:#fff; background:#306599;}
	
	#nav-wrap #nav li.active {background:#306599; color:ebebeb;}
	#nav-wrap #nav li.active ul {border:none; background:#306599;}
	#nav-wrap #nav li.active a:link, #nav-wrap #nav li.active a:visited, #nav-wrap #nav li.active a:hover, #nav-wrap #nav li.active a:active {color:#ebebeb;}
	#nav-wrap #nav li.active a:hover {color:#ebebeb;}
	
	#nav-wrap #nav li.active li {}
	#nav-wrap #nav li.active li.last {border-bottom:none;}
	#nav-wrap #nav li.active li a:link, #nav-wrap #nav li.active li a:visited, #nav-wrap #nav li.active li a:hover, #nav-wrap #nav li.active li a:active {color:#ebebeb;}
	#nav-wrap #nav li.active li a:hover {background:#f6f6f6; color:#000;}
	
	#nav-wrap #nav li.active li.active a:link, #nav-wrap #nav li.active li.active a:visited, #nav-wrap #nav li.active li.active a:hover, #nav-wrap #nav li.active li.active a:active {color:#fff; font-weight:bold; background:#666 url("images/sprites.gif") repeat-x 0 99%;}

	/* hide from IE mac \*/
	#nav-wrap #nav li {width:auto;}
	/* end hiding from IE5 mac */
	
	/* SEARCH */
	#search {color:#fff; font-weight:bold; position:absolute; top:10px; right:110px; left:auto; width:18em;}
	#search form {margin:0;}
	#search input {width:8em; margin:0 0 -1px; height:1.2em;}
	#search label {padding:5px 0 0; display:inline;}
	#search input.f-submit {width:auto; font-size:81%; margin:0 0 -.15em; height:1.95em;}
	
	/* LOGIN */
	#login {color:#fff; font-weight:bold; position:absolute; top:3px; right:10px; left:auto; width:auto; z-index: 9999;}
	#login form {margin:0;}
	#login input {width:8em; margin:0 0 5px 0; height:1.2em;}
	#login label {padding:5px 0 0; display:inline;}
	#login input.f-submit {width:auto; font-size:81%; margin:0 0 -.15em; height:1.95em;}
	
	/* POWERED BY - mollio logo in this case */
	#poweredby {width:96px; height:63px; position:absolute; top:-102px; right:0;}
	
	/* For google and yahoo maps */
	#map {margin:auto auto 1em auto; border:1px solid #1D3F60;}
	#disclosure-links a,
	#disclosure-links a:visited	{display:block; color:#3766AF; text-align:center; float:left; padding:3px 5px; margin:2px 3px; border:1px solid #295784; text-decoration:none; background:#C6D6D6;}

/* LAYOUT - main body of page */
#wrap {margin:auto; position:relative; width:715px; text-align:left;}
#content-wrap {position:relative; width:100%;}
	#utility {position:absolute; right:0; margin:0; width:180px; padding:5pt; display:inline-block;}
	#utility-addition {float:right; margin:0; width:180px; padding:5pt; display:inline-block;}
	#utility img {margin:0;}
	#sidebar {position:absolute; top:0; right:25px; width:20%; border-top:5px solid #999; padding-top:10px; padding-bottom:40px;}

#subnav {color:#fff; padding:3px; background-color:#306599; position:relative; z-index:0; margin-right:200px;}
	#subnav a {padding:.2em; color:#fff; text-decoration:none;}
	#subnav a:visited {padding:.2em; color:#ccc;}
	#subnav a:hover {color:#fff;}

#content {margin:0 50px; position:relative;}
	#content #breadcrumb {margin-top:-5px; font-size:93%; font-weight:bold; display:none;}
	#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none;}
	#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline;}

	img#life-events-coming-soon {margin-top:-10px;}
	
	.feature {width:146px; margin-bottom:1em; padding-bottom:1px; background:url(images/utillity-feature-frame.gif) bottom center no-repeat; padding-top:0; font:bold Arial, Helvetica, sans-serif;}
	.feature p {margin:5px; font-size:13px; color:#49536E}
	.feature ul {}
	.feature img {margin:auto;}
	.feature h1 {margin-top:0; color:#ebebeb; margin-bottom:0; font:bold 14px Geneva, Arial, Helvetica, sans-serif; line-height:20px; padding:2px 0 2px 12px; background:url(images/utility-header.jpg) no-repeat;}
	.feature h2 {border:none; margin:5px; font:bold 14px Arial, Helvetica, sans-serif; color:#3B4255;}
	.feature a.badge {display:block; text-align:center;}
	.feature a:visited {color:#4866BD;}
	.feature a.more {display:block; text-align:right; color:#6B799C; margin-right:5px; text-decoration:none;}
	
	.featurebox {position:relative; z-index:1; color:#333; padding:15px 20px 20px; border-top:1px solid #d7d7d7; margin:0 0 1.5em; background:#f6f6f6 /*url("images/featurebox_bg.gif") no-repeat 100% 100%*/;}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin:0 0 .3em; border-bottom:1px solid #295784; color:#295784;}
	.featurebox p {border:none; margin:0 0 1em; color:#444;}
	.featurebox a {font-weight:bold;}

	.thumbnail {margin:0 0 0 10px; position:relative; z-index:9999; border:1px solid #eee; float:right; padding:5px; background:#fff;}
	.thumbnail img {border:1px solid #000;}
	
	.alt-thumb {margin:0 10px 0 0; position:relative; z-index:9999; float:left; margin-bottom:2em;}
	.alt-thumb img {}
	
	.title-pad {margin-right:20px;}
	
	.pagination {background:#f2f2f2; color:#666; padding:4px 2px 4px 7px; border:1px solid #ddd; margin:0 0 1.5em;}
	.pagination p {position:relative; text-align:right;}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none; background:#fff; padding:2px 5px; border:1px solid #ccc;}
	.pagination p a:hover {background:#c00; color:#fff;}
	.pagination p span {text-decoration:none; background:#fff; padding:2px 5px; border:1px solid #ccc; color:#ccc;}
	.pagination * {margin:0;}
	.pagination h4 {margin-top:-1.45em; padding:0; border:none;}
	
	#resultslist-wrap {margin:0 0 1.5em; font-size:92%;}
	#resultslist-wrap dt, #resultslist-wrap dl {margin:0;}
	#resultslist-wrap dt {font:bold 85% arial; padding:3px 0;}
	#resultslist-wrap li {padding:0 0 1em; margin:0 0 0 1.2em; font:bold 145% arial;}
	#resultslist-wrap li dd {font:normal 73% arial;}
	#resultslist-wrap li dl {margin:0;}
	#resultslist-wrap dd {line-height:1.3;}
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999; display:inline; padding-right:.5em;}
	
	#links {width:99%;}
		#links .clear {clear:none;} /* goofy but it fixes the float right utility and div overlap */
		#links img {vertical-align:middle; margin:auto 1em 1em 1em; float:left;}
		#links a,
		#links a:link,
		#links a:hover,
		#links a:visited {color:#006699; text-decoration:none;}
			#links a .link-text {margin:1em auto auto 1em; display:block;}
		#links .link {background-color:#fff; padding:.5em; /*border:1px solid #CECFD6*/; width:44%; float:left; height:125px;}
		#links .link.box {border:1px solid #CECFD6;}
		
	
	/* TABLES */
	/* NOTE:the background info for table1 td will override the mouseovers. */
	.table1 {border:2px solid #900; border-collapse:collapse; width:100%;}
		.table1 td {background:#fff url("images/sprites.gif") repeat-x 0 -1600px; padding:3px; border:1px solid #fff;}
		.table1 th {text-align:left; border:1px solid #fff;}
		.table1 thead th {color:#fff; font-size:145%; background:#900 url("images/sprites.gif") repeat-x 0 -1300px; padding:10px 6px;}
		.table1 tbody th {color:#fff; font-size:115%; background:#88b8db url("images/sprites.gif") repeat-x 0 -1400px; padding:6px;}
		.table1 tbody th.sub {font-size:100%; color:#000; background:#efefef url("images/sprites.gif") repeat-x 0 -1500px; padding:6px;}

	/* TABLES - calendar */
	.calendar {width:200px; font-size:92%;}
		.calendar td {text-align:center; border:1px solid #ddd;}
		.calendar th {text-align:center;}
		.calendar thead th {padding:3px 2px;}
		.calendar tbody th {padding:2px;}
		.calendar tbody th.sub {padding:2px;}
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background:transparent url("images/sprites.gif") no-repeat 5px -500px; padding-left:21px;}
		a.morelink:hover {background:transparent url("images/sprites.gif") 5px -400px;}
		.morelink span {position:absolute; left:-9999px; width:900px;}
		
	/* CODE - formatting for code inserted into body - more here:http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {font-family:monospace; position:relative;}
		ol.code li {color:#666; margin-bottom:1px;}
		ol.code code {color:#000; display:block;}
		ol.code .cmt {color:#4077d2;}
		li.tab0 code {padding-left:4em;}
		li.tab1 code {padding-left:8em;}
		li.tab2 code {padding-left:12em;}
		li.tab3 code {padding-left:16em;}
		li.tab4 code {padding-left:20em;}
		li.tab5 code {padding-left:24em;}
		ol.code li  {background:#f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%;}
		p.note {margin:1em; border:1px solid #ddd; background:#f0f0f0; padding:1em;}

/* LAYOUT TYPE A */
	#type-a #utility {display:none;}
	#type-a #sidebar {display:none;}

/* LAYOUT TYPE B */
	#type-b #wrap {background:#fff/*E5E7ED*/ url("images/content_wrap_bg.gif") right repeat-y;}
	#type-b #content {margin:0 225px 0 23px;}
	#type-b #sidebar {display:none;}

/* LAYOUT TYPE C */
	#type-c #content-wrap {background:transparent url("images/content_wrap_bg.gif") repeat-y;}
	#type-c #content {margin:0 25% 0 235px;}

/* LAYOUT TYPE D */
	#type-d #content {margin:0 25% 0 50px;}
	#type-d #utility {display:none;}

/* LAYOUT TYPE E */
	#type-e #content-wrap {background:transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0;}
	#type-e #utility {position:absolute; top:0; left:auto; right:25px; width:165px; border-top:5px solid #999;}
	#type-e #content {margin:0 243px 0 50px;}
	#type-e #sidebar {display:none;}

/* LAYOUT TYPE F */
	#type-f #content-wrap {background:transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0;}
	#type-f #content {margin:0 235px 0 25%;}
	#type-f #utility {left:auto; right:25px;}
	#type-f #sidebar {right:auto; left:25px;}

/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static;}
	#nav-secondary, #nav-secondary li {list-style:none; margin:0; padding:0; background:#fff;}
	#nav-secondary {padding-top:0; border-top:1px solid #ccc; margin-top:1px;}
	#nav-secondary a {line-height:1.8; padding:5px 0 5px 23px; background:#fff url("images/sprites.gif") no-repeat 10px -695px; font:bold 86% arial; display:block;}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none; cursor:pointer;} 
	#nav-secondary a:link {color:#000;} 
	#nav-secondary a:visited {color:#000;} 
	#nav-secondary a:hover {color:#c00; background:#fee url("images/sprites.gif") no-repeat 10px -695px;} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00;} 
	#nav-secondary li {border-top:1px solid #fff; border-bottom:1px solid #ccc;}

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin:0 0 1em 23px; padding:0;}
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5; background:#fff url("images/sprites.gif") no-repeat 0 -798px; padding:0 0 0 12px; font-weight:normal; width:auto; color:#000; width:130px; display:block;}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color:#c00;}
	#nav-secondary li.active li {border:none; margin:0;}
	
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 
	#nav-secondary li.active li.active a:active {font-weight:bold;}

/* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary ul ul {margin:0 0 1em 13px; padding:0;}
	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px;}
	#nav-secondary li.active li.active li a:link, 
	#nav-secondary li.active li.active li a:visited, 
	#nav-secondary li.active li.active li a:hover, 
	#nav-secondary li.active li.active li a:active {font-weight:normal;}
	#nav-secondary li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active a:active {font-weight:bold;}

/* SECONDARY NAVIGATION - 4th TIER */
	#nav-secondary ul ul ul {margin:0 0 1em 13px; padding:0;}
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px;}
	#nav-secondary li.active li.active li.active li a:link, 
	#nav-secondary li.active li.active li.active li a:visited, 
	#nav-secondary li.active li.active li.active li a:hover, 
	#nav-secondary li.active li.active li.active li a:active {font-weight:normal;}
	#nav-secondary li.active li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active li.active a:active {font-weight:bold;}



/* LAYOUT - FOOTER */

#footer-divider {height:95px; /*margin-top:-50px;*/ position:relative; background:#fff url(images/footer-bg.jpg) repeat-x;}
	#footer-divider #footer-left {position:absolute; left:0;}
	#footer-divider #footer-right {position:absolute; right:0;}

#footer {position:relative; height:125px; border-top:1px solid #ccc; background:#E5E7ED url(images/footer-cap.jpg) bottom no-repeat; clear:both; margin:0; padding:10px 3px; font-size:10px; color:#999; text-align:center;}
		#footer #ehl img, #footer #ncua img {vertical-align:top;}
		#footer #ncua img {float:left; margin-right:0.5em;}
	#footer #ehl { float:right;}
	#footer #ehl img {margin-left:5px;}
	#footer div#ncua {width:175px; display:block; display:inline-block; float:left; margin-right:7px;}
	#footer p {margin:0;}
	.footer-links {font:bold 115% Arial, Helvetica, sans-serif; padding-bottom:1em;}
	#footer a:link {color:#5984A6;}
	#footer #center {text-align:left;}
	#footer #cap {background:url(images/footer-cap.jpg);}
	
	/* zoom image (used for NCUA logo) */
	#zoom {
		display:inline;
		position:relative;
		z-index:100;
		width:175px;
	}
	
	#zoom a {
		margin: auto;
		border: 1px solid #000;
		text-indent: -1000em; 
		overflow: hidden;
		display: block;
		width: 62px; 
		height: 28px;
		background: url(../../images/shared/ncua_logo_2006z.gif) no-repeat top left;
	}
	
	#zoom a:hover {
		width: 543px; 
		height: 244px;
		background-position: 0 -28px; 
		margin-top: -216px;
	}
	
/*Datatable*/
.datatable {border-width:1px; border-style:solid; border-color:#295784; margin-bottom:1em; width:90%;}
.datatable thead th {color:#fff; font-size:145%; background:#295784; padding:10px 6px;}
/*	.table1 tbody th {color:#fff; font-size:115%; background:#88b8db url("images/sprites.gif") repeat-x 0 -1400px; padding:6px;} */

.datatable tbody th {padding:4px 5px; border-top:1px solid #666; border-right:1px solid #666; background-color:#fff; color:#333; vertical-align:top; text-align:center;}
.datatable tbody th a, .datatable tbody th a:visited {color:#fff;}
.datatable tbody th.sub {font-size:100%; color:#000; background:#efefef /*url("images/sprites.gif") repeat-x 0 -1500px*/; padding:6px; border-bottom:0; border-top:1px solid #295784`;}
.datatable tbody th.sub_nocontent {background:#efefef; border:0; border-right:1px solid #420000;}
.datatable tbody {border-bottom:1px solid #295784;}

.datatable td {padding:4px 5px; border-top:1px solid #295784; vertical-align:top; border-right:1px solid #295784;}
.datatable td.apy {text-align:right; white-space:nowrap;}
.rowone {background-color:#E7EFE7;}
.rowtwo {background-color:#fff;}

.datatable caption {font-size:110%; text-align:left; font-weight:bolder;}

.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}

.branches thead th {text-align:center}

	
/* badges - put the class on a */	
.badge img {
	border:3px solid #000; 
	}

a.badge:hover img {
	border: 3px solid #f00;
	}
	
#top_footer
{
	font-size:10px;	
	float:right;
	margin: 2px 20px 10px 0;
	height:20px;
	color:#fff;
}

#footer_links
{
	background:#484749 url(images/menu-back.gif) repeat-x;	
	margin-bottom:10px;
	height:31px;
}

#footer_links a, #footer_links a:active, #footer_links a:visited, #footer_links a:link
{
	color:#fff;
	height:31px;
	margin-top:5px;
}

#footer_links p.footer-links
{
	padding-top:6px;
	padding-bottom:5px;
}