/* This file contains ALL the SynergyOne Web Site styles */

/* ############### General Formatting ################################ */

	BODY {scrollbar-face-color: #008852; scrollbar-shadow-color: #000000; 
	scrollbar-highlight-color: #C0C0C0; scrollbar-3dlight-color: #26547C; 
	scrollbar-darkshadow-color: #000000; scrollbar-track-color: #26547C; 
	scrollbar-arrow-color: #000000}
	.header {text-decoration : none; color : 000000; font : 15pt arial,sans-serif}
	.headerred {text-decoration : underline; color : 990000; font : 15pt arial,sans-serif}
	.headerred:hover {text-decoration : underline; color : 000000; font : 15pt arial,sans-serif}
	.body {text-decoration : none; color : 000000; font : 18pt arial,sans-serif}
	.debug {text-decoration : none; color : ffffff; font : 12pt arial,sans-serif}
	.menulink  {text-decoration : underline; color : FECE00; font : 9pt arial,sans-serif}
    .menulink:hover  { text-decoration : underline; color : ffffff; font : 9pt arial,sans-serif}
	.menulinkbold  {text-decoration : none; font-weight : bold ; color : FECE00; font : 12pt arial,sans-serif}
    .menulinkbold:hover  { text-decoration : underline; font-weight : bold ; color : ffffff; font : 12pt arial,sans-serif}
  	td {color : 000000; font : 10pt arial,sans-serif}
	a  {text-decoration : underline; color : #request.page.linkcolor#; font : 10pt arial,sans-serif}
    a:hover  { text-decoration : underline; color : #993333; font : 10pt arial,sans-serif}
	.footerlinks  {text-decoration : underline; color : 990000; font : 9pt arial,sans-serif}
    .footerlinks:hover  { text-decoration : underline; color : 000000; font : 9pt arial,sans-serif}
	.tablinkwhite{color:ffffff;text-decoration:none arial,sans-serif;font-size:12px}
	.tablinkblue{color:1e2565;text-decoration:none arial,sans-serif;font-size:12px}
	.tablinkblue:hover{color:1e2565;text-decoration:underline arial,sans-serif;font-size:12px}
	.tablinkwhite:hover{color:ffffff;text-decoration:underline arial,sans-serif;font-size:12px}
	.linkblue{color:0000ff;text-decoration:underline arial,sans-serif;font-size:14px}
	.linkblue:hover{color:ff0000;text-decoration:underline arial,sans-serif;font-size:14px}
	.linkred{color:ff0000;text-decoration:underline arial,sans-serif;font-size:14px}
	.linkred:hover{color:0000ff;text-decoration:underline arial,sans-serif;font-size:14px}
	
	.buttons {font-family:Verdana, Arial;font-size:9pt;font-weight:bold;color:white;background:#050547;cursor:hand}
	.button {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #FFFFFF;border: solid 0px;background-color: #26547C;cursor:hand}
	.buttonOver {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #000000;border: solid 0px;background:#c0c0c0;cursor:hand}
	.buttonOut {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #FFFFFF;border: solid 0px;background-color: #26547C;cursor:hand}
	
	.button6 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #FFFFFF;border: solid 0px;background-color: #000000;cursor:hand}
	.buttonOver6 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #000000;border: solid 0px;background:#c0c0c0;cursor:hand}
	.buttonOut6 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #FFFFFF;border: solid 0px;background-color: #000000;cursor:hand}
	
	.button2 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #FFFFFF;border: solid 0px;background-color: #008852;cursor:hand}
	.buttonOver2 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #000000;border: solid 0px;background:#c0c0c0;cursor:hand}
	.buttonOut2 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #FFFFFF;border: solid 0px;background-color: #008852;cursor:hand}
	
	.button3 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #FFFFFF;border: solid 0px;background-color: #008852;cursor:hand;
	text-align: left;width: 120px;}
	.buttonOver3 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #000000;border: solid 0px;background-color: #c0c0c0;cursor:hand;text-align: left;width: 120px;}
	.buttonOut3 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #FFFFFF;border: solid 0px;background-color: #008852;cursor:hand;text-align: left;width: 120px;}
	.button4 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #FFFFFF;border: solid 0px;background-color: #26547C;cursor:hand;
	text-align: left;width: 120px;}
	.buttonOver4 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #000000;border: solid 0px;background-color: #c0c0c0;cursor:hand;text-align: left;width: 120px;}
	.buttonOut4 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #FFFFFF;border: solid 0px;background-color: #26547C;cursor:hand;text-align: left;width: 120px;}
	.button5 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #FFFFFF;border: solid 0px;background-color: #26547C;cursor:hand;
	text-align: center;width: 120px;}
	.buttonOver5 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #000000;border: solid 0px;background-color: #c0c0c0;cursor:hand;text-align: center;width: 120px;}
	.buttonOut5 {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #FFFFFF;border: solid 0px;background-color: #26547C;cursor:hand;text-align: center;width: 120px;}
	.buttonsignon {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #FFFFFF;border: solid 0px;background-color: #F90;cursor:hand}
	.buttonsignonOver {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #000000;border: solid 0px;background-color: #c0c0c0;cursor:hand}
	.buttonsignonOut {font-family: Arial,Verdana;font-size: 8pt;font-weight:bold;color: #FFFFFF;border: solid 0px;background-color: #F90;cursor:hand}
	.tableborder {border-width: 1px; border-color: #000000}
	.tableborder2 {border-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none;}
	.tableborder3 {border: 1px solid #000000; background-repeat: repeat-x;}
	.tableborder4 {border: 0px solid #000000; background-repeat: repeat-x;}
	.theadwhite{font-family:arial,verdana,helvetica,geneva,sans-serif;font-size:11px;color:#ffffff;text-decoration:none;font-weight:bold}
	.theadwhitelg{font-family:arial,verdana,helvetica,geneva,sans-serif;font-size:13px;color:#ffffff;text-decoration:none;font-weight:bold}
	.textfield {font-family:arial,verdana,helvetica,geneva,sans-serif;font-size:9px;color:#000000;border:solid 1px;border-color:#008852}
	.formtext  {font-family:arial,verdana,helvetica,geneva,sans-serif;font-size:8pt;color:#000000;text-decoration:none;font-weight:bold}
	.formtext2 {font-family:arial,verdana,helvetica,geneva,sans-serif;font-size:8pt;color:#000000;text-decoration:none;font-weight:bold}
	.formtext3 {font-family:arial,verdana,helvetica,geneva,sans-serif;font-size:8pt;color:#FF0000;text-decoration:none;font-weight:bold}
	.formtext4 {font-family:arial,verdana,helvetica,geneva,sans-serif;font-size:8pt;color:#26547C;text-decoration:underline;font-weight:bold}
	.smalltext {font-family:arial,verdana,helvetica,geneva,sans-serif;font-size:8pt;color:#000000;text-decoration:none;font-weight:normal}
	a.smalllink {font-family:arial,verdana,helvetica,geneva,sans-serif;font-size:8pt;color:#000000;text-decoration:underline}
	a.smalllink:hover {font-family:arial,verdana,helvetica,geneva,sans-serif;font-size:8pt;color:#993333;text-decoration:underline}
	a.smalllink2 {font-family:arial,verdana;font-size:11px;color:#ffffff;text-decoration:none;font-weight:normal}
	a.smalllink2:hover {font-family:arial;font-size:11px;color:#ff0000;text-decoration:none;font-weight:normal}
	a.smalllink3 {font-family:arial,verdana,helvetica,geneva,sans-serif;font-size:8pt;color:#26547C;text-decoration:none;font-weight:bold}
	a.smalllink3:hover {font-family:arial,verdana,helvetica,geneva,sans-serif;font-size:8pt;color:#993333;text-decoration:underline;font-weight:bold}
	a.smalllink4 {font-family:arial,verdana,helvetica,geneva,sans-serif;font-size:10pt;color:#000000;text-decoration:none;font-weight:bold}
	a.smalllink4:hover {font-family:arial,verdana,helvetica,geneva,sans-serif;font-size:10pt;color:#993333;text-decoration:underline;font-weight:bold}
	
	
	.tdstatic {background-image: url("/synergyone/images/pictures/backgrounds/toolgrad.gif");}
	.trOver {cursor:arrow; background-color: #C0C0C0;}
	.trOver2 {cursor:hand; background-color: #5C78A9; border-width: 1px;}
	.trOut {cursor:arrow; background-color: #FFFFFF;}
	.trOut2 {cursor:arrow; background-color: #FFFFCF;}
	.trOut3 {cursor:hand; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: #000000; background-color: #26547C;}
	.trOut4 {cursor:hand; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: #000000; background-color: #5C78A9;}
	.trOut5 {cursor:arrow; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: #000000; background-color: #5C78A9;}
	.trOut6 {cursor:arrow; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: #000000; background-color: #CCCCCC;}
	.tdOver {cursor:hand; background-image: url("/synergyone/images/pictures/backgrounds/rtebnhov.gif"); background-color: #fddd98;}
	.tdOut {cursor:hand; background-image: url("/synergyone/images/pictures/backgrounds/toolgrad.gif");}
	.tdClick {cursor:hand; background-image: url("/synergyone/images/pictures/backgrounds/rtebnsel.gif"); background-color: #fddd98;}
	.tdborder {border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000;
}

	.imageOver {cursor:hand; background-image: url("/synergyone/images/icons/left_arrow_black.gif"); background-color: #fddd98;}

	.flashit {text-decoration:blink; color: FF0000; }
	
.textfield {
	font-family: Arial,Verdana;
	font-size: 10px;
	color: 000000;
	border: solid 2px;
	border-color: #DBDBDB;
	background-color:#ffffff;
	background-image: url('textfield.gif');
}

.textfield2 {
	font-family: Arial,Verdana;
	font-size: 10px;
	color: #336699;
	border: solid 1px;
	border-color: #336699;
	background-color:#336699;
	background-image: url('../images/textfield.gif');
}

.textfield3 {
	font-family: Arial,Verdana;
	font-size: 12px;
	color: #336699;
	border: solid 0px;
	border-color: #ffffff;
	background-color:#ffffff;
}

.textfield4 {
	font-family: Arial,Verdana;
	font-size: 9px;
	color: #336699;
	border: solid 0px;
	border-color: #ffffff;
	background-color:#ffffff;
	background-image: url('../images/textfield.gif');
}

.textfield5 {
	font-family: Arial,Verdana;
	font-size: 10px;
	color: #336699;
	border: solid 1px;
	border-color: #336699;
	background-color:#ffffff;
	
}

.textfield6 {
	font-family: Arial,Verdana;
	font-size: 8px;
	color: #336699;
		
}

.textfield7 {
	font-family: Arial,Verdana;
	font-size: 8px;
	color: #ffffff;
		
}

.textfield8 {
	font-family: Arial,Verdana;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

a.textfield8:link,a.nav:active,a.nav:visited {
	font-family: arial, verdana; 
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
a.textfield8:hover	{
	font-family: arial, verdana;
	color: #ffffff;
	font-size: 12px;  
	text-decoration: none; 	
}

a.formtext:link,a.nav:active,a.nav:visited {
	font-family: arial, verdana; 
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}

a.formtext:hover	{
	font-family: arial, verdana;
	color: #993333;
	font-size: 8pt;  
	text-decoration: none; 	
	font-weight:bold;
}

a.formtext3:hover	{
	font-family: arial, verdana;
	color: #993333;
	font-size: 8pt;  
	text-decoration: underline; 	
	font-weight:bold;
}

a.formtext4:hover	{
	font-family: arial, verdana;
	color: #FF0000;
	font-size: 8pt;  
	text-decoration: underline; 	
	font-weight:bold;
}

.textfield9 {
	font-family: Arial,Verdana;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

.textfield10 {
	font-family: Arial,Verdana;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.textfield11 {
	font-family: Arial,Verdana;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

.textfield12 {
	font-family: Arial,Verdana;
	font-size: 9px;
	color: #000000;
		
}

.textfield13 {
	font-family: Arial,Verdana;
	font-size: 12px;
	color: #000000;
		
}

.textfield14 {
	font-family: Arial,Verdana;
	font-size: 10px;	
}

.tooltip {
	cursor: hand;
}
/* ############### End General Formatting ################################ */







/* CUSTOM FORMATTING */

.clear {clear:both; font-size:1px;}

.cc_box {background:#FFFFCC; border:2px solid #0f5688; padding:6px;}
.cc_box h2 {font-size:18px; margin-top:0;}
.cc_box p {margin-bottom:0;}

.hm_letter {border:2px solid #ccc; margin:35px 50px; padding:0 20px;}

#cc_tbl ul {margin:0 auto; padding:0 auto;}

/* HOME */

#weather_notice {background:#FFCC99; border:1px solid #FF9933; padding:5px; font-weight:bold; text-align:center; margin-bottom:10px; color:#990000;}

#small_notice {background:#eee; border:1px solid #ccc; padding:5px; font-weight:bold; text-align:center; margin-bottom:10px; color:#666;}

img.anniversary_banner {float:left;}
img.overdraft_banner {float:right; margin-top:3px;}

/* RATE PAGE */

ul#rate_nav {list-style:none; margin:25px 0 0 0; padding:0; width:100%;}
ul#rate_nav li {display:block; float:left; width:162px; margin:2px 0; background:#26547c; text-align:center; font-weight:bold;}
ul#rate_nav li.on {background:#008751;}
ul#rate_nav li.over {background:#336699;}
ul#rate_nav li a {display:block; padding:15px 0; border-right:2px solid #fff; color:#fff; text-decoration:none; font-size:14px;}
ul#rate_nav a.last {border-right:none;}


/* TEXT */

h1, h2, h3 {font-family:Arial, Helvetica, sans-serif; line-height:normal;}

h1 {font-size:20px; padding-bottom:6px; border-bottom:1px solid #26547c; margin:15px 0 25px 0;}

h2 {font-size:16px; margin:20px 0 15px 0;}


/* FOOTER */

#footer_logos {clear:both;}



.cleartxt {clear:both;}