/* $Id: main.css 44124 2010-05-24 13:15:56Z jhulett $ */
/* Site Framework:  Molly 1.0
/* 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 {padding:0 0 20px; margin: 0; background:#F3F5EA url(../images/body_back.jpg) repeat-y right; color:#000080;font:83%/1.5 arial,tahoma,verdana,sans-serif;}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#000080} 
a:visited {color:#999} 
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.f-wrap-1 {padding: .5em 0;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;/*position:relative*/}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 126% arial;color:#000080}
		form.f-wrap-1 label {clear: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 {float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:10em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#000080;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:#000080;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; white-space:nowrap;}
		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 .f-radio-wrap label {width:auto;}
	
		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:#000080;/*border-bottom: 1px solid #eee;*/padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
h1.tight,
h2.tight,
h3.tight,
h4.tight,
h5.tight {margin:0;}
h3.tight {font-size:128%;}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#FF0000;font-weight:bold;}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
.floatright {float:right; margin-left:1em;}
.floatleft {float:left; margin-right:1em;}
.floatblock {margin:0 2em 0 2em; width:125px;}
.centered {text-align:center;}
	.centered img {margin-left:auto; margin-right:auto;}
.img_border {border:3px solid #000080;}
.fineprint { font:11px oblique;}
.strong {font-weight:bold;}
.tall {font-size:125%;}
.quote {font-weight:bold; background:url(images/quote-left.gif) top left no-repeat; line-height:20px;}
	.quote span, .quote p {margin-left:35px; padding:0 35px 5px 0; background:url(images/quote-right.gif) bottom right no-repeat; display:inline-block;}
small {font-size:11px}
.tight {margin:0; padding:0;}

table.columns2 {margin-bottom:1em;}
table.columns2 td { padding:0; padding-left:2em; margin:0;}
table.fees {margin-bottom:1em; width:100%}
table.credit td {padding:.2em; border:1px solid #000;}
table.credit {color:#000;}
table.credit th {color:#fff; font-weight:bold; background-color:#000; text-align:left; padding:.2em;}
table.credit tr.grouped td {border-bottom:none; border-top:none;}
table.credit tr.grouped.last td {border-top:none; border-bottom:2px solid #000}
.compare {margin-bottom:1em;}
.compare thead th {text-align:left; font-size:125%;}
.compare td, .compare th {padding:.5em; vertical-align:top;}
.nowrap {white-space:nowrap}

.strong {font-weight:bold;}
.strong strong {font-size:150%;}

.columns {}
.columns.two .column.left {float:left; width:45%;}

a.top {display:block; margin-bottom:2em;}
a.printable {display:block; float:right;}

.anchors p {margin:.2em;}
.anchor {font-weight:bold;}

.photo-group {text-align:center;}
	.photo-group img {margin:auto;}


/* Promo specific styles (more perm styles below under "Cascading promo styles") */
#debit-credit-prog {display:block; background:url(../images/promo/debit-credit-prog.jpg) center no-repeat; height:145px; text-decoration:none; margin-bottom:1em;}
	#debit-credit-prog .copy {visibility:hidden;}
	
#edu-pack {position:relative; color:#fff; text-align:center; background:url(../images/promo/edu_choice_pack_20090904/black_board.jpg) bottom center repeat-x; padding-top:10px; padding-bottom:30px; margin-bottom:1em;}
	#edu-pack #whistle {position:absolute; top:0; left:5px;}

#pib_notice {background:url(images/subtle-fade.jpg) repeat-x; border:2px solid #273291; padding:1em;}
#pib_notice h1 {margin:0; padding:0; font-family:Tohoma, Arial, Helvetica, sans-serif; letter-spacing:-0.05em; color:#000497;}
#pib_notice h2 {margin:.5em 0 0 0; padding:0;}

#special-teen-accounts {background:#ffb104 url(../images/promo/special-teen-accounts-back.jpg) right bottom no-repeat; position:relative; padding:5px; border:2px solid #423C26; font-size:13px;}
	#special-teen-accounts img {border:none; margin-bottom:4px;}
	#special-teen-accounts .decender {position:relative; top:5px;}
	#special-teen-accounts p {margin:1em 150px auto auto; color:#000; line-height:1.2em;}
	#special-teen-accounts .link {margin:1em 75px auto auto; text-align:right;}
	#special-teen-accounts .link a, #special-teen-accounts .link a:visited, #special-teen-accounts .link a:link {color:#000080; font-weight:bold; text-decoration:none;}
.bb-card {background:#fff;}

#baseball {background:#000080 url(../images/kidsday-200804/bg.jpg) -1px bottom repeat-x; color:#fff; font-weight:bold; margin-top:1em;}
	#baseball #title {margin-bottom:1em;}
	#baseball #kid {background:url(../images/kidsday-200804/kids-day-20080324.gif) bottom right no-repeat; padding:1em; padding-bottom:150px; border:1px solid #005691;}
	#baseball a {color:#990000;}

#special-mar-08 {border:3px solid #236823; background:#339933 url(../images/promo/mar-08-banner.gif) bottom repeat-x; padding:.5em; padding-bottom:100px; color:#CCCC9A;}
#special-mar-08 h1, #special-mar-08 h2, #special-mar-08 h3, #special-mar-08 h4 {text-align:center; margin:0; padding:0; color:#CCCC9A;}
#special-mar-08 h2, #special-mar-08 h3, #special-mar-08 h4 {font-style:italic;}
#special-mar-08 h2, #special-mar-08 h4 {margin-bottom:1.5em;}
#special-mar-08 h3 {font-size:32px;}

#special-mar-08.banner {display:block; position:relative; padding:0; border:3px solid #236823; background:#339933; color:#CCCC9A; font-size:18px; font-weight:bold; text-align:right; text-decoration:none;}
#special-mar-08.banner #all-lines {margin-right:10px; text-align: center;}
#special-mar-08.banner img {border:1px solid #236823; position:relative; z-index:999;}
#special-mar-08.banner #line1 {margin-top:10px;}
#special-mar-08.banner #line2 {}
#special-mar-08.banner #line3 {}

#special-apr-08 
{
	border: 3px solid #000000;
	background: url(../images/motorcycle.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 550px;
	height: 150px;
	margin-bottom: 13px;
}

#special-apr-08.banner
{
	width: 550px;
	height: 150px;
}

#special-apr-08 h2
{
	margin: 0 0 0 10px;
	color: #000;
	font-size: 20px;
	text-align: left;
}

#special-apr-08_text
{
	width: 230px;
	height: 70px;
	text-align: center;
	color: #fff;
	padding-top: 54px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

#special-apr-08 a, #special-apr-08 a:visited, #special-apr-08 a:active, #special-apr-08 a:link
{
	color: #fff;
	font-style: italic;
}

#special-apr-08 a:hover
{
	color: #FFCC00;
}

#special-apr-08_full
{
	width: 550px;
	height: 300px;
	background: url(../images/motorcycle2.jpg);
	border: 3px solid #000;
	margin-bottom: 13px;
}

#special-apr-08_full_text1
{
	float: left;
	padding-top: 190px;
	width: 240px;
	color: #fff;
	text-align: left;
	padding-left: 10px;
	font-size: 10px;
}

#special-apr-08_full_text2
{
	color: #fff;
	text-align: left;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 80px;
}

#special-apr-08_full p
{
	margin: 0;
	padding: 0;
}

#special-apr-08_full h2
{
	margin: 0 0 0 10px;
	color: #000;
	font-size: 20px;
	text-align: left;
}

#youth-promo {border:2px solid #E5E8D5; border-top:none; border-right:none; position:relative; top:0; left:0; color:#27271c; margin-top:65px; background-image:url(../images/tile.gif);}
	#youth-promo, #youth-promo h3, #youth-promo h4 {font-family:"Times New Roman", Times, serif;}
	#youth-promo #pirate-hat {position:absolute; top:-58px; left:-73px; z-index:500;}
	#youth-promo #title-corner {background:url(../images/corner.jpg) top right no-repeat; padding-left:6em; position:relative; z-index:1000;}
	#youth-promo #kids-day {margin:20px auto 0 auto;}
	#youth-promo #pirate-hook {position:relative; bottom:40px; right:17px; z-index:500; float:right;}
	#youth-promo .content {padding:0 1em 1em; border-top:none; position:relative; z-index:999;}
	#youth-promo h3 {color:#fff; margin-left:2px; text-align:right;}
	#youth-promo h4 {margin-top:.2em; color:#474732;}
	#youth-promo .thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #999966;float:right; padding:5px;background:#fff}
	#youth-promo .thumbnail img {border: 1px solid #000}
	#youth-promo .morelink {display:block; background-repeat:no-repeat; position:relative; color:#614933;}
	#youth-promo .subhead {font-size:110%; font-weight:bold; padding-left:.4em;}
	#youth-promo .stretched {width:90%; font-size:110%; margin-bottom:1em; text-align:left;}
	#youth-promo .stretched, #youth-promo h4 {margin-left:20px; position:relative; z-index:600;}
	#youth-promo .product {font-size:120%;}
	#youth-promo #location {position:relative; top:5px; left:5px; font-weight:bold; color:#fff;}
	
#pink-ribbon {width:90%; position:relative; top:0; padding:1.5em; font-family:Arial, Helvetica, sans-serif; font-size:14px; border: 2px solid #4B4C4E; background:#fff url(../images/promo_pink_ribbon/background.jpg) repeat-x; color:#EB4399;}
	#pink-ribbon h1, #pink-ribbon h2, #pink-ribbon h3 {text-align:right; margin:.1em 0 0 0;}
	#pink-ribbon h1 {font-weight:bold; color:#EB4399; margin:0; font-size:20px;}
	#pink-ribbon h2 {color:#000; font-size:18px;}
	#pink-ribbon h3 {font-size:16px; margin-bottom:1.5em; color:#EB4399;}
	#pink-ribbon img {}
	#pink-ribbon .sponser {font-weight:bold; color:#000;}
	#pink-ribbon strong {}
	#pink-ribbon em {font-weight:bold;}
	#pink-ribbon .thumbnail, #pink-ribbon .thumb-alt {border: 3px solid #D0468B; padding-bottom:0; margin-bottom:1em; background:#CCCCCC;}
	#pink-ribbon #promo-image {position:relative; float:right; width:200px; margin-left:1em;}
	#pink-ribbon #promo-image #promo-caption {font-weight:bold; font-size:14px; position:absolute; top:210px; left:0px; width:200px; line-height:18px; text-transform:uppercase;}
	#pink-ribbon .fineprint {margin-top:.5em; font-family:Arial, Helvetica, sans-serif; font-style:italic; text-align:right;}
	
	#pink-ribbon.banner {display:block; position:relative; top:0; text-decoration:none; text-align:right; padding:0; padding-right:1em; padding-bottom:3px; margin-bottom:1em;}
		#pink-ribbon.banner h1,
		#pink-ribbon.banner h2,
		#pink-ribbon.banner h3 {margin:0; padding:0;}
		#pink-ribbon.banner .thumbnail,
		#pink-ribbon.banner .thumb-alt, {}
		#pink-ribbon.banner img {margin-bottom:-4px; padding:0;}

/* LISTS */
ul {margin-left:2em;}
	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 {}
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;}
acronym {border-bottom:1px dashed; cursor:help;}

/* LAYOUT - HEADER */
#header {height:165px; background-image:url(../images/mast_back.gif);  margin-bottom:10px;}

	#header #logo {position:absolute; top:70px; left:212px;}
	#header #mast_photo {position:absolute; top:0; left:0; background:url(../images/mast_people/home.jpg) no-repeat;}
	#header #tag_line {position:absolute; top:146px; left:67px;}
	
	#survey {position: absolute; top:75px; right: 0px;}
	#survey a{background: #000080; color: #F3F5EA; text-decoration: none; padding: 5px; font-weight:bolder; font-size: 110%;}
	#survey a:hover{color: #FFE56E;}
	
	/* NAV - top horizontal nav */
	#nav, #nav ul {padding: 0;margin: 0;list-style: none}
	#nav {font-weight:bold;height:2.09em;font: bold 96% arial;margin: 0 105px 0 40px}
	#nav li {position:relative;background: #999;float: left;width: 10em;display:block;margin: 0;border-bottom: 3px solid #666;border-right: 3px solid #252525;padding:0}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
	#nav a:hover {color:#000;}
	
	#nav li ul {border-left: 1px solid #000080;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
	
	#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
	#nav li li a:hover {color:#fff;background:#000080}
	
	#nav li.active {background: #000080;border-bottom: 3px solid #000080}
	#nav li.active ul {border:none;background: #000080 url("images/featurebox2_bg.gif") no-repeat 100% 100%}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {color:#000}
	
	#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav li.active li a:hover {background: #666 url("images/sprites.gif") repeat-x 0 99%;color:#fff}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #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 li {width:auto}
	/* end hiding from IE5 mac */
	
	/* hb_login */
	#hb_login {color:#000080; position:absolute; top:9px; right:20px/*IE counts the scroll bar*/; height:70px; /*background-color:#F3F5EA;*/ line-height: 1.2em;}
	#hb_login form {margin:0}
	#hb_login input {margin:0;}
	#hb_login label, #hb_login input {display:inline}
	#hb_login div {text-align:right;}
		#login_button {position:absolute; right:0; top:0; display:inline;}
		#hb-link-orig {display:block; width:5em; float:left; margin:1.5em 2em 0 0; font-size:80%;}
		#hb-link {display: block; width:10em; float:right; margin:6.3em 3.5em 0 0; font-size:80%; color: white; }
		a#hb-link2 {color: #fff; margin-top: -20px; text-decoration: none;}
		a#hb-link2:hover{text-decoration: underline;}
		
	/* POWERED BY - mollio logo in this case */
	#poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}

/* LAYOUT - main body of page */
#wrap {min-width:770px; margin: 0 auto;position:relative;}
#content-wrap {position:relative;width:100%; min-width:770px; }
	#utility {position:absolute;top:0;left:13px;width:175px;padding-bottom: 40px}
	
	
	#sidebar {position:absolute;top:0px;right:0px; width:215px; padding:5px; margin: 0; }
		#sidebar div {font-size:11px; padding-bottom:10px;}
		#sidebar p {margin: 0 0 1em;}
		#sidebar img {margin-bottom:1em;}

#content {padding-right:1em;}
	#content #breadcrumb {display:none; margin-top:-5px;font-size:93%;font-weight:bold}
	#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
	#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}
	
	.ruled, .item {min-height:1px; position:relative; margin:1em 0 2em 0; padding:0 2em 0 30px; background:url(../images/rule.jpg) no-repeat 0 0; z-index:99;}
	.item {background:none;}
	#content div.banner468 {position:relative; z-index:99; margin:0 -130px 1em 0;}
		#content div.banner468 img {border:2px solid #000080;}
		
		#content img.badge125 {position:relative; z-index:99; border:2px solid #000080; margin:auto;}
		#content div.badges {padding:1em 0; margin:0; text-align:center;}
			#content .badge {text-align:center; width:125px; margin:auto 10px auto 10px; display:inline;}
		
	/* Cascading promo styles */
	
	/* Announcements and their banners */
	/*	- Uses PNGs for banner and story icons (ex: a lock for security, mega phone for notice, etc.)
		- Requires a gif alternative to PNGs fro IE 6 */
	.announcement {background-color:#F0E5DA; border:3px solid #000080; position:relative; display:block; font-size:1em;}
	.announcement:link, .announcement:visited, .announcement:hover {text-decoration:none; color:#000080;}
		.announcement img#icon {float:left; margin-top:-32px; margin-left:1em;}
		.announcement h2 {font-style:italic; margin-top:0; color:#F0E5DA; background-color:#000080;}
		.announcement .click {color:#000; font-style:italic; font-weight:bold; font-size:80%}
		.announcement .copy {padding:1em;}
		.announcement .question {font-weight:bold; color:#000; margin-right:2em;}
		.announcement ul.nomarker {list-style-type:none; margin-left:inherit;}
		.announcement a {color:#339933;}
		
		/* Banner styles for annoucements */
		.announcement.banner, .announcement.badge {text-align:center; padding:.1em; background-color:#fff; clear:both; margin-top:1em;}
			.announcement.banner h2, .announcement.badge h2 {background-color:transparent; margin-bottom:0; padding-bottom:0;}
			.announcement.banner p, .announcement.badge p {margin:.1em;}
		
		/* Badge specific styles for annoucements */
		/* a.announcement.badge instead of .announcement.badge so it takes precedence */
		a.announcement.badge {min-height:1em; margin-bottom:1em; font-size:90%; padding:.25em;}
		.announcement.badge h2 {font-size:110%; color:#7D0227;}
		.announcement.badge img#icon {margin:-25px -40px auto -7px;}
		
		/* Styles for security announcements */
		.announcement.security.banner #icon {margin:-15px -75px auto auto;}
		.announcement.security.banner h2 {color:#7D0227;}

	.featurebox {width:90%; color:#000;padding: 15px 20px 20px;border: 5px solid #000099;margin: 0 0 1.5em;background: #ffe56e; font-size: 110%; letter-spacing: -.8px;}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #000099;color:#000099;  font-weight: bolder;}
	.featurebox p {border:none;margin: 0 0 1em;font-weight: normal;}
	.featurebox a {font-weight:bold}
	.featurebox img {position: relative;}
	.featurebox li {}
	
	.featurebox2 {color:#00AE6C;padding: 15px 20px 20px;border: 5px solid #00AE6C;margin: 0 0 1.5em;background: #fff; font-size: 110%; letter-spacing: -.8px;}
	.featurebox2 p, .featurebox2 h1, .featurebox2 h2, .featurebox2 h3, .featurebox2 h4, .featurebox2 h5, .featurebox2 h6 {margin: 0 0 .3em;border-bottom: 1px solid #00AE6C;color:#00AE6C;  font-weight: bolder;}
	.featurebox2 p {border:none;margin: 0 0 1em;font-weight: normal;}
	.featurebox2 a {font-weight:bold}
	.featurebox2 img {position: relative; border: 5px solid  #AAB7DD}
	.featurebox2 li {}
		
	.featurebox3 {color:#000;padding: 15px 20px 20px;border: 5px solid #000099;margin: 0 0 1.5em;background: #ffe56e; font-size: 110%; letter-spacing: -.8px;}
	.featurebox3 p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #000099;color:#000099;  font-weight: bolder;}
	.featurebox3 p {border:none;margin: 0 0 1em;font-weight: normal;}
	.featurebox3 a {font-weight:bold}
	.featurebox3 img {position: relative;}
	.featurebox3 li {}
	
	.featurebox4 {color:#3A3670;padding: 15px 20px 20px;border: 5px solid #0101E4;margin: 0 0 1.5em;background: #fff; font-size: 110%; letter-spacing: -.8px;}
	.featurebox4 p, .featurebox2 h1, .featurebox2 h2, .featurebox2 h3, .featurebox2 h4, .featurebox2 h5, .featurebox2 h6 {margin: 0 0 .3em;border-bottom: 1px solid #00AE6C; font-weight: bolder;}
	.featurebox4 p {border:none;margin: 0 0 1em;font-weight: normal;}
	.featurebox4 a {font-weight:bold}
	.featurebox4 img {position: relative; border: 5px solid  #AAB7DD}
	.featurebox4 li {color:#000080;}

	.featurebox4center {color:#3A3670;padding: 15px 20px 20px;border: 5px solid #0101E4;margin: 0 0 1.5em;background: #fff; font-size: 110%; letter-spacing: -.8px; text-align: center;}
	.featurebox4center p, .featurebox4center, .featurebox4center h2, .featurebox4center h3, .featurebox4center h4, .featurebox4center h5, .featurebox4center h6 {margin: 0 0 .3em; font-weight: bolder;}
	.featurebox4center p {border:none;margin: 0 0 1em;font-weight: normal;}
	.featurebox4center a {font-weight:bold}
	.featurebox4center img {position: relative; border: 5px solid  #AAB7DD}
	.featurebox4center li {color:#000080;}

	.featureboxwhite {color:#000;padding: 15px 20px 20px;border: 5px solid #000099;margin: 0 0 1.5em;background: #fff; font-size: 110%; letter-spacing: -.8px;}
	.featureboxwhite p, .featureboxwhite h1, .featureboxwhite h2, .featureboxwhite h3, .featureboxwhite h4, .featureboxwhite h5, .featureboxwhite h6 {margin: 0 0 .3em;color:#DA0000;  font-weight: bolder;}
	.featureboxwhite p {border:none;margin: 0 0 1em;font-weight: normal;}
	.featureboxwhite p.fineprint {color: #3c3c3c;}
	
	.featureboxwhite a {font-weight:bold}
	.featureboxwhite img {position: relative; border: 0}
	.featureboxwhite li {}
	
	.featurebox5 {color:#000000; padding: 15px 20px 20px; border: 5px solid #00AE6C;margin: 0 0 1.5em;background: #fff; font-size: 110%; letter-spacing: -.8px; margin:20px 0px auto 0em;}
	.featurebox5 p, .featurebox5 h1, .featurebox5 h2, .featurebox5 h3, .featurebox5 h4, .featurebox5 h5, .featurebox5 h6 {margin: 0 0 .3em;border-bottom: 1px solid #00AE6C;color:#000000;  font-weight: bolder;}
	.featurebox5 p {border:none;margin: 0 0 1em;font-weight: normal;}
	.featurebox5 a {font-weight:bold}
	.featurebox5 img {position: relative; border: 5px solid  #AAB7DD}
	.featurebox5 li {}
	
	.featurebox5.rounded {position:relative;}
	.featurebox5.rounded * {position:relative; z-index:99;}
	
	.featurebox5.rounded #top-left {position:absolute; left:-5px; top:-5px; z-index:1; border:none;}
	.featurebox5.rounded #top-right {position:absolute; right:-5px; top:-5px; z-index:1; border:none;}
	.featurebox5.rounded #bottom-left {position:absolute; left:-5px; bottom:-5px; z-index:1; border:none;}
	.featurebox5.rounded #bottom-right {position:absolute; right:-5px; bottom:-5px; z-index:1; border:none;}
	
	.featurebox6 {position:relative; width:495px; text-align:left; color:#000000; padding: 15px 20px 20px; margin:auto; background:url(../images/feature6-back.gif) repeat-y; font-size: 110%; letter-spacing: -.8px;}
	.featurebox6 p, .featurebox6 h1, .featurebox6 h2, .featurebox6 h3, .featurebox6 h4, .featurebox6 h5, .featurebox6 h6 {margin: 0 0 .3em;border-bottom: 1px solid #00AE6C;color:#000000;  font-weight: bolder;}
	.featurebox6 p {border:none;margin: 0 0 1em;font-weight: normal;}
	.featurebox6 a {font-weight:bold}
	.featurebox6 img {position: relative; border: 5px solid  #AAB7DD}
	.featurebox6 li {}
	.featurebox6 #top {position:absolute; left:0; top:-5px; z-index:1; border:none;}
	.featurebox6 #bottom {position:absolute; left:0; bottom:-5px; z-index:1; border:none;}

	.banner {border:medium solid #000080; color:#000; text-align:center; background:#FFFFFF; font:1.2em arial,tahoma,verdana,sans-serif; letter-spacing:-1px;}
	.banner h1, .banner h2, .banner h3 {margin:0; padding:0;}
	
	.banner.sidbar {width:200px; padding:3px; margin:auto;}

	.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right; padding:5px;background:#AAB7DD}
	.thumbnail img {border: 1px solid #000}
	
	.thumb-alt {margin: 0 10px 0 0;position:relative;z-index:9999;border: 1px solid #eee;float:left; padding:5px;background:#AAB7DD}
	.thumb-alt img {border: 1px solid #000}
	
	#library_content .thumbnail .floatright {float:none; margin:auto;}
	
	.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:#000080;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}
	
	#flight-promo {background:#050607 url(../images/palm-tree.jpg) top right no-repeat; padding:0 50% 0 0;}
	#flight-promo .green {background-color:#00AD6E; padding:3px; margin:0;}
	#flight-promo .blue {background-color:#ACBADF; padding:3px; margin:0;}
	#flight-promo .white {background-color:#fff; padding:3px; margin:0;}
	
	#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}
	
	/* TABLES */
	.table1 {border: 2px solid #000; border-collapse:collapse;width:100%; color: #000;}
		.table1 td {padding:3px; border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #fff}
		.table1 thead th {color:#000080;font-size:145%;background: #F3F5EA /*url("images/sprites.gif") repeat-x 0 -1300px*/;padding: 10px 6px}
		.table1 tbody th {color:#fff;font-size:115%;background: #000080 /*url("images/sprites.gif") repeat-x 0 -1400px*/;padding: 6px; border:0;}
		.table1 tbody th.sub {font-size:100%;color:#fff;background: #000080 /*url("images/sprites.gif") repeat-x 0 -1500px*/;padding: 6px; border-top: 1px solid #000;}
		.table1 tbody th.sub_nocontent {font-size:100%;color:#000;background: #000080 /*url("images/sprites.gif") repeat-x 0 -1500px*/;padding: 6px; }
		.table1 tr.rowone {background-color:#E2E2E2;}
		.table1 tr.rowtwo {background-color:#fff;}

	/* 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 #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0}
	#type-b #content {margin: 0 23px 0 235px}
	#type-b #sidebar {display: none;}

/* LAYOUT TYPE C */
	#type-c #content-wrap {background: transparent;}
	#type-c #content {margin: 0 230px 0 210px}

/* 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:#000080;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:#000080} 
	#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: #000080}
	#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 {clear:both;border-top: 1px solid #E3E8EE;padding: 10px 0 30px;font-size:86%;color:#999}
	#footer_logos {display:inline; padding:0 0 2em 0;}
	#footer_logos div {display:inline; width:32%; float:left;}
	#footer_logos div#ncua {text-align:left;}
	#footer_logos div#ehl {float:right; text-align:right; margin-right:20px;}
	#footer p {margin:0}
	#footer a:link, #footer a {color:#999}
	
	#footer .branch {}
		#footer .last-branch {margin-bottom:1em;}
	
	
#banner {
    padding:0;
	text-align:center;
}
#banner img {margin:.5em 1px; padding:0;}

div.recipient {
    background-color: #eeeeff;
    border: 2px solid #040382;
    border-right: 1px solid #040382;
    border-bottom: 1px solid #040382;
	padding: 5px 5px 10px;
    margin-bottom: 10px;
	text-align:center;
	position: relative;
	width: 100%;
}

div.recipient .thumbnail { width: 310px; background-color: #fff; border: 1px solid #a8a8a8; padding: .5em; margin: 1px; }
div.recipient .thumbnail small { /* this is the caption */ font-family:Verdana, Arial, Helvetica, sans-serif; }
div.featurebox5 .thumbnail { width: 310px; background-color: #fff; border: 1px solid #a8a8a8; padding: .5em; margin: 1px; }
div.featurebox5 .thumbnail small { /* this is the caption */ font-family:Verdana, Arial, Helvetica, sans-serif; }
div.people .thumbnail {width:227px; background-color: #fff; border: 1px solid #a8a8a8; padding: .5em; margin: 1px; text-align:center;}
div.people .thumbnail small { /* this is the caption */ font-family:Verdana, Arial, Helvetica, sans-serif; }

/* for Beach Bum featurebox - 200801 ddamstra */
.beach {
	background: #0072BB url('images/beach/beach_bg.jpg') bottom left repeat-x;
	padding: 10px 10px 0px;
	border: 2px solid #D3C1AB;
	position: relative;	}
.beach h2 {color: #AAE821; margin: 0;}
.beach img.floatright {border: 1px solid #000; position: relative;}
.beach a {color: #DCD6BC; font-weight: bolder; text-decoration: none;}
.beach a:hover {color: #D2C0AA; text-decoration: underline;}
#beach {background: transparent url('images/beach/beach.jpg') bottom left no-repeat; height: 157px;}

#bill-pay {position:relative; border:3px solid #000; background-color:#cccc99; margin: auto 30px 1.5em 2em;}
	#bill-pay #tree {position:absolute; bottom:0; left:10px;}
	
	#bill-pay #top-left {position:absolute; left:-3px; top:-3px;}
	#bill-pay #top-right {position:absolute; right:-3px; top:-3px;}
	#bill-pay #bottom-left {position:absolute; left:-3px; bottom:-3px;}
	#bill-pay #bottom-right {position:absolute; right:-3px; bottom:-3px;}
	
	#bill-pay .content {padding:1em; margin-left:190px; color:#cccc99; text-align:center; background-color:#424D3A; font-weight:bold; font-size:100%;}
		#bill-pay .content, #bill-pay .content h2 {font-family:Tahoma, Geneva, sans-serif;}
		#bill-pay .content h2 {text-align:left; color:#fff;}
		#bill-pay .content h2:first-letter {font-size:156%}
		#bill-pay .content a, #bill-pay .content a:visited {color:#DEDEBE;}
		#bill-pay .content a:hover {color:#cccc99;}


#go-green {position:relative; border:3px solid #000; background-color:#cccc99; margin: auto 30px 1.5em 2em;}
	#go-green #tree {position:absolute; bottom:0; left:10px;}
	
	#go-green #top-left {position:absolute; left:-3px; top:-3px;}
	#go-green #top-right {position:absolute; right:-3px; top:-3px;}
	#go-green #bottom-left {position:absolute; left:-3px; bottom:-3px;}
	#go-green #bottom-right {position:absolute; right:-3px; bottom:-3px;}
	
	#go-green .content {padding:1em; margin-left:190px; color:#cccc99; text-align:center; background-color:#424D3A; font-weight:bold; font-size:100%;}
		#go-green .content, #go-green .content h2 {font-family:Tahoma, Geneva, sans-serif; font-size:11px;}
		#go-green .content h2 {text-align:left; color:#fff; font-size:150%;}
		#go-green .content h2:first-letter {font-size:200%}
		#go-green .content a, #go-green .content a:visited {color:#DEDEBE;}
		#go-green .content a:hover {color:#cccc99;}


#kids-day {position:relative; border:3px solid #000; background-color:#A1BD59; margin-bottom:4.5em; text-align:center;}
	#kids-day #title {margin:auto; margin-top:1em;}
	
	#kids-day #top-left {position:absolute; left:-3px; top:-3px;}
	#kids-day #top-right {position:absolute; right:-3px; top:-3px;}
	#kids-day #bug {position:absolute; left:-34px; bottom:-64px;}
	#kids-day #bottom-right {position:absolute; right:-3px; bottom:-3px;}

	#kids-day .content {position:relative; z-index:99; padding:1em; color:#424242; text-align:center; font-weight:bold; font-size:100%;}
		#kids-day .content p {padding-left:112px;}
		#kids-day .content p.first {padding-left:0;}
		#kids-day .content, #bill-pay .content h2 {font-family:Tahoma, Geneva, sans-serif;}
		#kids-day .content h2 {text-align:left; color:#fff;}
		#kids-day .content h2:first-letter {font-size:156%}
		#kids-day .content a, #bill-pay .content a:visited {color:#DEDEBE;}
		#kids-day .content a:hover {color:#cccc99;}

div.people img {border: 1px solid #000; }
	div.people h2 img {border:none;}
	div.people .centered img {border:none;}
	div.people .ruled {min-height:225px;}