@charset "UTF-8";
/* Fidelity Bank CSS */

body {
	color: #666;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.banner_lg {
	background: #857362 url(../images/bg_main.jpg) repeat-x top;	
}
.banner_sm {
	background: #857362 url(../images/bg_secondary.jpg) repeat-x top;	
}
a, a:link {
	color: #A8594C;
	text-decoration: none;	
}
a:hover {
	text-decoration: underline;	
}
a img {
	border: none;	
}
h1 {
	color: #FFF;
	font: bold 24px/28px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
}
h1 span {
	color: #444;
	font: normal 16px Arial, Helvetica, sans-serif;
}
h2 {
	color: #333;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0;
	padding: 0 0 4px 0;
}
h2 span {
	color: #666;
	font-size: 12px;
	font-style: italic;
}
h3 {
	color: #333;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
h3 span {
	color: #666;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}
h4 {
	color: #A8594C;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	padding: 0;	
}
h4 a, h4 a:link, h4 a:visited {
	color: #A8594C;
	text-decoration: none;	
}
h4 a:hover {
	color: #333;	
}
h5 {
	color: #333;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 0 0 4px 0;
	margin: 0;
}
h5 span {
	font-weight: normal;
}
h6 {
	color: #887362;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
	text-shadow: 0 1px 0 #FFF;
	text-transform: uppercase;
}
p {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
}


/* additional typography
----------------------------------------------------------------------------*/
#blockquote {
	border-top: 1px solid #CCC;
	color: #639EC8;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-bottom: 15px;
	padding-top: 12px;
}
#blockquote span {
	font-size: .8em;
	font-weight: bold;
}
.notes {
	font-size: .9em;
	font-style: italic;
}
#statement {
	margin: 0;
	padding: 0;
}
#statement tr td {
	padding-bottom: 5px;
}
#statement tr td.title {
	border-bottom: 2px solid #CCC;
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
}
#statement tr td.total {
	border-top: 1px solid #CCC;
	text-transform: uppercase;
	font-weight: bold;
}
.logout { /* for the logout page */
	margin-top: 50px;
	text-align: center;
}
.options { /* for the logout page */
	text-align: center;
}


/* address and contact
----------------------------------------------------------------------------*/
#locate {
	height: 39px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	width: 940px;
}
#locate p {
	font-size: 11px;
	margin: 0;
	padding: 13px 0 0 0;
}
#locate a, #locate a:visited {
	color: #666;
}
#locate a:hover, #locate a:active {
	text-decoration: underline;	
}
#locate a.active {
	text-decoration: underline;	
}


/* header elements
----------------------------------------------------------------------------*/
#header {
	clear: both;
	height: 79px;
	margin: 0 auto;
	padding: 0;
	width: 940px;
}
#logo {
	float: left;
	margin: 0;
	padding: 17px 0 0 0;
}


/* Begin Updated Navigation
----------------------------------------------------------------------------*/
#navbox {
	float: right;
	height: 24px;
    margin: 0;
	padding:0;
    text-align: right;
	width: auto;
}
#navbox div {
	float: left;
	height: 24px;
	text-align: center;
	padding:0 10px;
	margin:0;
	color:#666;
}
#navbox a {
	font: bold 11px Arial, Helvetica, sans-serif;
	padding:0 10px 24px 10px;
	padding-bottom:24px;
	color:#666;
	text-decoration:none;
}
#navbox a:hover {
	color:#333;
}

#navbox a.active {
	background: url(../images/bg_active.png) no-repeat center 15px;
	_color:#333333;/* IE 6 Fix */ 
	*color:#333333;/* IE 7 Fix */
}

#navbox a.last {
	padding-right:0;
}

/* End updated Navigation */


/* navigation
----------------------------------------------------------------------------*/
#navigation {
	float: right;
	margin: 0;
	padding: 0;
	width: 610px;
}
ul#main-nav {
	margin: 0;
	padding: 0 0 0 50px;
}
ul#main-nav li {
	float: right;
	list-style: none;
	margin:54px 0 0 20px;
	padding: 0;	
}
ul#main-nav li a {
	color: #666;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	height: 25px;
	text-decoration: none;	
}
ul#main-nav li a:hover {
	color: #333;
}
ul#main-nav li.active a  {
	background: url(../images/bg_active.png) no-repeat center bottom;
	color: #333;
}
#column.secondary_nav ul { /* secondary nav */
	list-style: none;
	margin: 0;
	padding: 5px 0 8px 0;
}
#column.secondary_nav ul li {
	background: none;
	margin: 0;
	padding: 0 0 4px 0;
}
#column.secondary_nav ul li a, #column.secondary_nav ul li a:visited {
	color: #666;
	font-size: .9em;
	text-decoration: none;
}
#column.secondary_nav ul li a, #column.secondary_nav ul li a:visited {
	color: #666;
	font-size: .9em;
	text-decoration: none;
}
#column.secondary_nav ul li a:hover {
	color: #333;
	font-size: .9em;
	text-decoration: underline;
}
#column.secondary_nav ul li.active a {
	color: #333;
	text-decoration: underline;
}
#column.secondary_nav ul ul { /* tertiary nav */
	list-style: none;
	margin: 0;
	padding: 0 0 0 8px;
}
#column.secondary_nav ul ul li {
	background: none;
	margin: 0;
	padding: 0 0 4px 0;
}
#column.secondary_nav ul ul li.active a {
	color: #333;
	padding: 0 0 4px 0;
	text-decoration: underline;
}


/* banners
----------------------------------------------------------------------------*/
#banner_primary {
	background: url(../images/bg_banner_lg.jpg) no-repeat center top;
	clear: both;
	height: 250px;
	margin: 0 auto;
	width: 100%;
}
#banner_secondary {
	background: url(../images/bg_banner_sm.jpg) no-repeat center top;
	clear: both;
	height: 85px;
	margin: 0 auto;
	width: 100%;
}
.messaging_sub {
	color: #444;
	font: normal 16px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 0 0 0;
}


/* case study call-outs
----------------------------------------------------------------------------*/
#casestudy {
	background: #EAC641;
	color: #444;
	float: right;
	font-size: 1.2em;
	padding: 10px;
	text-align: left;
	width: 200px;
}
#casestudy p {
	margin: 0;
	padding-bottom: 8px;
}
#casestudy .case_title {
	color: #B18B01;
	font-size: 10px;
	text-transform: uppercase;
}
#casestudy .case_header {
	color: #FFF;
	font-size: 20px;
	line-height: 21px;
	margin: 0;
	padding: 12px 0 5px 0;
}
#casestudy .case_desc {
	font-size: 12px;
	line-height: 14px;
}
#casestudy a, #casestudy a:link, #casestudy a:visited {
	color: #444;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#casestudy a:hover, #casestudy a:active {
	text-decoration: underline;
}
#casestudy img.case_lg {
	padding-top: 8px;	
}
#callout {
	background: url(../images/callout.png) no-repeat 140px top;
	float: right;
	height: 23px;
	width: 220px;
}


/* content
----------------------------------------------------------------------------*/
#content_wrap {
	background: #FFF;
	border-bottom: 1px solid #726457;
	float: left;
	margin: 0 auto;	
	min-height: 250px;
	padding: 0;
	width: 100%;
}
#content {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 940px;	
}
#column {
	float: left;
	padding-top: 10px;
	margin-bottom: 10px;
}
#column p {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 0 0 10px 0;
}
#column ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#column ul li {
	background: url(../images/bullet.gif) no-repeat 0 5px;
	font-size: 1.2em;
	padding: 0 0 8px 8px;
}
#column ul li span {
	color: #333;
	font-weight: bold;
}
.home1 {
	margin-right: 10px;
	width: 340px;
}
.home2 {
	margin: 0 10px;
	width: 340px;
}
.secondary_nav {
	margin-right: 10px;
	width: 160px;
}
.secondary_content {
	margin: 0 10px;
	min-height: 400px;
	width: 520px;
}
.secondary_right {
	margin-left: 10px;
	width: 220px;
}
.case_study {
	margin: 0 10px;
	min-height: 400px;
	width: 750px;	
}
.case_study img.readstory {
	padding-left: 20px;	
}
#column.secondary_content p.footnote {
	font-size: 1em;
	font-style: italic;
	line-height: 1.2em
}
.privacy_policy {
	margin: 0;
	min-height: 400px;
	width: 940px;
}
#column.privacy_policy p {
	font-size: 10px;
}
#column.privacy_policy span {
	color: #333;
	font-weight: bold;
}
#banking td { /* icon callouts for sub nav */
	border-top: 1px solid #CCC;
	font-size: 12px;
	height: 56px;
}
#banking td.mid {
	border: none;
}
#banking td.last {
	border-bottom: 1px solid #CCC;
}
#news_press {
	border-bottom: 1px solid #CCC;
}
#news_press td {
	border-top: 1px solid #CCC;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 0;
}
#news_press td a {
	color: #A8594C;
	font-size: 10px;
	font-weight: bold;
}
#news_press td.date {
	font-size: 10px;
	font-weight: bold;
}
hr {
	background: #FFF;
	border-bottom: 1px solid #FFF;
	border-left: none;
	border-right: none;
	border-top: 1px solid #CCC;
	color: #FFF;
	height: 0;
	margin: 5px 0;
	padding: 0;	
}


/* video home and landing page
----------------------------------------------------------------------------*/
.banner_wrap {
	margin: 0 auto;
	width: 940px;
}
.banner_heading {
	float: left;
	width: 510px;
}
.banner_heading h1 {
	font-size: 34px;
	letter-spacing: 0;
	line-height: 38px;
	padding-top: 85px;
}
.banner_heading h1 sup {
	vertical-align: text-top;
	font-size: 14px;
}
.banner_heading h1 span {
	font: normal 14px Georgia, "Times New Roman", Times, serif;	
}
.video_lg {
	background: url('../images/video_player_lg.png') no-repeat 0 30px;
	border-bottom: 1px solid #D7D7D7;
	height: 365px;
	margin-bottom: 30px;
	padding-top: 30px;
}
.video_sm {
	background: url('../images/video_player_sm.png') no-repeat right 35px;
	float: left;
	height: 250px;
	position: relative;
	width: 430px;
}
.vimeo_lg {
	background: #333;
	height: 241px;
	position: absolute;
	left: 100px;
	top: 65px;
	width: 428px;
}
.vimeo_sm {
	background: #333;
	height: 134px;
	position: absolute;
	left: 60px;
	top: 57px;
	width: 251px;
}
.lead-in {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	width: 460px;
}
.lead-in h2, .landing_lead-in h2 {
	color: #000;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 8px 0;
	padding: 0;
}
.landing_lead-in {
	position: absolute;
	right: 0;
	top: 40px;
	width: 340px;
}
.cta_home,
.cta_home_r {
	background: #F1EFE5 url('../images/cta_tail.gif') no-repeat left bottom;
	border-top: 4px solid #E8E5D0;
	float: left;
	margin: 20px 20px 0 0;
	margin-right: 20px;
	padding: 20px 20px 40px;;
	width: 180px;
}
.cta_home_r {
	clear: right;
	margin-right: 0;
}
.cta_home p,
.cta_home_r p {
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-shadow: 0 1px 0 #FFF;	
}
.cta_landing,
.cta_landing_r {
	background: #F1EFE5 url('../images/cta_tail_2.gif') no-repeat left bottom;
	border-top: 4px solid #E8E5D0;
	float: left;
	margin: 0 20px 30px 0;
	margin-right: 20px;
	padding: 20px 20px 40px;;
	width: 420px;
}
.cta_landing_r {
	clear: right;
	margin-right: 0;
}
.cta_landing p,
.cta_landing_r p {
	font-size: 12px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-shadow: 0 1px 0 #FFF;	
}
.cta_landing img,
.cta_landing_r img {
	padding-right: 20px;
}
.cta_landing a img,
.cta_landing_r a img {
	padding-right: 0;
}
.cta_landing h6,
.cta_landing_r h6 {
	font-size: 12px;
}
.news {
	border-top: 1px solid #D7D7D7;
	float: left;
	margin: 20px 0 40px 0;
	padding-top: 10px;
	width: 100%;
}
.news_heading {
	border-right: 1px solid #D7D7D7;
	float: left;
	height: 55px;
	width: 119px;	
}
.news_heading h2 {
	color: #639EC8;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 8px 0;
	padding: 0;	
}

/* news slider */

#slides {
	float: left;
	margin: 0 20px;
	position: relative;
	width: 560px;
}
.slides_container {
	height: 80px;
	overflow: hidden;
	position: relative;
	width: 560px;
}
#slides .slide {
	position: relative;
	width: 560px;
}
.slide .news_date {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
}
.slide .news_date p {
	color: #CCC;
	font: bold 24px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.slide .news_content {
	padding-left: 80px;
}
.slide .h3 {
	margin: 0;
}
.slide p {
	font-size: 11px;
	line-height: 14px;
	margin: 0;
}
.pagination {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 30px;
	text-align: center;
	top: 35px;
}
.pagination li {
	float: left;
	list-style: none;
	margin: 0 2px;
	padding: 0;
	position: relative;
	right: 50%;
}
.pagination li a {
	display: block;
	width: 6px;
	height: 0;
	padding-top: 5px;
	background-image: url('../images/pagination.png');
	background-position: 0 0;
	float: left;
	overflow: hidden;
}
.pagination li.current a {
	background-position: 0 -6px;
}
.signup {
	float: left;
	text-align: right;
	width: 220px;
}
.signup a {
	font-size: 12px;
}

/* share */

.fdl_share {
	background: url('../images/share_r.jpg') no-repeat right top;
	height: 19px;
	margin: 0;
	padding: 3px 8px 0 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 10px;
	width: 62px;
}
a.addthis_button {
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-shadow: 0 1px 0 #FFF;
}
a.addthis_button:hover {
	text-decoration: none;
}
a.addthis_button img {
	position: absolute;
	left: 0;
	top: 0;
}


/* images
----------------------------------------------------------------------------*/
img.map {
	padding-bottom: 5px;
}
img.team {
	background: #FFF;
	border: 1px solid #CCC;
	padding: 5px;
}


/* footer
----------------------------------------------------------------------------*/
#footer {
	color: #FFF;
	margin: 0 auto;
	width: 940px;
}
#footer_info {
	float: left;
	line-height: 1.2em;
	padding-top: 10px;
	width: 500px;
}
#footer_info a, #footer_info a:link, #footer_info a:visited {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#footer_info a:hover, #footer_info a:active {
	text-decoration: underline;
}
.fdic_notice {
	background: url('../images/fdic_alert.gif') no-repeat 0 2px;
	font-size: 11px;
	line-height: 14px;
	margin: 8px 0 0 0;
	padding: 0 0 0 13px;	
}
#online_banking {
	float: right;
	text-align: right;
	padding-top: 10px;
	width: 250px;
}
#online_banking span {
	color: #D8AA00;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
}
#online_banking a, #online_banking a:link, #online_banking a:visited {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-size: 11px;	
}
#online_banking a:hover, #online_banking a:active {
	text-decoration: underline;	
}
#column p.toolkit_disclaimer {
	color: #AEAEAE;
	font-size: 11px;
}