/*
--=.._/(        VERITY CREDIT UNION GLOBAL STYLES      )\_..=--
    	  */


/*
ISITE Design


--------- Notes -----------

* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs

------- typography ---------

font-sizes are set in em for resizable goodness.  Here's a basic guide for the stylesheet.
font-size: .75em; 	= 9px
font-size: 0.835em; = 10px
font-size: .9175em; = 11px
font-size: 1em; 	= 12px
font-size: 1.085em; = 13px
font-size: 1.165em; = 14px
font-size: 1.25em;  = 15px
font-size: 1.335em; = 16px
font-size: 1.415em; = 17px
font-size: 1.5em;	= 18px
font-size: 1.585em; = 19px
font-size: 1.665em; = 20px
font-size: 1.75em; = 21px
font-size: 1.835em; = 22px
font-size: 1.915em; = 23px
font-size: 2em; = 24px

font colors:
	base body color: #333333;
		
link colors:
	main content a: #0000ff;
	main content hover: #999999;

*/

/* Basic browser reset  */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,button,fieldset,legend,label,input,textarea,form { margin:0;padding:0;border:0; }
html,input,textarea,select { font-size: 100% } /*keep ie happy*/

body 					{ font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6	{ font-weight: normal; margin: 0 0 .25em 0;}


p	{ margin-bottom: 1em; }

input, textarea { border: 1px solid #242323; }
abbr,acronym	{ border-bottom: 1px dotted #999; cursor: help; }

ul, ol 	{ margin: 0 0 1em 3em; }
table	{ border-collapse: collapse; }
td		{ border: 1px solid #ccc; padding: .5em;  }

 /*temp for layout purposes
 .layout {background-color:#666; opacity:.7;}
 #wrapper {border: 1px solid red;}*/

body 	{ 
	background: /*url(../img/css/grid.gif) center 0 repeat-y;*/ #676767 url(../img/css/bg_body.gif) 0 0 repeat-x;
	color:#676767;
	padding-top:14px;
	}


/*----------------------------------- Site Structure --------------------*/

/*****************
** grey background color needs to extend to bottom of page.  accomplished this by putting it on the body.
** #decorator exists to cover body with white background, and to pull wrapper up over gradient on body background image (see top of "Sign-On" box)
** #wrapper sets header and content width and establishes context for absolute positioning.
*****************/

#decorator {
	background-color:#fff;
	margin-top:-9px;
	overflow:hidden;
	padding:0 0 59px;
}
#wrapper {
	margin:auto;
	position: relative;
    width: 960px;
}
#header { height: 16.67em; }

#footer { 
	background:#676767 url(../img/css/bg_footer.gif) 0 0 repeat-x;
	clear: both;
	color:#b1b3b5;
	margin:-59px 0 0;
	padding-top:92px;
	}
	body:nth-of-type(1) #footer { position: relative; }  /* Safari was not displaying the negative margin backdrop */
	.home #footer { margin:-109px 0 0; }
	
	#footer .content { margin:auto; width:960px; }
	#insurance { 
		float:left;
		width:242px;
		}
		#insurance p { 
			clear:left;
			width:180px;
			}
	#footer .company-info {
		border-top:1px solid #58595b;
		clear:both;
		margin:2em 0 0;
		}
		.company-info p {
			margin:0;
		}
		.company-info ul { text-align:right;}
		.company-info li { display:inline; }
	#footer .company-info a:hover { text-decoration: underline; color: #7FADCA; }


/* two col, secondary on right*/

#content, #banner {
	float: left;
	width: 960px;
	}
	#banner { margin-bottom: 15px; }

#primary {
	float: left;
	width: 771px;
	}
	#primary .content { border:1px solid #dbdcdd; float:left; margin-bottom:1em; padding:10px 18px 20px; width:733px; }
	
	.connect-page #primary .content { float: left; }
	.fees-page #primary .content { padding-left: 0; }

/*
 * no-pad template **********************
 */
.no-pad #primary .content { border: none; padding:0 10px 20px 10px; width:753px }
.no-pad #primary .lead { background: #fff; border: 3px solid #4b4c4d; border-width:0 0 3px 0; min-height: 196px; padding:0; width:100%	}
.no-pad #primary .lead h1, .no-pad #primary .lead p { width: 460px; }
.no-pad #primary .lead h1 { padding-top:20px }
.no-pad #primary .lead p.right { height:196px; margin:0; width:229px }
.no-pad.for-sale #primary .lead { background: none; border-bottom: 1px solid #afafaf; height: auto; min-height: 0; padding-bottom: 20px }
.no-pad .callout-listing { border-width:0; padding:0; width:100% }

/*
 * personal template **********************
 */
.personal-page #primary .content { border-width:1px }
.personal-page #primary .lead { border: 3px solid #4b4c4d; border-width:0 0 3px 0; margin:0; min-height: 208px; padding:1.4em 4px 0 }
	
	.for-sale #primary .lead h1,
	.for-sale #primary .lead p { width: auto; }
	
.connect-page #primary .lead, .connect-page #primary .connect {
	border-bottom: 1px solid #b0b0b0;
	float: left;
	margin-bottom: 15px;
	width: 720px;
	}
	
.fees-page #primary {
	width: 949px;
	padding: 10px 10px 20px 10px;
}	
.fees-page #primary .content {
border: none
}

/*
 * interior-base template **********************
 */
.interior-base #primary .content { border:1px solid #dbdcdd; border-width:0 1px 1px 1px; float:left; margin:0; padding:10px 18px 20px; width:733px }
.interior-base #primary .lead { border:1px solid #dbdcdd; border-width:1px 1px 0; float:left; padding:1.4em 18px 0 28px; width:723px }
.interior-base #primary .callout-listing { border:1px solid #DBDCDD; border-width:1px 1px 0 0; float:left; padding:0 10px 0 0; width:550px }
	
#secondary {
	float: right;
	padding:2em 0 0;
	width: 178px;
	}
#nav {
	position: absolute;
	top:9.25em; left:0;
	}
#nav a, #nav li {
    display: block;
	float: left;
	text-decoration: none;
	width: auto;
	}
	
.column.rss {
	float: left;
	padding-right: 20px;
	width: 260px;
	}
	
.column {
	float: left;
	width: 440px;
	}
	
#secondary .callout	{
	border-top: 1px solid #ccc;
	margin-top: 24px;
	padding-top: 13px;
	width: 160px;
	}
#secondary .callout div	{
	background: #E8E9E9 url(../img/css/bg_description.gif) repeat scroll 0 0;
	padding: 12px 12px 4px 12px;
	}
	
#secondary .callout h3 {
	color: #257293;
	font-size: 1.165em;
	font-weight: bold;
	text-transform:none;
	}

/* home page callout and featured rate */
.home #content { position: relative; top: -56px; }

.home #banner .callout {
	background: #f6f7f9 url(../img/css/bg_callout.jpg) bottom left no-repeat;
	border-bottom: 5px solid #676767;
	float: left;
	min-height: 185px;
	padding: 40px 0 40px 45px;
	width: 725px;
	}
	
.home #banner .callout.maintenance {
	background: #d72324 url(../img/css/bg_banner_maintenance.jpg) bottom left no-repeat;
	color: #fff;
	padding-left: 190px;
	width: 581px;
	}
	
.home #banner .featured-rate {
	float: left;
	margin: 66px 0 0 11px;
	width: 178px;
	}
	
.home #banner .current-rate {
	background: #f1f1f2 url(../img/css/bg_featured-rate.gif) left bottom repeat-x;
	border: 1px solid #b2b2b2;
	color: #404041;
	padding: 3px;
	width: 170px;
	}
	
	.home #banner .current-rate h3 {
		background-color: #c65e2c;
		color: #fff;
		padding: 6px;
		}
		
	.home #banner .current-rate p { margin-left: 12px; }
		
	.home #banner .current-rate span.rate { display: block; font-size: 3.5em; padding-left: 5px; }
	
	.home #banner .current-rate p.previous-rate { color: #676767;  }
		.home #banner .current-rate p.previous-rate span      { background-image: url(../img/css/bg_arrows.gif); background-repeat: no-repeat; display: inline-block; margin-right: 5px; text-indent: -9999em; width: 12px; }
		.home #banner .current-rate p.previous-rate span.down { background-position: right 4px; }
		.home #banner .current-rate p.previous-rate span.up   { background-position: right -9px; }
		
.home #banner .rate-sheet {
	background-color: #676767;
	margin-top: 9px;
	padding: 12px;
	width: 154px;
	}
	
.home #primary .column {
	float: left;
	margin: 0;
	width: 340px;
	}
	
	.home #primary .column.blog {
		margin-right: 20px;
		width: 411px;
		}
	
	.home #primary .column.blog h2 {
		background-color: #676767;
		padding: 8px;
		}
		
	.home #primary .column.blog h2 a{
		color: white;
		font-size: .75em;
		text-transform: none;
		text-decoration: underline;
		padding-left: 175px;
		vertical-align: text-top;
		}		
		
.home #primary #connect {
	border-top: 1px solid #ccc;
	clear: both;
	float: left;
	margin: 25px 0 0 10px;
	padding-top: 25px;
	width: 761px; 
	}
	
.home #secondary {
	padding: 0 12px 0 12px;
	width: 154px;
	}
	
.home #secondary ul {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
	}
	.home #secondary ul li { margin-bottom: .3em; }

/* two col, secondary on left   */
/*
#content { float: left; }
#primary {
	display: inline;
	float: left;
    margin-left: 250px;
	width: 700px;
}
#secondary {
	display: inline;
	float: left;
	margin-left: -940px;
	width: 220px;
}
#nav {
	height: 1.5em;
    overflow: hidden;
	position: absolute;
	top:100px;
}
#nav a, #nav li {
    display: block;
	float: left;
	text-decoration: none;
	width: auto;
}
*/


/* three col, secondary on left, terciary on right   
#content {
	float: left;
	width: 960px;
	border: none;
}
#primary {
	display: inline;
	float: left;
    margin-left: 240px;
	width: 520px;
}
#secondary {
	display: inline;
	float: left;
	margin-left: -760px;
	width: 220px;
}
#tertiary {
    float: left;
	margin-left: 20px;
	width: 160px;
}
#nav {
	height: 1.5em;
    overflow: hidden;
	position: absolute;
	top:100px;
}
#nav a, #nav li {
    display: block;
	float: left;
	padding: 0 1em;
	text-decoration: none;
	width: auto;
}

#secondary #nav {
    height: auto;
	position: relative;
	top: 0;
}
#secondary #nav a, #secondary #nav li {
	float: none;
	padding: 0;
}*/
/**/

/*----------------------------------- Type, Links and Lists----------*/

/***** type */
h1	{ font-size: 2.25em; } 	/* 27px */

#content h1 { color: #c65e2c; }

h2 {
	color:#fff;
	font-size:1.33em;		/* 16px */
	text-transform: uppercase;
	}
	#primary .content h2 { color: #545454; font-weight: normal; margin-bottom: .3em; text-transform: none; }
h3	{ 
	color:#c65e2c;			/* 13px */
	font-size: 1.083em;
	text-transform: uppercase;
	} 

/* currently not really spec'd */
h4	{ font-size: 1em; } 	/* 12px */
h5	{ font-size: 1em; } 	/* 12px; */
h6	{ font-size: 1em; } 	/* 12px; */

#banner .callout h1, #banner .callout p { width: 300px; }

#banner .callout h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 3.5em;
	line-height: 1em;
	}
	
.recent-blogs li h3 {
	color:#257293;
	font-size:1.5em;
	margin:0;
	text-transform:none;
	}
	
/* FAQ styling */
.content.faq strong {
	font-size: 1.165em;
	font-weight: bold;
	}


/* typography in callout-listings */
	.description h2 {
		color:#257293;
		font-size:1.5em;
		margin:0;
		text-transform:none;
		}
	.description p {margin:0;}


/***** links */
a, a:visited		{ color: #257293; text-decoration:none; }
a:hover, a:focus 	{ color: #014258; text-decoration:underline; }

#footer a {color:#fff; }

a#brand {
    background: transparent url(../img/css/logo.gif) 5px 31px no-repeat;
	display: block;
	height: 111px;
	text-indent: -9999em;
	width: 257px;
}

a#ncua, a#ehl {
	float:left;
	text-indent:-9999em;
	}
a#ncua {
	background:transparent url(../img/css/bg_ncua.gif) 0 0 no-repeat;
	height:35px;
	margin:5px 26px 0 0;
	width:78px;
	}
a#ehl {
	background:transparent url(../img/css/bg_ehl.gif) 0 0 no-repeat;
	height:44px;
	margin:0 0 1em;
	width:38px;
	}

/***** lists */
.callout-listing, .sub-links {
	list-style:none;
	margin:0;
	padding:0;
	}
	.callout-listing { float:left; padding:0 10px; width:723px }
	.callout-listing li { 
		border-bottom:1px solid #dbdcdd;
		_height:1%;
		overflow:hidden;
		padding:22px 0;
		}
	.callout-listing li.last { border-width:0 }
	#content .callout-listing .content {
		border:none;
		cursor:pointer;
		float:left;
		padding:0;
		}
	.callout-listing img { margin-right:9px; }
	.callout-listing .description { 
		background:#e8e9e9 url(../img/css/bg_description.gif) 0 0 repeat;
		min-height:87px;
		_height:87px;
		padding:10px 16px;
		}
	.callout-listing .over .description { background-image:none; }
		.image-links .description, .image .description { margin-left:125px }
			.no-pad .image .description {  }
		.links .description, .one .description {  }
	.sub-links { border-top:1px solid #DBDCDD; float:left; padding:20px 0 0 20px; width:140px }
	.sub-links li { margin-bottom:1em }
	
/***** for sale list */
.for-sale .callout-listing { margin-top: 0; }
.for-sale .callout-listing li {
	border: none;
	}
	.for-sale .callout-listing li img {
		background: transparent url(../img/css/bg_image-for-sale.gif) 0 0 no-repeat;
		float: left;
		padding: 6px 6px 7px 6px;
		}
	.for-sale #content .callout-listing .content { cursor: auto; }
	.for-sale .callout-listing .image .description { background: none; padding: 0; width: 540px; }
	.for-sale .callout-listing .image .description p { margin-bottom: 1em; }
	.for-sale #primary .content .description h2 { font-weight: normal; }
	.for-sale .callout-listing .image .description a.external {
		background: transparent url(../img/css/bg_external-link.gif) right 0 no-repeat;
		margin-top: 1em;
		padding-right: 18px;
		}

.glossary-page .lead {
	border-bottom: 1px solid #afafaf;
	float: left;
	margin-bottom: 15px;
	padding-bottom: 10px;
	width: 725px;
	}

.glossary {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
.glossary li {
	background-color: #cc875d;
	color: #fff;
	display: inline;
	float: left;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1.25em;
	height: 22px;
	padding-top: 1px;
	margin: 0 2px 0 0;
	text-align: center;
	width: 23px;
	}
	
	.glossary li.all {
		background-color: #fff;
		width: auto;
		}
		.glossary li.all a { background-color: #fff; color: #225e82; padding-left: 8px; text-transform: uppercase; width: auto; }
	
	.glossary li a {
		background-color: #b74d25;
		border: none;
		color: #fff;
		display: block;
		height: 22px;
		padding-top: 1px;
		position: relative;
		top: -1px;
		width: 23px;
		}
		.glossary li.on a {
			color: #5a5859;
			cursor: default;
			background-color: #fff;
			}
		.glossary li a:hover { text-decoration: none; background-color: #676767;}
		.glossary li.on a:hover, .glossary li.all a:hover { text-decoration: none; background-color: #fff;}
		
.glossary-terms {
	list-style: none;
	margin: 25px 0 0 0;
	padding: 0;
	}
	
	.glossary-terms h2 {
		color: #535353;
		font-weight: bold;
		margin-bottom: 0;
		text-transform: none;
		}
		
.page-listing {
	float: right;
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
	}
	
.page-listing li {
	display: inline;
	float: left;
	margin-right: 6px;
	}
	
.page-listing li a { margin-right: 6px; }
.page-listing li.next a {
	background: #fff url(../img/css/bg_next-link.gif) right center no-repeat;
	margin-right: 0;
	padding-right: 15px;
	}
	.page-listing li.selected a {
	color: #676767;
	}
	
.connect ul {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.connect ul li {
	display: inline;
	float: left;
	margin-right: 10px;
	}
	
	.connect ul li span {
		background: transparent url(../img/css/bg_connect.gif) 0 0 no-repeat;
		display: block;
		float: left;
		height: 58px;
		margin-right: 5px;
		position: relative;
		text-indent: -9999em;
		top: -12px;
		width: 55px;
		}
		
		.connect ul li#connect-facebook span { background-position: -110px 0; width: 57px; }
		.connect ul li#connect-twitter span  { background-position: 0 0; }
		.connect ul li#connect-flickr span   { background-position: -167px -12px; width: 83px; }
		
		.connect ul li a { display: block; padding-top: 10px; width: 145px; }
		.connect ul li#connect-flickr a { width: 225px; }
		
.rss ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.rss ul li {
	display: block;
	margin-bottom: .5em;
	}
	
	.rss ul li a {
		background: transparent url(../img/css/bg_rss-icon.gif) left center no-repeat;
		padding-left: 18px;
		}
		
/* FAQ Questions */

.question {padding-top: 1em;}		
	
/* for home page */
.home .callout-listing { margin-top: 0; }
.home .callout-listing li { border-top: none; margin: 0 0 1em 0; padding: 0; }
.home .callout-listing img { margin-right:0; }
.home .image .description { min-height: 94px; _height: 94px; padding: 8px 8px 5px 8px; width: 205px; }
.home .image .description h2 { line-height: normal; }

.recent-blogs {
	list-style: none;
	margin: 18px 0 0 10px;
	padding: 0;
	}
	
	.recent-blogs li { margin-bottom: 2em; }
	
	.recent-blogs p { margin-bottom: .5em; }
	
	.recent-blogs .meta { 
		border-top: 1px solid #ccc;
		display: inline;
		font-size: 0.835em; 
		padding-top: .4em;
		}
		
#connect ul.connect-links {
	float: left;
	list-style: none;
	margin: 10px 0 0 0;
	padding:0;
	}
	
#connect ul.connect-links li {
	display: inline; 
	float: left;
	margin-right: 5px;
	max-width: 77px;
	}
	
	#connect ul.connect-links li span { display: block; }
	
	#connect ul.connect-links li a {
		background: transparent url(../img/css/bg_connect.gif) 0 0 no-repeat;
		display: block;
		height: 58px;
		margin-right: 2px;
		text-indent: -9999em;
		width: 55px;
		}
		
		#connect ul.connect-links li a#connect-twitter 		{ background-position: 0 0; }
		#connect ul.connect-links li a#connect-rss 			{ background-position: -55px 0; margin-right: 0; }
		#connect ul.connect-links li a#connect-facebook 	{ background-position: -110px 0; width: 57px; }
		
#connect ul.connect-flickr {
	float: left;
	list-style: none;
	margin: 0 0 0 150px;
	padding: 0;
	}
	
#connect ul.connect-flickr li {
	display: inline;
	float: left;
	}
	
	#connect ul.connect-flickr li.flickr { margin-right: 5px; padding-top: 15px; }
	#connect ul.connect-flickr li.flickr span {
		background: transparent url(../img/css/bg_connect.gif) -167px bottom no-repeat;
		display: block;
		height: 32px;
		margin-top: 5px;
		text-indent: -9999em;
		width: 83px;
		}
	
	#connect ul.connect-flickr li img {
		background: none;
		border: 1px solid #a6a6a6;
		margin-right: 4px;
		padding: 2px;
		}
		#connect ul.connect-flickr li a { margin-right: 0; }
		#connect ul.connect-flickr li img:hover {border: 1px solid #014258;}
		
.connect ul li {
	display: inline;
	float: left;
	}
	
ul.subscribe {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
ul.subscribe li {
	display: inline;
	float: left;
	padding: 0 0 .7em 0;
	width: 150px;
	}
	
	ul.subscribe li a {
		background: transparent url(../img/css/bg_subscribe.gif) 0 0 no-repeat;
		display: block;
		height: 15px;
		text-indent: -9999em;
		width: 83px;
		}

/***** images */

li img {
	background:transparent url(../img/css/bg_image.gif) 0 0 no-repeat;
	float:left;
	padding:7px;
	}

.content img.right {
	border: 1px solid #b0b0b2;
	float: right;
	margin: 0 0 10px 20px;
	}

/*---------------------------------- Navigation --------------------*/

#nav, ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav a { text-decoration:none; }

#nav { 
	background: transparent url(../img/css/bg_main-nav.gif) 0 0 no-repeat;
	height:33px;
	padding-left:9px;
	width:762px;
	}
	#nav a { 
		background: transparent url(../img/css/bg_main-nav.gif) 0 0 no-repeat;
		display:block;
		height:33px;
		overflow:hidden;
		text-indent:-9999em;
		}
	
	#nav #nav-personal a { background-position: -9px 0; width:109px; }
	#nav #nav-personal a:hover,
	#nav #nav-personal.active a,
	#nav #nav-personal.over a,
	.personal-page #nav #nav-personal a { background-position: -9px -33px; }
	
	#nav #nav-business a { background-position: -118px 0; width:99px; }
	#nav #nav-business a:hover,
	#nav #nav-business.active a,
	#nav #nav-business.over a,
	.business-page #nav #nav-business a { background-position: -118px -33px; }
	
	#nav #nav-investments a { background-position: -217px 0; width:130px; }
	#nav #nav-investments a:hover,
	#nav #nav-investments.active a,
	#nav #nav-investments.over a,
	.investments-page #nav #nav-investments a { background-position: -217px -33px; }
	
	#nav #nav-rates	a { background-position: -347px 0; width:152px; }
	#nav #nav-rates a:hover,
	#nav #nav-rates.active a,
	#nav #nav-rates.over a,
	.rates-page #nav #nav-rates	a { background-position: -347px -33px; }
	
	#nav #nav-learn	a { background-position: -499px 0; width:263px; }
	#nav #nav-learn a:hover,
	#nav #nav-learn.active a,
	#nav #nav-learn.over a
	.learn-page #nav #nav-learn	a { background-position: -499px -33px; }

#nav li {position:relative;}	
#nav li ul {
	background:#4c4d4d none;
	margin:0;
	padding: 12px 150px 12px 18px;
	position:absolute; left:-9999em; top:33px;
	width:11em;
	}
#nav ul.active { left:0;}
	#nav #nav-personal ul {
		padding-left:18px;
		width:11em;
		}
#nav li li {
	float:none;
	height:auto;
	padding:2px 0;
	}
	#nav li li.overview {
		color:#808285;
		font-size:1.5em;
		position:absolute; top:10px; right:10px;
		width:130px;
		}
#navigation #nav li li a {
	background:transparent none;
	color:#fff;
	display:block;
	float:none;
	height:auto;
	text-indent:0;
	width:auto;
	}
	#navigation #nav li li a:hover { color:#7fadca; text-decoration:underline; }



#corporate-nav {
	position:absolute;
	top:14px; right:200px;
	}
#corporate-nav li {
	float:left;
	padding: 0 0 0 .5em;
	}
#corporate-nav li a{
	padding: 0 .3em 0 0;
	}	

#sub-nav a, #corporate-nav a { color:#2F85AB; }
#sub-nav a:hover, #corporate-nav a:hover { color:#014258; text-decoration:underline; }

#sub-nav li { padding:3px 0; }
#sub-nav .active {
	background:#fff url(../img/css/bg_sub-nav-active.gif) right top repeat-y;
	border:1px solid #dbdcdd;
	border-width:1px 1px 1px 0;
	margin:3px 0 3px -12px;
	padding-left:12px;
	}
	#sub-nav .active a {
		color:#676767;
		cursor:default;
		}
	#sub-nav .active ul a { color:#2F85AB; cursor:pointer; }
	#sub-nav .active ul a:hover { color:#014258; text-decoration:underline; }
	#sub-nav .active a:hover { text-decoration:none; }
	
	#sub-nav li ul {padding: 5px 0 5px 1px;}
	#sub-nav .active ul {
		display:block;
		list-style:none;
		margin:0;
		}
	#sub-nav ul li {
		background:transparent url(../img/css/bg_sub-nav-subitem.gif) left center no-repeat;
		border-left:1px solid #dbdcdd;
		padding:1px 0 0 14px;
		}


#footer-navigation { float:left; margin-bottom:2em; }
#footer-navigation li { float:left; width:180px; }
#footer-navigation li.last { width:170px; }
#footer-navigation ul { list-style:none; margin:0; padding:0; }
#footer-navigation ul li { float:none; margin-bottom: .2em; width:auto; }

#footer-navigation ul li a:hover { color:#7fadca; text-decoration:underline; }

	
	


/*----------------------------------- Forms -------------------------*/

fieldset ul {
    list-style-type: none;
	margin: 0;
}
fieldset li {
    margin-bottom: 1em;
}
legend { display:none; }
input, select, textarea, label, button {
    display: block;
}
input, select, textarea {
	border-color:#ccc;
	color:#676767;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:.66em;
	}

input { padding:3px 2px; }
input[type=hidden] {
    border: none;
    padding: 0px;
    margin: 0px;
}

.btn { display: block; float: none; }
	button.btn, a.btn {
		background:transparent url(https://www.fuzeqna.com/veritycu/includes/customer/veritycu/_resources/img/css/bg_button-left-whitematt.gif) 0 0 no-repeat;
		border:none;
		padding: 0 0 0 0px;
		margin-top: -2px;
		}
		a.btn { padding-left: 3px; }
		#sign-on button.btn { background-image: url(../img/css/bg_button-left-orangematt.gif); margin-top: 1px; }
	button.btn:hover, a.btn:hover { background-position:0 -22px; text-decoration: none; }
	button span, a.btn span {
		background:transparent url(../img/css/bg_button-right-whitematt.gif) right 0 no-repeat;
		display:block;
		height:22px;
		line-height:22px !important;
		margin:-2px 0 0;
		margin: -1px 0 0\9;
		padding:0 3px; 0 2px;
		text-align:center;
		}
		a.btn span { padding-left: 4px; }
		#sign-on button span { 
			background-image: url(../img/css/bg_button-right-orangematt.gif);
			margin:-2px 0 0;
			margin: -1px 0 0\9;
		}
	button:hover span, a.btn:hover span { background-position: right -22px; }


/*----------------------------------- Widgets ---*/
/*-- Login --*/
#sign-on {
	background-color:#c65e2c;
	border-bottom:1px solid #fff;
	height:16.4em;
	padding:0 8px;
	position:absolute; top:0; right:0;
	width:162px;
	}
	#sign-on a {
		color:#fff;
		font-size:.917em;
		text-decoration: underline;
		}
		#sign-on a:hover {
		text-decoration: none;
		}
	#sign-on h2 { font-size: 1em; margin:.688em 0 .813em;}
	#sign-on h3 { font-size: 0.971em; margin:.688em 0 .413em; color: #fff; text-transform: none; }	
	#sign-on label {
		color: #fff;
		display: block;
	}
	#sign-on input {
		display:block;
		width:126px;
		}
		#sign-on input.password {
			display: inline;
			width: 65px;
			float: left;
		}
	#sign-on button {float:right; display: inline; }
	#sign-on #forgot-id {float:left;}
/*	#sign-on #tour {
		background:#676767 url(../img/css/bg_tour.gif) -74px 0 no-repeat;
		background:#676767;
		border-right:1px solid #fff;
		display:block;
		font-size: 0.917em;
		height:4.8em;
		position:absolute; left:0; bottom:0;
		text-indent:-9999em;
		width:74px;	
		text-align: center;
		}		
	#sign-on #tour:hover { background-color:#4b4c4d; background-position: 0 0; }
*/	
	#sign-up-help {
		border-top:1px solid #fff;
		height:3.6em;
		/* padding: .8em 0 0 86px;
		position:absolute; right:0; bottom:0;
		width:97px; */ /* Temporary Removal of Business Accounts Block For Launch */ 
		padding: .8em 0 0 8px;
		position:absolute; left:0; bottom:0;
		width:170px;
		background:#676767;
		}	
		#sign-up-help a { display:block; line-height:1.4; }
		.security {
			background: transparent url(../img/css/bg_security.gif) 0 2px no-repeat;
			padding:0 0 0 16px;
			}
	#sign-on-business {
		border-top:1px solid #fff;
		height:3.6em;
		padding: .8em 0 0 .8em;
		position:absolute; left:0; bottom:0;
		width:60px;	
		background:#676767;		
		border-right:1px solid #fff;		
	}
		#sign-on-business a {display: block}
		


/*-- Site Search --*/

#site-search {
	position:absolute;
	top:4em; right:194px;
	width:21.4em;
	}
#site-search input {display:inline; float:left; width:17.2em;}
#site-search button {float:left; margin-left:7px;margin-top:1px;}
	#site-search button span { margin-top:-2px; }
	

/*-- Text Size --*/

#text-size {
	position:absolute;
	top:7em; right:200px;
	}
	#text-size h3 { color:#9c9c9c; display:inline; font-size: .917em; text-transform:none; }
	#text-size ul { display:inline; list-style:none; margin:0; padding:0; }
	#text-size li { display:inline; padding:0 .3em; }
	#text-size a { text-decoration:none; }
	#text-size a.off { color:#999; cursor:default; }
	#text-size #small-text { font-size:.83em; }
	#text-size #large-text { font-size:1.25em; }

/*-- Breadcrumbs --*/

#breadcrumbs {
	height:3em;
	list-style:none;
	margin:0;
	padding:20px 0 0;
	position:absolute; top:12em; left:0;
	}
	#breadcrumbs li { 
		border-right:1px solid #dbdcdd;
		float:left;
		font-size:.833em;
		height:2em;
		line-height:2;
		padding:0 10px;
		}
	#breadcrumbs li.last { border:none; }
	#breadcrumbs li a { float:left; }
		#breadcrumbs #home a {background:transparent url(../img/css/bg_breadcrumbs-home.gif) 0 center no-repeat; width:15px; text-indent:-9999em; }
		
	/* don't show on home page */
	.home #breadcrumbs { display: none; }
	
/*----------------------------------- Personal Checking ----------*/	

/* Tables */

table {
	margin-bottom: 16px;
	}
thead th {
	height: 33px;
	font-size: 1.165em;
	font-weight: normal;
	color: #fff;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 1px;
	}
	thead th.fees { height:auto; }
	thead th p { 
		background-color: #676866; 
		display: block;
		height: 90%;
		margin: 0;
		text-align: center;
		padding-top: 10px;
		height: 31px;
		}
		thead th.fees p { height: 20px; padding:0; }
	thead th.featuredcell {
		color: #fff;
		}
		*+html thead th.featuredcell { width: 112px; }
	thead th.featuredcell p { background-color: #C65E2C; }
	
thead th.fees table {
	border: none;
	margin: 0;
	}
	thead th.fees table td {
		background-color: #7b797a;
		border: 1px solid #fff;
		border-bottom: none;
		font-size: 1em;
		height: 20px;
		padding: 0;
		}
		thead th.fees table td.fee-annual { border-left: #7B797A; } 
		thead th.fees table td.fee-over-limit { border-right: #7B797A; } 
		
		table td.fee-annual,
		table td.fee-late,
		table td.fee-cash-advance,
		table td.fee-over-limit { padding-left: 0; padding-right: 0; }
		
		table td.fee-annual span,
		table td.fee-late span,
		table td.fee-cash-advance span,
		table td.fee-over-limit span { padding-left: 10px; padding-right: 0; }
		
		table td.fee-annual 		{ width: 74px; }
		table td.fee-late 			{ width: 59px; }
		table td.fee-cash-advance	{ width: 112px; }
		table td.fee-over-limit 	{ width: 96px;}
	

tfoot td {
	display: none;
	}
thead th.first {
	text-align: left;
	}
td.checked {
	background:url(../img/css/bg_checked.gif) center no-repeat;
	}

.personal-page .lead {
	background:url(../img/css/bg_happyman.jpg) right no-repeat;
	margin-bottom: 10px;
	}
.personal-page .lead p {
	width: 400px;
	}
	
.rates .lead h1,
.rates .lead p { width: 500px; }

.disclaimer { padding: 10px 18px 20px 28px; } 

.disclaimer h2 { color: #676767; font-size: 1.165em; font-weight: bold; text-transform: none; }

/* Tabs */

/*.personal-page .content ul {
width: 100%;
list-style-type: none;
margin: 0px;
padding: 10px 0 0 0;
border-bottom: 2px solid #4e4e4e;
height: 25px;
}
.personal-page .content li {
margin: 0 0 0 15px;
display: inline;
padding: 2px 15px 2px 15px;
font-size: 1.335em;
background-color: #fff;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
color: #257293;
background:url(../img/css/bg_tabs.gif) repeat-x;
}
.personal-page .content li.selected {
background: #4e4e4e url();
color: #fff;
border: none;
padding: 5px 15px 5px 15px;
}*/

dl.tabs {
    display: block;
    overflow: visible;
    margin: 0; padding: 0;
    padding-top: 45px;
    position: relative;
	top: -30px;
	}
* html dl.tabs { height: 1%; }

    dl.tabs dt {
		background: url(../img/css/bg_tabs.gif) 0 0 repeat-x;
		border-top: 2px solid #e7e8e9;
		border-left: 1px solid #e7e8e9;
		border-right: 1px solid #e7e8e9;
		color: #257293;
		cursor: pointer;
        display: block;
		font-size: 1.133em;
        margin: 0; padding: 0;
		padding-top: 3px;
        position: absolute;
        left: 12px; top: 0px;
		text-align: center;
        width: 88px; height: 22px;
    	}
		dl.tabs dt.tab-services { left: 108px; }
		
    dl.tabs dt.on {  
		background-color: #4b4c4d;
		background-image: none;
		border: none;
		color: #fff;
		height: 25px;
		padding-top: 8px;
		top: -6px;
		}

    dl.tabs dd {
        display: none;
        margin: 0;
        overflow: visible;
        padding: 0;
    	}
		
    * html dl.tabs dd { height: 1%; }
    dl.tabs dd.on { display: block; }



.personal-page .content h2 {
	color: #676767;
	font-weight: bold;
	text-transform: none;
	}
	
/*----------------------------------- Fee Schedules ------ */

.fees-page tbody {
	font-size: .75em;
	}	
.fees-page thead th {
	height: 46px;
	font-size: .75em;
	font-weight: bold;
	color: #fff;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 1px;
	}
	.fees-page thead th.fees { height:auto; }
	.fees-page thead th p { 
		background-color: #676866; 
		display: block;
		height: 90%;
		margin: 0;
		text-align: center;
		padding: 10px 5px 0px 5px;
		height: 44px;
		}
		.fees-page thead th.fees p { height: 20px; padding:0; }		
.fees-page th.first p {
	text-align: left;
	padding-top: 10px;
	padding-left: .5em;
	}		
.fees-page thead .accounttype {
	width: 18%;
}	
.fees-page thead .dates {
	width: 14%;
}					
.fees-page tbody {
	vertical-align: top;
}
.fees-page tbody td {
	height: auto;
	}
.fees-page td.first {
	text-align: left;
	background-color: #E8E9E9;
	}
.fees-page tbody td{
	text-align: center;
	}
.fees-page .details {
	padding-left: 15px;
}	

/*----------------------------------- Randoms/dev utility styles ---*/

.accessibility { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }

.for-print      { display: none; }
.hide			{ display: none; }
.left 			{ float: left; margin: 10px 5px 10px 0; }
* html .left 	{ margin-right: 0; }
.right 			{ float: right; margin: 10px 0 10px 5px; }
.clear 			{ clear: both; }
.clearleft 		{ clear: left; }
.clearright 	{ clear: right; }
.error, .red 	{ color: red; }

.small 			{ width: 25%; }
.medium 		{ width: 48%; }
.large 			{ width: 90%; }
.allcaps		{ text-transform: uppercase; }

button, a.btn {
		border:2px solid #DEDEDE;
		cursor:pointer;
		font-size:0.917em;
		height:22px;
		text-align:center;
		white-space:nowrap;
		
	}