﻿/* Gilmore 2009 style sheet*/
/* author: http://www.fiserv.com */
/* Colors: greens:#4c721d,#709e37, #829d60, yellow:#d3a94e, blue:#5b9ed1, red:#b91e3f, gray:#ababab */
/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* general*/
body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
p {
	margin-bottom: 13px;
	line-height: 1.3;
}
b, strong {
	font-weight: bold;
}
hr {
	border: 0;
	background-color: #e0e0e0;
	color: #e0e0e0;
	height: 1px;
	width: 100%;
	text-align: left;
}
.smallgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
h1, h2, h3, h4, h5 {
	margin-bottom: 10px;
	color: #333;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 16px;
	width: 386px;
	padding-left: 10px;
	line-height: 30px;
	margin-top: 10px;
	background-color: #E9E9E9;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 10px;
	font-style:italic;
	font-weight: bold;
}
/* Heading section themes*/
body#personal h1 {
	color: #cd9620;
}
body#personal h2 {
	color: #fff;
	background-color: #facd6f;
}
body#personal h3, body#personal h4 {
	color: #cd9620;
}
body#business h1 {
	color: #0f28e4;
}
body#business h2 {
	color: #fff;
	background-color: #90b2f9;
}
body#business h3, body#business h4 {
	color: #0f28e4;
}
body#gbanking h1 {
	color: #4c721d;
}
body#gbanking h2 {
	color: #fff;
	background-color: #829d60;
}
body#gbanking h3, body#gbanking h4 {
	color: #4c721d;
}
body#invest h1 {
	color: #582b86;
}
body#invest h2 {
	background-color: #bfadd3;
	color: #fff;
}
body#invest h3, body#invest h4 {
	color: #7f5ba5;
}

body#contest #content h1 {
	color:#FF7820;
	font-size:25px;
	font-weight:bold;
}
body#contest #content h2 {
	background-color: #ff7820;
	color: #fff;
}
body#contest #content h3, body#contest #content h4 {
	color: #ff7820;
}

/* Layout */
#wrapper {
	width: 760px;
	margin: auto;
	overflow: hidden;
	background-color: #fff;
	padding: 8px;
}
#header {
	width: 760px;
	height: 57px;
}
#logo {
	width: 246px;
	height: 57px;
	float: left;
}
#topNav {
	width: 310px;
	height: 57px;
	float: left;
}
#topNav ul {
	margin: 30px 0 0 55px;
}
#topNav li {
	float: left;
}
body#home #topNav li span {
	display: none;
}/* For home page only, deletes the "news" link */

#topNav a:link, #topNav a:visited, #topNav a:active, #topNav a:hover {
	color: #333;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin-right: 12px;
}
/*signup*/
#signup {
	width: 194px;
	height: 30px;
	float: right;
	background-color: #f0f0f0;
	padding: 5px;
}
#signup form {
	color: #333;
	font-size: 11px;
	font-weight: bold;
}
.row {
	height: 15px;
	margin-bottom: 5px;
	font-size:10px;
}
.txtbox {
	width: 95px;
	height: 12px;
	float: left;
	background-color: #9a9a9a;
	border: 0px;
	background: url('images/txtbox.jpg') no-repeat;
	margin-right: 5px;
	color: #fff;
	font-size: 10px;
	text-align: right;
	padding-top: 3px;
}
.go {
	width: 45px;
	height: 15px;
	float: left;
	background: url('images/login_button.gif') no-repeat;
	display: block;
	border: 0px;
}
#signup p {
	float: right;
	text-align: right;
	margin: 0px;
}
span.radio {
	width: 14px;
	height: 10px;
	padding: 0;
	background: url('images/radio.gif') no-repeat;
	display: block;
	float: left;
}
.demo {
	background-color: #F0F0F0;
	border: none; 
	color:#333333; 
	float:right; 
	font-size:9px; 
	font-weight:bold; 
	height:15px; 
	margin:-4px 0 0 -1px; 
	padding:0; 
	width:38px;
}
#signup a:link, #signup a:active, #signup a:visited {
	color: #333;
	text-decoration:none;
}
#signup a:hover {
	color: #333;
}
#signup label {
	display: block;
	float: left;
	font-size:9px; 
	font-weight:bold; 
	height: 10px;
	line-height: 10px;
	margin-right: 5px;
}
#signup .lgnbtn {
	float: left;
	height: 15px;
	width: 44px;
}
/*************************************** LEFT COLUMN *****************************/
#leftNav {
	width: 154px;
	height: auto;
	float: left;
}
/*left navigation home*/
ul#navhome {
	height: auto;
	margin-top: 22px;
}
#navhome li {
	width: 134px;
	height: 48px;
	float: left;
	background-color: #ababab;
	margin-bottom: 4px;
}
#navhome li a:link, #navhome li a:visited, #navhome li a:active, #navhome li a:hover {
	height: 48px;
	display: block;
}
#navhome li a:hover {
	background-color: #ccc;
}
#navhome li span {
	display: none;
}
#nvh1 a {
	background: url('images/personalh.png') no-repeat;
}
#nvh2 a {
	background: url('images/businessh.png') no-repeat;
}
#nvh3 a {
	background: url('images/gbankingh.png') no-repeat;
}
#nvh4 a {
	background: url('images/applynowh.png') no-repeat;
}
#nvh5 a {
	background: url('images/investmentsh.png') no-repeat;
}
#nvh6 a {
	background: url('images/contactush.png') no-repeat;
}
#navhome li:last-child {
	border: none !important;
}
/*left navigation*/
.nav-active {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
ul#nav {
	background-color: #ababab;
	width: 128px;
	padding: 3px;
	height: 155px;
	float: left;
	margin-top: 22px;
}
#nav li {
	width: 128px;
	height: 21px;
	float: left;
	border-bottom: 1px #ccc solid;
	text-indent: -999em;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
	height: 21px;
	display: block;
}
#nav li a:hover {
	background-color: #ccc;
}
#nav li span {
	display: none;
}
#nv0 a {
	background: url('images/home.png') no-repeat;
}
#nv1 a {
	background: url('images/personal.png') no-repeat;
}
#nv2 a {
	background: url('images/business.png') no-repeat;
}
#nv3 a {
	background: url('images/gbanking.png') no-repeat;
}
#nv4 a {
	background: url('images/applynow.png') no-repeat;
}
#nv5 a {
	background: url('images/investments.png') no-repeat;
}
#nv6 a {
	background: url('images/contactus.png') no-repeat;
	border: none !important;
}
#nav li:last-child {
	border: none !important;
}
/*i want to*/
#iwto {
	background-color: #e9e9e9;
	width: 128px;
	padding: 3px;
	height: 185px;
	float: left;
	margin-top: 10px;
	color: #959595;
}
#iwto li {
	width: 128px;
	height: 22px;
	float: left;
	border-bottom: 1px #fff solid;
	text-indent: 5px;
	line-height: 22px;
}
#iwto h1 {
	font-size: 20px;
	height: 38px;
	line-height: 38px;
	text-indent: 4px;
	margin: 0;
	color: #969696;
}
#iwto a:link, #iwto a:visited, #iwto a:active, #iwto a:hover {
	color: #959595;
	text-decoration: none;
	font-size: 11px;
}
/* sections "I want to" Box H1 color overrites */
body#personal #iwto h1, body#business #iwto h1, body#gbanking #iwto h1, body#invest #iwto h1 {
	color: #969696;
}
#calc {
	height: 134px;
	widows: 40px;
	margin-top: 10px;
	float: left;
}
/*************************************** Main Area *****************************/
/* */
#main {
	float: left;
	height: auto;
	width: 606px;
}
/* section themes titles and backgrounds overrites */
body#home #main {
	background: none;
}
body#personal #main {
	background: url(images/personal_banking.jpg) no-repeat;
}
body#business #main {
	background: url(images/business_banking.jpg) no-repeat;
}
body#gbanking #main {
	background: url(images/GBanking.jpg) no-repeat;
}
body#invest #main {
	background: url(images/investment_services.jpg) no-repeat;
}
body#contest #main {
	background: url(images/contest_back.jpg) no-repeat;
}

/* home banner */
#mainimg {
	overflow: hidden;
	position: relative;
	height: 225px;
	width: 606px;
	float: left;
	margin-bottom: 9px;
}
#mainimg img {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	opacity: 0;
}
/* home link boxes */
.linkBox {
	width: 194px;
	height: 94px;
	float: left;
}
.linkBox h1 {
	width: 194px;
	height: 22px;
	text-indent: -999em;
}
.linkBox li {
	text-indent: 10px;
	height: 23px;
}
.linkBox li a {
	text-decoration:none;
	font-size:11px;
}
.linkBox li a:hover {
	text-decoration: underline;}

#yllw li a, #blue li a,#red li a {color: #333333;}

#yllw {
	margin-right: 9px;
	border-right: 1px #d3a94e solid;
	border-left: 1px #d3a94e solid;
}

#yllw h1 {
	background: #d3a94e url('images/bankbuzz.png') no-repeat;
}
#yllw li {
	background: url('images/arrowyellow.gif') no-repeat;
}
#blue {
	margin-right: 9px;
	border-right: 1px #5b9ed1 solid;
	border-left: 1px #5b9ed1 solid;
}
#blue h1 {
	background: #5b9ed1 url('images/news.png') no-repeat;
}
#blue li {
	background: url('images/arrowblue.gif') no-repeat;
}
#red {
	border-right: 1px #b91e3f solid;
	border-left: 1px #b91e3f solid;
}
#red h1 {
	background: #b91e3f url('images/blog.png') no-repeat;
}
#red li {
	background: url('images/arrowred.gif') no-repeat;
}
/* end home link boxes*/
/********************** content *************************/
#sectionTitleImg {
	width: 606px;
	height: 39px;
}
/* for contest pages*/
body#contest #sectionTitleImg {
	height: 450px;
}
#contentBox {
	float: left;
	margin: 30px;
	width: 324px;
}
/* Subnavegation for contest pages*/
body#contest #SubNav {
	height:32px;
	margin:40px 0 0 30px;
	width:368px;
	float:left;
}
body#contest #SubNav li {
	float: left;
	width: 92px;
}
body#contest #SubNav li a, body#contest #SubNav li a:link, body#contest #SubNav li a:active, body#contest #SubNav li a:visited {
	background:url("images/SuvNavOFF.jpg") repeat-x scroll 0 0 transparent;
	display:block;
	height:32px;
	line-height:30px;
	width:90px;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	text-align:center;
}

/*SubNav active navigation*/

body#contest #SubNav li.SubNav-active a, body#contest #SubNav li.SubNav-active a:link {
	background:url("images/SuvNavON.jpg") repeat-x scroll 0 0 transparent !important;
}

body#contest #contentBox {
	margin:20px 0 0 30px;
	width:350px;
	min-height:200px;
}
#content {
	color: #333;
	font-size: 11px;
	line-height: 1;
}
#content p {
	display: block;
}

/* content links*/
#content a:link, #content a:visited, #content a:active {
	color: #333;
}
#content a:hover {
	color: #000;
}
/* section themes content links*/
body#personal #content a:link, body#personal #content a:visited, body#personal #content a:active {
	color: #cd9620;
}
body#personal #content a:hover {
	color: #b37c0a;
}
body#business #content a:link, body#business #content a:visited, body#business #content a:active {
	color: #0f28e4;
}
body#business #content a:hover {
	color: #091781;
}
body#gbanking #content a:link, body#gbanking #content a:visited, body#gbanking #content a:active {
	color: #4c721d;
}
body#gbanking #content a:hover {
	color: #263b0c;
}
body#invest #content a:link, body#invest #content a:visited, body#invest #content a:active {
	color: #7f5ba5;
}
body#invest #content a:hover {
	color: #582b86;
}
#content ul {
	margin: 0 0 10px 20px;
}
#content li {
	line-height: 1.3;
	list-style: disc;
	padding-bottom: 5px;
}
#columnMinHeight {
	height: 347px;
	float: right;
	width: 1px;
}
#columnMinHeightClear {
	clear: both;
	height: 1px;
	overflow: hidden;
}
/******************************Right Column********************************/
#rightCol {
	float: right;
	padding: 15px;
	width: 132px;
}
body#contest #rightCol {
	width: 178px;
}

/*Right Column Box Defautl Color*/
#rightColBox {
	float: left;
}
#rightColBox ul {
	background-color: #ccc;
	width: 112px;
	padding: 10px;
	height: 165px;
	float: left;
	color: #999;
}
#rightColBox h1 {
	color: #999;
}
#rightColBox p {
	color: #999;
	font-size: 11px;
	font-style: italic;
	line-height: 1.5;
	float: left;
}
#rightColBox img {
	float: left;
}
#rightColBox li {
	width: 124px;
	height: auto;
	float: left;
	line-height: 17px;
}
#rightColBox li h1 { /*was span*/
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	margin-bottom: 0px;
}
#rightColBox a:link, #rightColBox a:visited, #rightColBox a:active {
	color: #999;
	text-decoration: none;
}
#rightColBox a:hover {
	color: #999;
}
/* section themes Right Column Box Colors*/
/*yellow*/
body#personal #rightColBox ul {background-color: #fae5b7;}
body#personal #rightColBox li h1 {color: #ce9d33;}
body#personal #rightColBox p {color: #ce9d33;}
/*blue*/
body#business #rightColBox ul {background-color: #d2e4fe;}
body#business #rightColBox li h1 {color: #0f28e4;}
body#business #rightColBox p {color: #0f28e4;}
/*green*/
body#gbanking #rightColBox ul {background-color: #d7e8c3;}
body#gbanking #rightColBox li h1 {color: #4c721d;}
body#gbanking #rightColBox p {color: #999;}
/*purple*/
body#invest #rightColBox ul {background-color: #e4daef;height:auto;	color: #582b86;font-style:italic;font-size:11px;}
body#invest #rightColBox li h1 {color: #582b86;}
body#invest #rightColBox p {color: #582b86;}
body#contest #rightColBox p {color: #582b86; float:none; font-style:normal; color:#666;}
body#contest #rightColBox p strong {color: #FF7820;}
/*Right Column 2 Box Defautl Color*/
#rightColBox2 {
	background-color: #e4daef;
	width: 112px;
	padding: 10px;
	height: 100px;
	float: left;
	color: #959595;
	margin-top: 15px;
}
#rightColBox2 p {
	color: #714b99;
	font-size: 11px;
	font-style: italic;
	line-height: 1.5;
}

/****************************** Footer******************************/
#footer {
	position: relative;
	width: 760px;
	height: 20px;
	float: left;
	background-color: #829d60;
	color: #fff;
	margin-top: 6px;
}
#footer #phone {
	width: 200px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	text-indent: 10px;
}
#footer #copyright {
	position: absolute;
	bottom: 0px;
	right: 0px;
	/*right: 205px;*/
	font-size: 10px;
	line-height: 18px;
	width: 405px;
}
#footer #bugs {
	position: absolute;
	/*line-height: 20px;*/
	*margin-bottom: 1px;
	bottom: 0px;
	right: 5px;
	font-size: 10px;
}
#footer #bugs img {
	vertical-align: text-bottom;
}
body#invest #footer #phone {
	display:none;
} 
/*#footer p {
	height: 20px;
	float: left;
	font-size: 10px;
	margin: 0;
	line-height: 20px;
}*/
body#invest #bugs {
	display: none;
}
body#invest #copyright {
	width: 205px;
}
/****************************** tables ******************************/
.styledtable {
	margin-top: 0px;
	padding-top: 0px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #AEB89D;
	font-size: 11px;
}
/*.odd {
	background-color: #CCC;
}
.even {
	background-color: #fff;
}*/
.styledtable th {
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-weight:bold;
	color: #ffffff;
	background-color: #ababab;
}
.styledtable td {
	padding: 5px;
	border-bottom: 1px #E9E9E9 solid;
	text-align:center;
}
.styledtable tr:hover {
	padding: 5px;
	background-color: #e9e9e9;
}
.styledtable caption {
	padding: 5px;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
	margin-top: 15px;
	background-color: #333333;
}
.styledtable tbody td:first-child {
	text-align:left;
}
.styledtable tbody th:first-child {
	text-align:left;
}

/*PERSONAL COMPARISON CHART*/
body#personal .styledtable caption {
	background-color: #facd6f;
	font-size: 16px;
	padding-left: 10px;
	line-height: 30px;
	margin-top: 10px;

}
body#personal .styledtable th {
	background-color: #fae5b7;
	color: #333333;
}
body#personal .styledtable tr:hover {
	background-color: #fefaee;
}
body#personal .styledtable td {
	vertical-align: middle;
}
body#personal .styledtable tbody td:first-child {
	font-weight: bold;
}

/*BUSINESS COMPARISON CHART*/

body#business .styledtable caption {
	background-color: #90b2f9;
	font-size: 16px;
	padding-left: 10px;
	line-height: 30px;
	margin-top: 10px;

}
body#business .styledtable th {
	background-color: #d2e4fe;
	color: #333333;
}
body#business .styledtable tr:hover {
	background-color: #e8f1fe;
}
body#business .styledtable td {
	vertical-align: middle;
}
body#business .styledtable tbody td:first-child {
	font-weight: bold;
}

/*table.styledtable.bordered {
	background-color: #fff !important;
	border: 1px solid #D7DCE8;
}
table tbody.bordered {
	background-color: #fff !important;
	border: 1px solid #D7DCE8;
}
table.styledtable.bordered td {
	background-color: #fff !important;
	border: 1px solid #D7DCE8;
}
table.styledtable.bordered th {
	border: 1px solid #D7DCE8;
}
table.styledtable.bordered caption {
	border: 2px solid #D7DCE8;
}
/*Comparison charts*/
/*.styledtable2 {
	font-size: 11px;
}
.styledtable2 th {
	padding: 5px;
	text-align: center;
	color: #333;
	background-color: #fff;
}
.styledtable2 td {
	padding: 5px;
}
.styledtable2 tbody {
	font-size: 11px;
	color: #666;
	text-align: center;
	font-weight: bold;
	background: transparent url('images/styletable2back.gif') repeat-y;
}
body#business .styledtable2 tbody {
	background: transparent url('images/styletable2backBlue.gif') repeat-y;
}
.styledtable2 tbody tr {
	border-bottom: 2px #fff solid;
}
table tbody td:first-child {
	font-weight: bold;
	color: #333;
}
/* Calculators tables*/
#table6 th {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	height: 30px;
}
/*NAVIGATION PARAGRAPH*/
.nav {
	line-height: 15px;
	margin-bottom: 0px;
}
body#invest .nav {
	color: #7f5ba5;
}
body#gbanking .nav {
	color: #4c721d;
}

