/*Main tag style definitions*/

body{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

body,td,th,small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
p {
	line-height: 17px;
	margin-bottom: -10px;
}
li {
	line-height: 17px;
	margin-top: 2px;
}
ul {
	list-style-type: square;
	margin-top: 20px;
	margin-bottom: -8px;
}
li ul {
	list-style-type: circle;
	margin-top: 7px;
	margin-bottom: 0px;
}



h1 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: -15px;

}
h2 {
	font-size: 14px;
	line-height: 17px;
	margin-bottom: -15px;
	margin-top: 20px;
	color:#006bb6;
}
h3 {
	font-size: 13px;
	font-weight: 800;
	line-height: 15px;
	margin-bottom: -15px;
	margin-top: 25px;

}
h4 {
	font-size: 12px;
	font-weight: 800;
	line-height: 15px;
	margin-bottom: -15px;
	margin-top: 25px;
}
h5 {
	font-size: 11px;
	font-weight: 800;
	line-height: 15px;
	margin-bottom: -15px;
	margin-top: 25px;
}
h6 {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: -10px;
	margin-top: 20px;
	color: #666666;
}
/*Fine Print*/
small {
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 0px;
	margin-top: 30px;	
	color: #999999;
}
address {
	text-decoration:none;
	font-style:normal;
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 0px;
	margin-top: 30px;	
	color: #999999;
}
#red {
	text-decoration:none;
	font-style: normal;
	font-weight:bold;
	color: #FF0000;
}

a:link {
color:#006bb6;
text-decoration: none;
}

a:visited {
color:#006bb6;
text-decoration: none;
}

a:hover {
color:#0088e7;
text-decoration: none;
}

a:active {
color:#006bb6;
text-decoration: none;
}

a img {
border: 0;
}

ul.nav {
	list-style-type: none;
	line-height: 10px;
	padding-left: 7px;
	text-indent: -7px;	
	margin: 0px 0px 0px 0px;
	
}
li.nav {
	margin-top: -1px;
	margin-bottom: -1px;
}

/*Sitemap Styles*/
ul.sitemap {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
ul.sitemap a {
	color:#000000;
}
ul.sitemap a:visited {
	color:#000000;
}
ul.sitemap a:hover {
	color:#0088e7;
}
/*Level 1*/
ul.sitemap li {
	font-size: 12px;
	font-weight: 800;
	line-height: 15px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
/*Level 2*/
ul.sitemap ul.sitemap li {
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	margin: 6px 0px 2px 5px;
	border: 0px;
}
/*Level 3*/
ul.sitemap ul.sitemap ul.sitemap li {
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;	
	margin: 0px 0px 2px 10px;
}


ul.FAQquestion, li.FAQquestion {
	list-style-type:none;
	line-height:15px;
	padding-top: 4px;
	padding-bottom: 4px;	
	margin-left:0px;
	font-weight: bold;
	color:#333333;
	border-bottom: solid 1px #EEEEEE;
}

/*Positioning classes*/

#logoimage {
vertical-align:middle;
text-align:center;
padding-top:57px;
width:188px;
height:102px;
border-bottom-color:#b2b2b2;
border-bottom-style:solid;
border-bottom-width:5px;
margin-right:0px;
}

.box {
display: block;
width: 164px;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}


#locationbox {
border: 1px solid #CCCCCC;
margin: 2px 0px 0px 2px;
width: 164px;
}

/*
#locationbox p {
margin-bottom: 0px;
}
*/

#welcomebox {
border-bottom: 1px solid #CCCCCC;
margin-left: 2px;
}
#currency {
float:left;
border: 1px solid #CCCCCC;
/*margin: 2px 0px 0px 2px;*/
margin: 2px 0px 0px 2px;
  
padding: 0px;
width: 185px;
}

#currency #currency_table {
width: 185px;
}

#leftbannerbox {
margin: 2px 1px 0px 2px;
}
#left_column {
float:left;
width: 190px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#right_column {
float:left;
width: 190px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#products {
border: 1px solid #CCCCCC;
margin: 2px 2px 0px 0px;
float:left;
height: 100%;
width: 166px;
}
#resources {
float:left;
border: 1px solid #CCCCCC;
margin: 2px 0px 0px 0px;
height: 100%;
width: 166px;
}

#center_column {
float:left;
width:380px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#onlinebanking {
float:left;
width:366px;
padding: 10px 0px 20px 10px;
margin: 2px 0px 2px 0px;
border: 1px solid #CCCCCC;
background-image: url(/images/combo-lock.gif);
background-position:right;
background-repeat:no-repeat;
}
/* Row 3 on Main Page */
#centerrow3  { 
float:left; 
width:380px;
}
#banners { 
float:left; 
margin:0px 2px 0px 0px;
padding:0px 0px 0px 0px;
}
#left_top_banner {
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;
}
#left_top_banner_img {
border: 2px solid #FFFFFF;
}
#left_bottom_banner {
border: 1px solid #CCCCCC;
margin: 2px 0px 0px 0px;
}
#left_bottom_banner_img {
border: 2px solid #FFFFFF;
}

#content_currency {
float:left;
border: 1px solid #CCCCCC;
margin: 0px 1px 0px 0px;
}
#currency_table {
border-top: 3px solid #FFFFFF;
border-right: 11px solid #FFFFFF;
border-bottom: 10px solid #FFFFFF;
border-left: 10px solid #FFFFFF;
width: 187px;
}
/*Begin Content pages*/
#center_content {
display:block;
float:none;
height:100%;
min-height:500px;
margin: 0px 0px 0px 0px;
padding: 5px 10px 20px 10px;
}
#footercell {
position:relative;
top:10px;
width:750px;
padding: 10px 0px 20px 10px;
margin: 10px 0px 0px 0px;
border-top-style:solid;
border-top-color:#CCCCCC;
border-top-width:1px;
clear:both;
}

#rightbannerbox {
text-align:right;
}
#rightbox {
margin: 0px 0px 0px 0px;
}

/* End Checked by TF */
.result {
display: block;
/*width: 164px; */
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#nav_box {
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;
font-weight:bold;
background: #DFDFDF;
}
.grey {
	color: #999999;
}
a.textgrey {
	color: #333333;
}
.superscript {
	vertical-align: super;
}
.locationtext {
	line-height: 13px;
	margin-bottom: 5px;
	margin-top: 0px;


}

.locationtext p {
margin: -5px 0px 0px 0px;
}
/* Sign in here button on main page */
.locbuttonbox {
	position: relative;
	float:left;
	left: 5%;
	background: #DFDFDF;
	/*float:left;
	position:relative;
	left: 2px;
	margin:0px 2px 0px 0px;
	padding:4px 4px 4px 4px;*/
	margin:0px 2px -8px 0px;
	padding:4px 4px 4px 4px;
	color:#333333;
	font-weight:bold;
	font-size: 9px;

	}
.buttonbox {
	border: 1px solid #CCCCCC;
	background:#F5F5F5;
	margin:0px 0px 0px 0px;
	padding:3px 3px 3px 3px;
	color:#333333;
	font-weight:bold;
	}	

/* Style for the lifestages rollovers */

p.lsoff {
	border-top: 0px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 0px solid #FFFFFF;
	border-left: 1px solid #CCCCCC;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}
p.lstop {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 0px solid #FFFFFF;
	border-left: 1px solid #CCCCCC;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}
p.lstopon {
	border: 1px solid #FF0000;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px -1px 0px;
}
p.lsbottom {
	border-top: 0px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}
p.lsbottomon {
	border: 1px solid #FF0000;
	padding: 2px 2px 2px 2px;
	margin: -1px 0px 0px 0px;}
p.lson {
	border: 1px solid #FF0000;
	padding: 2px 2px 2px 2px;
	margin: -1px 0px -1px 0px;
}
div#lifestages {
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 0px;
}


/*added jda just so I could debug the banners*/

  .submitLink {
   background-color: transparent;
   /* changed to 200 6/14/07 cg to accomodate long branch name
   width:160px;
   */
   width:230px;
   border: none;
   cursor: pointer;
   cursor: hand;
   font-family:Arial,Helvetica;
   font-size:11px;
   font-weight:bold;
   color:#006bb6;
   text-decoration:none;
   text-align:left;
  }


/*end added by jda*/

#currex {
margin-top: 6px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}

#currex2 {
margin-top: 6px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
}


h1.pagetitle {
	margin-bottom: -8px;
}

.boxtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	line-height: 24px;
	color: #333333;
}

.boxtitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height: 24px;
	color: #333333;
}

.boxtitle3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}


.navlinks {
	font-size: 11px; 
	color: #4d4d4d; 
	font-weight: bold; 
	text-decoration: none;
}
.navlinks a:link {
	color: #4d4d4d;
	text-decoration: none;
}
.navlinks a:hover {
	color: #4d4d4d;
	text-decoration: none;
}
.navlinks a:visited {
	color: #4d4d4d;
	text-decoration: none;
}
.navlinks a:active {
	color: #4d4d4d;
	text-decoration: none;
}
.button {
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #FFFFFF;
color: #333333;
font-size: 75%;
font-weight: bold;
font-family: Arial, sans-serif;
} 
/*
a.tooltip {
    position: relative;
    z-index: 24; 
	background-color: #fff;
    color: #d60000;
    text-decoration: none;
	margin-left: 20px;
}

a.tooltip span	{
	display: none;
	}

a.tooltip:hover span{
    display: block;
    position: absolute;
    top:10em; left:2em; width:15em;
	padding: 3px;
    border: 1px solid #cccccc;
    background-color: #F5F5F5;
	color: #333333;
    text-align: left;
	}
*/
a.tooltip,a.tooltip:visited{
    position:relative;
	margin-left: 20px;
    z-index:24; background-color:#ffffff;
    color:#d60000;
    text-decoration:none;}

a.tooltip:hover{z-index:25; background-color:#fff}

a.tooltip span{display: none;}

a.tooltip:hover span{ 
    display:block;
    position:absolute;
    top:-10em; left:2em; width:15em;
    border:1px solid #cccccc;
	padding:3px;
    background-color:#f5f5f5; color:#000000;
    text-align: left;}