@import url("reset.css");

/*  CHANGE LOG
Updated:
Author: J. Guthrie
Implemented: 
================================================*/


/*  COLORS
Body Background:
Main Text:
Link:
================================================*/


/* = GENERAL STYLES
================================================*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.125em;
	color: #111111;
	padding: 2px 0 0 0;
	text-align: center;	
}


#onlinemenu .loginmenu a:link, #personalmenu a:link.switchmenu {
	color: #e82c0c;
}

#onlinemenu .loginmenu a:visited, #personalmenu a:visited.switchmenu {
	color: #e82c0c;	
}

#onlinemenu .loginmenu a:hover, #personalmenu a:hover.switchmenu {
	color: #000000;
}

a:link {
	color: #0855D9;		/* shade of med. blue */
	text-decoration: none;
	border-bottom: 1px dashed #0855D9;
}

a:visited {
	color: #0855D9;		/* shade of med. blue */
	text-decoration: none;
	border-bottom: 1px dashed #0855D9;
}

a:hover {
	color: #042C71;		/* shade of med. blue */
	text-decoration: none;
	border-bottom: 1px dashed #042C71;
}

img a {
	border-bottom: 0;
}

#servicescontent a:hover, #content_full a:hover, #servicescontent a:active, #content_full a:active {
	background-color: #DCEEFF;
}

h1, h2, h3, h4 {font-family: Georgia, "Times New Roman", serif;	font-weight: normal;}

.italic {font-style: italic}

/*	end GENERAL STYLES
=====================================================*/


/*	= FONT SIZES
=====================================================*/

/* basic font sizes */

address, table {
	font-size: .75em;  /* 12px */
}

/* deal with likely (but certainly not all) inherited shrinkage */
li a, ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, li blockquote, blockquote p, form div div, form div p, fieldset div, table form div {
	font-size: 1em;
}


/* size headings using classic scale of 14, 16, 18, (21), 24 as a guide */
h1 {
	font-size: 1.25em;	   		/* 20px */
	line-height: 1.15em;
	padding-bottom: 5px;
}

#kidsintro h1 {
	font-size: 20px !important;	   		/* 20px */
}


h2 { font-size: 1.0625em;  		/* 17px */
	line-height: 1.2em;			
}
h3 { font-size: .9375em;  font-weight: bold; }			/* 15px */
h4 { font-size: 0.875em; font-weight: bold; }   		/* 14px */
h5, h6 { font-size: 0.8125em;	/* 13px */ }

/*	end FONT SIZES
=====================================================*/


/* = MARGINS
=====================================================*/

p, ul {margin: .2em 0 .65em 0;}

/*
ul, ol, dl, address, table, pre, fieldset {
	margin-top: 1.30em;
}

form {
	margin-bottom: 1.125em;
}

h1 {
	margin-top: 1.125em;
	margin-bottom: 0.5em;
}

h2 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

h3 {
	margin-top: 1.6875em;
	margin-bottom: 0.5625em;
}

h4 {
	margin-top: 1.286em;
	margin-bottom: 0.643em;
}

*/

h3 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

ul ul, ol ol, ol ul, ul ol {
	margin-bottom: 0;
}

#servicescontent .prodblock div h2 {
	font-weight: bold;
	margin-bottom: 0;
}

#servicescontent .prodblock div p {
	margin-top: 0;
	padding-top: 0;
}

/* end MARGINS
=====================================================*/



.clear {
	clear: both;
	height: 0;
}

a img {
	border: 0px none;
}

span.raise {
	vertical-align: super; /* superscript */
}

.center {
	margin: 0 auto;
}

.centeredImage img {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}
    

/* use in a block level element to center a contained image */
.centeredImage {
    text-align: center;
   	margin-top: 15px;
    margin-bottom: 0;
    padding: 0;
}

.contentheading {			/* darker shade of Business Banking green - Home page */
	color: #3D7B06;
}

.logocolor {
	color: #379328;
}

.personalcolor {
	color: #E82C0C;
}

.businesscolor {
	color: #5FC00A;
}

.onlinecolor {
	color: #2874F7;
}

.emphasiscolor {
	color: #ff9000;
}

.underlined {
	text-decoration: underline;
}




a.nodeco, a.nodeco:hover {
	background-color: transparent !important;
	border-style: none;
}

/*
.nodeco a:hover, .nodeco a:hover img {
	background-color: transparent;
}
*/



address {
	line-height: 1.25;
	font-style: normal;
	/*margin-top: 1.5em;*/
	margin-bottom: .5em;
}

.top {
	/*padding: 0 0 0 30px;*/
	font: .625em Arial, sans-serif;
	float: right;
}

.blackarrow {
	font-weight: bold;
	color: #000000;
}

.see_rates {
	font-size: .625em; /* 10px */
}

.super {
	text-decoration: none;
	position: relative;
	bottom: 0.5em;
	/*color: #FF0000;*/
	font-size: 0.8em;
}

.valign {
	vertical-align: middle;
}


/* =end GENERAL STYLES
=====================================================*/

/* = LABELS
=====================================================*/

label {
	font-weight: bold;
	cursor: pointer;
	font-size: .9em;
}

/* =end LABELS
=====================================================*/






/*  = NAV BAR      
-------------------------------------------------*/
/*
ul#navbar {
	margin: 5px 5px 5px 5px;
	padding: 0;
	list-style: none;
	width: 758px;
	float: left;
	background: url(/images/menuSlice_287193_82bdd9.gif) repeat-x;
}

ul#navbar li {
	float: left;
}

ul#navbar a {
	font-size: 1.1em;
	display: block;
	float: left;
	padding: .3em .9em;
	line-height: 2.5 em;
	background: url(/images/menuSlice_256989_8ac3df_divider.gif) repeat-y left top;
	text-decoration: none;
	color: #ffffff;
}

ul#navbar .first a {
	background: none;
}

ul#navbar a:hover {
	color: #333333;
}
*/



/*  = NAVIGATION & DROP-DOWN MENU (LOGIN)
=====================================================*/
#listMenuRoot a {
	border-style: none;	
}

/* highlights the current page in the top navigation bar */
#home #listMenuRoot .home a,
#personal #listMenuRoot .personal a,
#business #listMenuRoot .business a,
#online #listMenuRoot .online a,
#locations #listMenuRoot .locations a {
	
	/*background-color: #AA6644;*/
	background-color: #FFFFFF;
	color: #000000;
	cursor: default;
}

#main_nav {
	width: 750px;
	padding-left: 10px;
	padding-right: 10px;
	background: transparent url(/images/layout/top_000000.gif) no-repeat left top;
	height: 30px;
}

.menulist, .menulist ul {			/* floats all top menus to the left */
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	/*height: 30px;*/
}

.menulist li {
	float: left;
	display: block;
	position: relative;
	background: #000000;
	/*border: 1px solid #333300;*/
	margin-right: -1px;
	height: 30px;
	margin: 0;
	padding: 0;
}
	

.menulist a {
	border-style: none;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size: .84em;   /* 13.5px */
	display: block;
	float: left;
	padding: 0 1em 0 1em;
	margin: 0;
	line-height: 30px;
	text-decoration: none;
	color: #ffffff;	
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #ffffff;
 background-color: #E82C0C;		/* PERSONAL color */
}

.menulist a.highlighted {
 color: #ffffff;
 background-color: #000000;
}


.menulist ul {
	display: none;
	position: absolute;
	top: 19px;			/* also can be expressed in ems 1.21em */
	margin-top: 11px;
	left: 0px;
	width: 162px;
}
	
.menulist ul li {
	float: none;
	margin: 0;
	margin-bottom: 0;
}
.menulist ul>li:last-child {
	margin-bottom: 1px; 		/* Mozilla fix */
}


#main_nav form label {
	font-size: .875em; /* 14px */
	vertical-align: middle;
	margin: 0;
	padding: 0;
	color: #ffffff;
}

#main_nav form input {
	font-size: .875em; /* 14px */
	color:#111111;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#loginbtn a {
	color: #ffff00;
	cursor: default;
}

#loginbtn ul li a {
	cursor: pointer;
}


/*
#personalNav a, #personalNav a:visited {
	border-style: none;
	height: 360px;
	width: 230px;
	text-decoration: none;
	background: url(/images/navigation/personal_2_65.jpg) no-repeat left top;	
}
*/

/*
#personalNav, #businessNav, #onlineNav {
	float: left;
	display: inline;
}

	
#personalNav {
	margin: 8px 20px 12px 8px;
}

#businessNav {
	margin: 8px 8px 12px 0;
}

#onlineNav {
	
	margin-top: 8px;
}

#onlineNav img {
	display: block;
}
*/


/*  end NAVIGATION & DROP-DOWN MENU (LOGIN)
=====================================================*/


/*	= CONTENT
=====================================================*/

#nav_list {	
	width: 730px;
	height: 360px;
	position: relative;
	/*background: url(/images/navigation/image_menu_alternate9.jpg) no-repeat;*/
	/*padding-top: 10px;*/
	margin: 0 20px 10px 20px;
}

.sprite_1 {
	background: url(/images/navigation/image_menu_alternate7_a.jpg) no-repeat;
}

.sprite_2 {
	background: url(/images/navigation/image_menu_alternate8_a.jpg) no-repeat;
}

.sprite_3 {
	background: url(/images/navigation/image_menu_alternate9_a.jpg) no-repeat;
}

.sprite_4 {
	background: url(/images/navigation/image_menu_alternate10_a.jpg) no-repeat;
}

.sprite_5 {
	background: url(/images/navigation/image_menu_alternate11_a.jpg) no-repeat;
}

.sprite_6 {
	background: url(/images/navigation/image_menu_alternate7_c.jpg) no-repeat;
}

.sprite_7 {
	background: url(/images/navigation/image_menu_alternate8_c.jpg) no-repeat;
}

.sprite_8 {
	background: url(/images/navigation/image_menu_alternate9_c.jpg) no-repeat;
}

.sprite_9 {
	background: url(/images/navigation/image_menu_alternate10_c.jpg) no-repeat;
}

.sprite_10 {
	background: url(/images/navigation/image_menu_alternate11_c.jpg) no-repeat;
}

.sprite_11 {
	background: url(/images/navigation/image_menu_alternate12_c.jpg) no-repeat;
}

.sprite_12 {
	background: url(/images/navigation/sprite_summer_2010_frisbee.jpg) no-repeat;
}

.sprite_13 {
	background: url(/images/navigation/sprite_summer_2010_labcouple.jpg) no-repeat;
}

.sprite_14 {
	background: url(/images/navigation/sprite_summer_2010_woman1.jpg) no-repeat;
}

.sprite_15 {
	background: url(/images/navigation/sprite_summer_2010_woman2.jpg) no-repeat;
}

.sprite_16 {
	background: url(/images/navigation/sprite_summer_2010_golfer.jpg) no-repeat;
}

/*
#nav_list li {
	float: left;
}
*/

#nav_list li a {
	border-style: none;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 360px;
	/*background: url(/images/navigation/image_menu_alternate9.jpg) no-repeat;*/
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;	
}

li#nav_personal a {
	left: 0;
	width: 230px;
	background-position: 0 0;
}

li#nav_business a {
	left: 250px;
	width: 230px;
	background-position: -250px 0;
}

li#nav_online a {
	left: 500px;
	width: 230px;
	background-position: -500px 0;
}

li#nav_personal a:hover {
	background-position: 0 -360px;
}

li#nav_business a:hover {
	background-position: -250px -360px;
}

li#nav_online a:hover {
	background-position: -500px -360px;
}


/*	end CONTENT
=====================================================*/


/*	= LAYOUT
=====================================================*/

#wrapper {
	z-index: 1;
	margin: 0;
	padding: 0;
	width: 770px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#indexcontent {
	/*height: 390px;*/
	background-color: #ffffff;
	width: 770px;
	padding-top: 9px;
	/* old-padding-top: 17px;*/
	margin: 0;
	/*border-left: 1px solid #8c8c8c;*/		/* hidden to open up page */
	/*border-right: 1px solid #8c8c8c*/;	/* hidden to open up page */
	/*border-top: 2px solid #8c8c8c;*/		/* hidden to open up page */
}

#content {	
	/*background-color: #cccccc;*/			/* hide to see what it will look like */
	width: 770px;
	/*padding-top: 9px;*/
	/*padding-right: 9px;*/	/* to make way for full width content boxes */
	/*padding-bottom: 9px;*/
	/*padding-left: 9px;*/	/* to make way for full width content boxes */
	
	
	margin: 9px 0 9px 0;
	
	/*border-left: 1px solid #8c8c8c;*/		/* hidden to open up page */
	/*border-right: 1px solid #8c8c8c;*/	/* hidden to open up page */
	/*border-top: 2px solid #8c8c8c;*/		/* hidden to open up page */
	
	/*border: 2px dashed #ff0000;*/			/* used for testing */
}

#content_kids {	
	/*background-color: #cccccc;*/			/* hide to see what it will look like */
	width: 766px;
	z-index: 10;
	/*padding-top: 9px;*/
	/*padding-right: 9px;*/	/* to make way for full width content boxes */
	/*padding-bottom: 9px;*/
	/*padding-left: 9px;*/	/* to make way for full width content boxes */
	
	margin: 0 0 9px 0;
	/*margin: 9px 0 9px 0;*/
	
	border-left: 2px solid #383A12;			/* hidden to open up page */
	border-right: 2px solid #383A12;		/* hidden to open up page */
	border-bottom: 2px solid #383A12;		/* hidden to open up page */
	
	/*border: 2px dashed #ff0000;*/			/* used for testing */
}


#content_full {	
	width: 770px;
	/*padding-top: 9px;*/
	padding-right: 0;
	/*padding-bottom: 9px;*/
	padding-left: 0;
	
	/*border: 2px dashed #0000ff;*/			/* blue - used for testing */
	background: #ffffff url(/images/layout/repeat_770px_000000.gif) repeat-y;
	margin: 9px 0 9px 0;
}

#content_full h1 {
	padding-top: 9px;
	padding-left: 17px;
	background: url(/images/layout/top_770px_000000.gif) no-repeat left top;
	/*border: 2px dashed #000000;*/			/* used for testing */
}

#content_full {
	
}

#servicescontent_full {
	background: url(/images/layout/bottom_770px_000000.gif) no-repeat left bottom;
	padding: 0 20px 20px 20px;
	margin: 0;
}

table#compare {
	table-layout: fixed;
	width: 740px;
	border-collapse: collapse;
}

#compare tr { 					/* IE bug fix: so that background color can be applied to table rows */
	position: relative;
}

#compare tr:hover, #compare tr:hover a {
	background-color:#3d80df;
	color: #FFFFFF;
	border-bottom: 1px dotted #FFFFFF;
}

#compare thead tr:hover {

	background-color: transparent;
	color: #000000;
}

#compare th, #compare td {
	padding: 0.2em .5em;
}

#compare col#c1 {
	width: 250px;
}

.centertbody td {
	text-align: center;
}

.odd {
	background-color: #DBEDFF;
}

#compare a {
	text-decoration: none;
	border-bottom: 1px dotted #000000;
	vertical-align: super;
	font-size: .75em;
	margin-left: .25em;
}

#compare a:hover {
	border-bottom: 1px solid #FFFFFF !important;
}

.superscript {
	/*font-size: .875em;*/
	margin-left: 2px;
	margin-right: 2px;
	color: #ff0000;
	vertical-align: top;
	font-weight: bold;
}


/*	= TABLES (Rates & Bus. Checking Comparison)
=====================================================*/

/*
#ratetable th, td {
	margin: 0;
	padding: 0;
}
*/

#ratetable tbody tr, #ratetable tfoot tr { 					/* IE bug fix: so that background color can be applied to table rows */
	position: relative;
}


table#ratetable {
	table-layout: fixed;
	width: 730px;
	border-collapse: collapse;
	font-family: Arial;
}

#ratetable thead tr th {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding-bottom: 3px;
	padding-top: 4px;
	vertical-align: middle;
	background-color: #3D80DF; /* dark blue */
	color: #FFFFFF;
}

#ratetable tfoot td {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	background-color: #FFFFFF;
	padding-bottom: 3px;
	padding-top: 4px;
	color: #000000;
}

.accountType, .accountType:hover {
	border-bottom: 1px solid transparent;
	background-color: #DBEDFF;
	color: #000000;
	padding-bottom: 3px;
	padding-top: 4px;
	vertical-align: middle;
}

#ratetable td {
	padding: 0.1em 13px 0.1em 0;
}

#ratetable tr:hover, #ratetable td.super:hover, #ratetable tfoot div:hover, #ratetable .super span:hover {
	background-color: #3d80df;
	color: #FFFFFF;
}

/*
#ratetable col#col0 {
	width: 7.3px;
}
*/


#col0 {
	width: 1%
}

#col1 {
	width: 2%;
}

#col2 {
	width: 9%;
}

#col3 {
	width: 15%;
}

#col4 {
	width: 17%;
}

#col5 {
	width: 3%;
}

#col6 {
	width: 17%;
}

#col7 {
	width: 3%;
}

#col8 {
	width: 17%;
}

#col9 {
	width: 16%;
}

.alignright {
	padding-right: 8px;
	text-align: right;
}

.aligncenter {
	text-align: center;
}

alignleft {
	text-align: left;
}

 .rowspacer {			/* styles empty row each account type in table */
	font-size: 9px;
	line-height: 1;
 } 

/*	end TABLES (Rates & Bus. Checking Comparison)
=====================================================*/

#leftcontent {
	width: 506px;
	float: left;
	color: #000000;
	background: #ffffff url(/images/layout/repeat_8_506px_232050.gif) repeat-y;
}

#leftcontent_kids {
	width: 509px;		/* overall 513 px */
	z-index: 10;
	float: left;
	position: relative;
	color: #000000;
}

#servicescontent a {
	text-decoration: none;
}

#servicescontent #odnote, #servicescontent_edit #odnote {
	line-height: 1;
	font-size: .75em;  /* 12px */
	margin-top: 6px;
	font-weight: 900;
	color: #955A20; /* PERSONAL brown */
}

#allaccounts {
	line-height: 1.2;
	font-size: 75em;
	margin-top: 15px;
}

#visanote {
	font-size: .75em; /* 12px */
	margin-top: 6px;
}

#services {
	
	background: url(/images/layout/top_8_506px_232050.gif) no-repeat left top;
	padding-top: 12px;
}

#services_kids {
	padding-top: 7px;
	z-index: 10;
}



#services_edit {					/* candidate to eliminate */
	background: #ffffff url(/images/layout/repeat_770px_000000.gif) repeat-y;
}

.proditem {
	/*margin-top: 15px;*/
}


.proditempersonal h2 {
	color: #000000;
}

.proditempersonal h2 a {
	text-decoration: none; /* turn underline off for product headers */
	font-weight: bold;
}

.proditempersonal li {
	font-size: .8125em; /* 13px */
	margin-left: 15px;
	padding-left: 13px;
	background: url(./../images/navigation/list_bullet_5.gif) no-repeat 0 2px;
}

.proditempersonal dt {
	margin-top: 15px;
	margin-bottom: 0;
	font-size: .8125em; /* 13px */
	font-weight: bold;
}

.proditempersonal dd {
	font-size: .8125em; /* 13px */
	line-height: 1.2;
	margin-left: 20px;
	margin-top: 6px;
	color: #353535;
}


#servicesheading {
}

#servicesheading_edit {
	background: url(/images/layout/bottom_770px_000000.gif) no-repeat left bottom;
	padding: 8px 0 0 10px;
}


#servicescontent {
	min-height:350px;
	height:auto !important;
	height:350px;
	background: url(/images/layout/bottom_8_506px_232050.gif) no-repeat left bottom;
	padding-bottom: 10px;
	padding-left: 18px;
	padding-right: 18px;
}

#servicescontent_kids {
	min-height:290px;
	height:auto !important;
	height:290px;
	z-index: 10;
	padding-bottom: 0;
	margin-bottom: 0;
	padding-left: 15px;
	padding-right: 15px;
}

#servicescontent_edit {
	min-height: 330px; 
	background: url(/images/layout/top_770px_000000.gif) no-repeat left top;
	padding-bottom: 25px;
}


#servicescontent h2, #servicescontent_edit h2, #servicescontent_full h2 {
	font-weight: bold;
}

#servicescontent td, #servicescontent_edit td {
	padding: 1px 10px 0 0;
}

#servicesheading, #servicescontent, #servicescontent_edit {
}

#servicescontent p, #servicescontent_full p, .servicescontent_full p {
	font-size: .85em; /* 13px */
}

.servicescontent_full {
	margin: 0;
	padding: 0 20px 0 20px;
}

.servicescontent_full h2 {
	font-weight: bold;
}

div#servicescontent_full, div.servicescontent_full {
	margin: 0;
}


.listindent li {
	font-size: .8125em; /* 13px */
	margin-left: 18px;
	padding-left: 15px;
	background: url(./../images/navigation/list_bullet_5.gif) no-repeat 0 2px;
}


/*   CONTENT: RIGHT SIDE
--------------------------------------------------*/


#rightcontent {
	width: 254px;
	float: right;
	background: #ffffff url(/images/layout/repeat_8_254px_232050.gif) repeat-y;		/* sides structure of menu box */
}

#rightcontent_kids {
	width: 255px;		/* overall 257 px */
	border-top: 2px solid #383A12;
	border-left: 2px solid #383A12;
	float: right;
}


#menu {
	background: url(/images/layout/top_8_254px_232050.gif) no-repeat left top;		/* top structure of menu box */
	padding-top: 12px;
}

#menu_kids {
	padding-top: 5px;
}



#menuheading {
}

#menucontent {
	min-height:350px;
	height:auto !important;
	height:350px;
	background: url(/images/layout/bottom_8_254px_232050.gif) no-repeat left bottom;		/* bottom structure of menu box */
	padding-bottom: 10px;
	padding-right: 7px;

}

#menucontent_kids {
	min-height:290px;
	height:auto !important;
	height:290px;
	padding-right: 6px;
}

#menucontent table {					/* not sure this is used */
	margin-bottom: .5em;
}

#menucontent table td {					/* not sure this is used */
	font-family: Arial, sans-serif;
	font-size: 11px;
}

.col1 {
	width: 53%;
}

#menucontent ul, #menucontent_kids ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: .75em; /* 12px */
}

#menucontent ul ul, #menucontent_kids ul ul {
	font-size: 100%;

	margin-left: 10px;
}

#kidsbankmenu, #policiesmenu, #specialsmenu, #lostcardmenu, #atmmenu, #contactusmenu, #interestratesmenu, #newseventsmenu, #aboutusmenu, #servicemenu, #personalmenu, #businessmenu, #onlinemenu, #locationsmenu, #oaklandmenu, #cordovamenu, #eastmemphismenu, #uptownmenu {
	margin-top: 0;
	width: 235px;
	float: right;
}

#kidsbankmenu h2, #policiesmenu h2, #specialsmenu h2, #lostcardmenu h2, #atmmenu h2, #contactusmenu h2, #interestratesmenu h2, #newseventsmenu h2, #aboutusmenu h2, #servicemenu h2, #personalmenu h2, #businessmenu h2, #onlinemenu h2, #locationsmenu h2, #oaklandmenu h2, #cordovamenu h2, #eastmemphismenu h2, #uptownmenu h2 {
	padding-bottom: 5px;
}
/*
#kidsbankmenu {
	background: url(/images/layout/menu_vertical_KIDSBANK.gif) no-repeat right 20px;
}

#policiesmenu {
	background: url(/images/layout/menu_vertical_POLICIES.gif) no-repeat right 20px;
}

#specialsmenu {
	background: url(/images/layout/menu_vertical_SPECIALS.gif) no-repeat right 20px;
}

#lostcardmenu {
	background: url(/images/layout/menu_vertical_LOSTCARD.gif) no-repeat right 20px;
}

#atmmenu {
	background: url(/images/layout/menu_vertical_ATM.gif) no-repeat right 20px;
}

#contactusmenu {
	background: url(/images/layout/menu_vertical_CONTACTUS.gif) no-repeat right 20px;
}

#interestratesmenu {
	background: url(/images/layout/menu_vertical_INTERESTRATES.gif) no-repeat right 20px;
}									

#newseventsmenu {
	background: url(/images/layout/menu_vertical_NEWSEVENTS.gif) no-repeat right 20px;
}

#aboutusmenu {
	background: url(/images/layout/menu_vertical_ABOUTUS.gif) no-repeat right 20px;
}

#personalmenu {
	background: url(/images/layout/menu_vertical_PERSONAL.gif) no-repeat right 20px;
}

#businessmenu {
	background: url(/images/layout/menu_vertical_BUSINESS.gif) no-repeat right 20px;
}

#onlinemenu {
	background: url(/images/layout/menu_vertical_ONLINE.gif) no-repeat right 20px;
}

#servicemenu {
	background: url(/images/layout/menu_vertical_SERVICE.gif) no-repeat right 20px;
}

#locationsmenu {
	background: url(/images/layout/menu_vertical_LOCATIONS.gif) no-repeat right 20px;
}

#oaklandmenu {
	background: url(/images/layout/menu_vertical_OAKLAND.gif) no-repeat right 20px;
}

#cordovamenu {
	background: url(/images/layout/menu_vertical_CORDOVA.gif) no-repeat right 20px;
}

#eastmemphismenu {
	background: url(/images/layout/menu_vertical_EASTMEMPHIS.gif) no-repeat right 20px;
}

#uptownmenu {
	background: url(/images/layout/menu_vertical_UPTOWN.gif) no-repeat right 20px;
}
*/

#kidsbankmenu ul li, #policiesmenu ul li, #specialsmenu ul li, #lostcardmenu ul li, #atmmenu ul li, #contactusmenu ul li, #interestratesmenu ul li, #newseventsmenu ul li, #aboutusmenu ul li, #servicemenu ul li, #personalmenu ul li, #businessmenu ul li, #onlinemenu ul li, #locationsmenu ul li, #oaklandmenu ul li, #cordovamenu ul li, #eastmemphismenu ul li, #uptownmenu ul li {
	padding-left: 13px;
}

#kidsbankmenu a, #policiesmenu a, #specialsmenu a, #lostcardmenu a, #atmmenu a, #contactusmenu a, #interestratesmenu a, #newseventsmenu a, #aboutusmenu a, #servicemenu a, #personalmenu a, #businessmenu a, #onlinemenu a, #locationsmenu a, #oaklandmenu a, #cordovamenu a, #eastmemphismenu a, #uptownmenu a {
	border-style: none;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#kidsbankmenu a:link, #policiesmenu a:link, #specialsmenu a:link, #lostcardmenu a:link, #atmmenu a:link, #contactusmenu a:link, #interestratesmenu a:link, #newseventsmenu a:link, #aboutusmenu a:link, #servicemenu a:link, #personalmenu a:link, #businessmenu a:link, #onlinemenu a:link, #locationsmenu a:link, #oaklandmenu a:link, #cordovamenu a:link, #eastmemphismenu a:link, #uptownmenu a:link {
	font-weight: bold;
}

#kidsbankmenu a:visited, #policiesmenu a:visited, #specialsmenu a:visited, #lostcardmenu a:visited, #atmmenu a:visited, #contactusmenu a:visited, #interestratesmenu a:visited, #newseventsmenu a:visited, #aboutusmenu a:visited, #servicemenu a:visited, #personalmenu a:visited, #businessmenu a:visited, #onlinemenu a:visited, #locationsmenu a:visited, #oaklandmenu a:visited, #cordovamenu a:visited, #eastmemphismenu a:visited, #uptownmenu a:visited {
	font-weight: bold;
}

#kidsbankmenu a:hover, #policiesmenu a:hover, #specialsmenu a:hover, #lostcardmenu a:hover, #atmmenu a:hover, #contactusmenu a:hover, #interestratesmenu a:hover, #newseventsmenu a:hover, #aboutusmenu a:hover, #servicemenu a:hover, #personalmenu a:hover, #businessmenu a:hover, #onlinemenu a:hover, #locationsmenu a:hover, #oaklandmenu a:hover, #cordovamenu a:hover, #eastmemphismenu a:hover, #uptownmenu a:hover {
	color: #000000;
}

#masthead {
	padding: 0 0 0 20px;
	width: 750px;
	z-index: 1;
}

#masthead img {
	display: block;
	float: left;
	margin-top: 8px;
	margin-bottom: 6px;
}

#masthead_kids {
	background: url(./../images/background/kids_770x210_spring.jpg) no-repeat 0px 0px;
	padding: 0 0 0 16px;
	width: 754px;
	height: 210px;
	z-index: 1;
}

#masthead_kids img {
	display: inline;
	float: left;
	margin-top: 58px;
	margin-left: 55px;
	margin-bottom: 6px;
}

#lostcard {
	margin: 50px 0 0 25px;
}




/*  FDIC/EQUAL HOUSING LENDER TOOLTIP

-------------------------------------------------*/


.tooltipShadow {
	background: url(shadow.gif);
}

.tooltipContent {
	left: -4px;					/* shadow offset */
	top: -4px;
	background-color: #FFFF00;	/* yellow background */
	border: 1px solid #000000;	/* thin black border */
	padding: 5px;
}








/*  HEADER

-------------------------------------------------*/


/*  @group FOOTER
=====================================================*/

#indexfooter {	
	width: 770px;	
	background: #379328 url(/images/layout/footer_bottom.gif) no-repeat left bottom;
	padding: 0;
}

#footwrapper {
	min-height: 45px;
	height: auto !important;
	height: 45px;

	background: url(/images/layout/footer_top.gif) no-repeat left top;
	margin: 0;
	padding: 5px 20px 0px 20px;
}

#aboutus #footnav4 .aboutus a,
#atm #footnav1 .atm a,
#lost #footnav2 .lost a,
#offers #footnav1 .offers a,
#news #footnav3 .news a,
#rates #footnav4 .rates a,
#policies #footnav2 .policies a,
#contactus #footnav5 .contactus a {
	color: #FFFFFF;
	border-bottom: 2px solid #ffffff;
	cursor: default;
}

#contactus table th {
	text-decoration: underline;
}

#kids #footnav5 .kids a {
	border-bottom: 2px solid #FFFF00;
}

#footlinks {	
	min-height: 37px;
	height: auto !important;
	height: 37px;

	float: left;
	margin: 0;
	padding: 0;
}

ul#footnav1, ul#footnav2, ul#footnav3, ul#footnav4, ul#footnav5 {
	margin: 0;
	padding-bottom: 2px;
	list-style-type: none;
	float: left;
}

ul#footnav1 li, ul#footnav2 li, ul#footnav3 li, ul#footnav4 li, ul#footnav5 li {
	display: block;	
	padding: 0 20px 0px 0;
	margin: 0;
	border-style: none;
}

ul#footnav1 a, ul#footnav2 a, ul#footnav3 a, ul#footnav4 a, ul#footnav5 a {
	margin: 0;
	padding: 0;
	font-size: .75em; /* or 12px */
	border-style: none;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

.kidfooterfont {						/* used for "Kids Page" Footer Menu entry */
	color: #ffff00 !important;
}

#footnav1 a:hover, #footnav2 a:hover, #footnav3 a:hover, #footnav4 a:hover, #footnav5 a:hover, #footnav1 a:active, #footnav2 a:active, #footnav3 a:active, #footnav4 a:active, #footnav5 a:active, #reg a:hover {
	border-bottom: 1px dashed #ffffff;
}

#reg {
	min-height: 19px;
	height: auto !important;
	height: 19px;

	min-width: 225px;
	margin: 0;
	padding: 18px 0 2px 0;
	border-style: none;
	float: right;
	text-align: right;
	color: #ffffff;	
}

#reg a {
	font-size: .6875em; /* 11px yes! */
	color: #ffffff;	
	text-decoration: none;
	border-style: none;
}

#fdic {	
	text-decoration: none;
}


#ehl { 
	background: url(/images/reg/ehl_20px.gif) no-repeat 0% 0%;
	padding-left: 23px;
	padding-top: 6px;
}

div#copyblock {
	padding: 0;
	margin: -2px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .625em; /* 10px */
	color: #000000;
	float: right;
}

/* about us */
table#officers, table#board {
	table-layout: fixed;
	width: 476px;
	border-collapse: collapse;
}

#officers col#c1 {
	width: 28%;
}

#board col#c1 {
	width: 30%;
}

/* italic footnotes i.e. "locate an atm", misc. product pages, etc. */
#services p.italicnote { font-size: .6875em; font-style: italic }		/* 12px */




/*  @end FOOTER
=====================================================*/






/*	RIGHT CONTENT
--------------------------------------------*/

#displaymap {
	margin-top: 10px;
}





/*	ACCOUNTS ADMIN
--------------------------------------------*/

.forminput {
	background-color: #efefef;
	text-align: center;
}


/*	ACCOUNT TYPE ADMIN TABLE
--------------------------------------------*/
/*
#accountsadmintable th, td {
	margin: 0;
	padding: 0;
}
*/

#accountsadmintable caption {
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 1.1em;
}	

#accountsadmintable {
	width: 736px;				/* 34px padding + 736px width = 770px total width */
	table-layout: fixed;
	border-collapse: collapse;
	font-family: Arial;
}

#accountsadmintable thead th {
	
	text-decoration: none;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	line-height: 1;
	padding-bottom: 3px;
	padding-top: 4px;
	vertical-align: middle;
	background-color: #e6e6e6;
	text-align: center;
}
/*
#accountsadmintable tfoot td {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	background-color: #e6e6e6;
	padding-bottom: 3px;
	padding-top: 4px;
}
*/

#accountsadmintable td, #accountsadmintable th {
	padding: 0.1em 0 0.1em 0;
}

/*
.accountType {
	background-color: #f6f6f6;
}
*/
.accountadmincol_0 {
	width: 15%;
}

.accountadmincol_1 {
	width: 22%;
}

.accountadmincol_2 {
	width: 33%;
}

.accountadmincol_3 {
	width: 10%;
}

.accountadmincol_4 {
	width: 10%;
}

.accountadmincol_5 {
	width: 10%;
}

.aligncenter {
	text-align: center;
}

alignleft {
	text-align: left;
}




/*	ACCOUNTS ADMIN TABLE
--------------------------------------------*/

#accountstable caption, #footnotestable caption, #editdatetable caption {
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 1.1em;
}	

#accountstable, #footnotestable {
	width: 736px;
	table-layout: fixed;
	border-collapse: collapse;
	font-family: Arial;
}

#accountsedittable, #editdatetable {
	width: 476px;
	table-layout: fixed;
	border-collapse: collapse;
	font-family: Arial;
}

#accountstable thead th, #footnotestable thead th, #editdatetable thead th {
	
	text-decoration: none;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	line-height: 1;
	padding-bottom: 3px;
	padding-top: 4px;
	vertical-align: middle;
	background-color: #cfcfcf;
	text-align: center;
}

#accountstable td, #accountstable th, #accountsedittable td, #accountsedittable th, #footnotestable th, #editdatetable th {
	padding: 0.1em 0 0.1em 0;
}

.accountscol_0 {
	width: 11%;
}

.accountscol_1 {
	width: 31%;
}

.accountscol_2 {
	width: 8%;
}

.accountscol_3 {
	width: 8%;
}

.accountscol_4 {
	width: 8%;
}

.accountscol_5 {
	width: 8%;
}

.accountscol_6 {
	width: 6%;
}

.accountscol_7 {
	width: 6%;
}

.accountscol_8 {
	width: 7%;
}

.accountscol_9 {
	width: 7%;
}

.accountseditcol_0 {
	width: 28%;	
}

.accountseditcol_1 {
	width: 10%;
}

.accountseditcol_2 {
	width: 18%;
}

.accountseditcol_3 {
	width: 14%;
}

.accountseditcol_4 {
	width: 30%;
}

.footnotescol_0 {
	width: 11%;
}

.footnotescol_1 {
	width: 30%;
}

.footnotescol_2 {
	width: 45%;
}

.footnotescol_3 {
	width: 7%;
}

.footnotescol_4 {
	width: 7%;
}

.editdatecol_0 {
	width: 20%;
}

.editdatecol_1 {
	width: 25%;
}

.editdatecol_2 {
	width: 10%;
}

.editdatecol_3 {
	width: 20%;
}

.editdatecol_4 {
	width: 25%;
}



/*	TIERS ADMIN TABLE
--------------------------------------------*/

.adminOn td {
	background: #e6e6e6;
}

.adminOff td {
	background: #ffffff;
}


#tiersadmintable caption {
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 1.1em;
}	

#tiersadmintable {
	width: 736px;
	table-layout: fixed;
	border-collapse: collapse;
	font-family: Arial;
}

#tiersadmintable thead th {
	text-align: center;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	line-height: 1;
	padding-bottom: 3px;
	padding-top: 4px;
	vertical-align: middle;
	background-color: #cfcfcf;
}

#tiersadmintable td, #tiersadmintable th {
	padding: 0.1em 0 0.1em 0;
}

.tiersadmincol_0 {
	width: 31%;
}

.tiersadmincol_1 {
	width: 10%;
}

.tiersadmincol_2 {
	width: 12%;
}

.tiersadmincol_3 {
	width: 12%;
}

.tiersadmincol_4 {
	width: 10%;
}

.tiersadmincol_5 {
	width: 10%;
}

.tiersadmincol_6 {
	width: 8%;
}

tiersadmincol_7 {
	width: 7%;
}
/*********************duplicate style
.alignright {
	padding-right: 0;
	text-align: right;
}
*/

.aligncenter {
	text-align: center;
}

.alignleft {
	text-align: left;
}

.padleft5 {
	padding-left: 5px;
}

.padleft10 {
	padding-left: 10px;
}

.padright {
	padding-right: 15px;
}





/*	@group LOCATIONS
--------------------------------------------*/

body.uptown #sidenav li#uptownnav,		/* highlighting the current page */
body.eastmemp #sidenav li#eastmempnav,
body.cordova #sidenav li#cordovanav,
body.oakland #sidenav li#oaklandnav {
	background: url(./../images/navigation/list_bullet_5.gif) no-repeat 0 3px;
}

body.uptown #sidenav #uptownnav a,		/* highlighting the current page */
body.eastmemp #sidenav #eastmempnav a,
body.cordova #sidenav #cordovanav a,
body.oakland #sidenav #oaklandnav a {
	color: #000000;
}

p#picsubtitle {
	text-align: center;
	margin-top: 1em;
	margin-bottom: .4em;
}

#servicescontent .imgborder, #servicescontent_edit .imgborder {
	border: 1px solid #979797;
}

.centertext {
	text-align: center;
	/*padding-bottom: 8px;*/
}


.locationsAll {
	position: relative;
	z-index: 20;
	width: 468px;
	height: 313px;
	border: 1px solid #979797;
	background-color: #f2efe9;
	/*background-color:#e5e3df;*/
}

.map {
	position: relative;
	z-index: 20;
	width: 468px;
	height: 313px;
	border: 1px solid #979797; 
	background-color: #f2efe9;
	/*background-color:#e5e3df;*/
	/*display: none;*/
}

#map {
	position: relative;
	z-index: 20;
	width: 468px;
	height: 313px;
	border: 1px solid #979797;
	background-color: #f2efe9;
}

.loading {
	position: relative;
	z-index: 10;
	background-color: #f2efe9;
	padding:1.5em 0 0 1.5em;
	color:#5e5e5e;
}

.noscript {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
}

.locationspics #servicescontent,
.locationspics #menucontent {		/* adjusts office pic box height to a minimum height  */
	min-height:382px;
	height:auto !important;
	height:382px;
}


/* tables in menu section of locations pages */


table#lobbyhours, table#drivehours, #menucontent address {			/* IE & FireFox */
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
}

#lobbyhours td, #drivehours td {
	line-height: 1.25;
}

#menucontent address {
	padding-top: 10px;
	/*padding-bottom: 10px;*/
}

#menucontent h3, #menucontent h4, #menucontent_kids h3, #menucontent_kids h4 {
	font-weight: bold;
	margin-top: 0;
	padding-top: 10px;
	padding-bottom: 0;
	margin-bottom: 0;
}


/*	@end LOCATIONS
--------------------------------------------*/



/*	LOGIN
--------------------------------------------*/

#messagebox
	{
	font-family: Arial, sans-serif;
	border: 1px solid #cccccc;
	background-color: #FFFFD5;
	padding: 8px 12px 8px 12px;
	width: 347px;
	margin: 8px auto 8px auto;
	float: left;
}

#date #messagebox {
	padding: 8px 12px 20px 12px;
	width: 446px;
}

	
#messagebox h3
	{
	display: inline;
	}
	
#messagebox span {
	display: block;
	margin-bottom: 10px;
}

#messagebox p {
	margin-bottom: 0;
}

#adminmenu li {
	 list-style: decimal inside;
}

#adminmenu li a {
	text-decoration: none;
	border-style: none;
}

#adminmenu li a:hover {
	background-color: transparent;
}

span#secondsDisplay {
	 display: inline;
}
	
	
/*	POLICIES TEXT
--------------------------------------------*/

p.policies {
	margin: 0 0 1.5em 0;
}



/*  @group KIDS PAGE
=====================================================*/


.kidmenuface {							/* used for Kids page menu */
	font-family: "Comic Sans MS" !important;
}

#kidsbankmenu ul {
	padding: 0;
	margin: 0;
}

#kidmenu ul, #kidmenu ul ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

#kidmenu ul {
	margin-left: 0;
}

#kidmenu li ul {
	margin: .1em 0 0 .3em;
	padding-top: 0;
}

#kidmenu li a {
	display: list-item;
	font: bold 1.2em "Comic Sans MS" !important;
}

#kidsintro h1 {
	font: 1.4em/1.5 "Comic Sans MS" !important;
}

#kidsintro h2 {
	font: 1.2em/1.5 "Comic Sans MS" !important;
	margin-bottom: .4em;
}

#kidsintro p {
	font: 1em/1.25 "Comic Sans MS";
}

#kidsintro p a:link, #kidsintro p a:visited {
	text-decoration: none;
}


#kidsintro p a:hover, #kidsintro p a:active {
	border-bottom: 1px solid #333333;
}

#kidsintro p .initcap {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #379328;
	line-height: .8;
}

#kidsintro {
	margin-top: -50px;
	z-index: 10;
	position: relative;
}


/*  @end KIDS PAGE
=====================================================*/


/*  @group SITE MAP
=====================================================*/

#sitemap ul, #sitemap ol {margin: 1em 0; padding-left: 2.5em;}

/*  @end KIDS PAGE
=====================================================*/



/*  @group PRODUCTS SHOW/HIDE
=====================================================*/

/* dynamic styles */

#content.dyn div.prodblock{
	position:absolute;
	left:-9999px;
	height:1px;
	overflow:hidden;
}

#content.dyn div.show{
	position:relative;
	width: 470px;		/* important to "show" an element after it has been "hidden" */
	height:auto;
	overflow:visible;
	left:0;
}

#content.dyn #tocmenu a.current1 {	
	font-weight: bold;
	color: #000000;
}

#content.dyn #tocmenu li.current2 {
	background: url(./../images/navigation/list_bullet_5.gif) no-repeat 0px 3px;
}



/*  @end PRODUCTS SHOW/HIDE
=====================================================*/



/*  @group LOCATE ATM
=====================================================*/





/*  @end LOCATE ATM
=====================================================*/


/*  @group NEWS/EVENTS POPUP IMAGE
=====================================================*/

#servicescontent a.thumbnail:hover {
	background-color: transparent;
}

a.thumbnail_right {
	font-size: .75em;	/* 12px */
	float: right;
	position: relative;
	border-style: none;
	margin: 5px 0 3px 10px;
	cursor: default;
	z-index: 0;
}

a.thumbnail_left {
	font-size: .75em;	/* 12px */
	float: left;
	position: relative;
	border-style: none;
	margin: 5px 10px 3px 0;
	cursor: default;
	z-index: 0;
}

a.thumbnail_right span, a.thumbnail_left span { 
	display: none;
}


a.thumbnail_left:hover, a.thumbnail_right:hover {
	background-color: transparent;
	z-index: 50;
	direction: ltr;
}


a.thumbnail_right:hover span {
	display: block;
	position: absolute;
	background-color: #FFFFE0;
	padding: 10px 10px 0 10px;
	border: 1px solid #9A9A9A;
	color: #000000;
	white-space: nowrap;				
	cursor: default;
	top: -100px;
	left: -270px;
	z-index: 50;
}

a.thumbnail_left:hover span {
	display: block;
	position: absolute;
	background-color: #FFFFE0;
	padding: 10px 10px 0 10px;
	border: 1px solid #9A9A9A;
	color: #000000;
	white-space: nowrap;				
	cursor: default;
	top: -100px;
	left: 0;
	z-index: 50;
}


/* possibly fixes bug in IE5.x/Win */
a.thumbnail_right:hover span, a.thumbnail_left:hover span {
	font-size: 100%;
}

/* used to separate def list and pic items on news archives page */
.floatedpicleft {
	float: left;
	margin-top: 10px;
	margin-right: 15px;
}

.floatedpicright {
	float: right;
	margin-top: 10px;
	margin-left: 15px;
}

#servicescontent dl {		/* ? */
	margin-top: 30px;
}

.justify {
	text-align: justify;
}

/*  @end NEWS/EVENTS POPUP IMAGE
=====================================================*/


/*  @group GOOGLE SEARCH
=====================================================*/


#cse-search-results iframe {
	width: 625px;
}

#s {
	/*background-image: url(http://test.fabtn.com/images/background/searchbox.gif);*/
	color: #cfcfcf;
	font-size: .8em;
}
.focus {
	color: #000000;
}

/*  @end GOOGLE SEARCH
=====================================================*/


/*  @group RATES PAGE
=====================================================*/

a#ref2special {
	border-bottom: 1px dashed #0855D9;
}

/*  @end RATES PAGE
=====================================================*/