/*=========================================================*/
/*                                                         */
/* COLORS                                                  */
/*                                                         */
/*=========================================================*/

/* #535353 /* DARK GRAY */ 
/* #C0A2A2 /* DESAT BURGUNDY */ 
/* #670B10 /* BERGUNDY */ 

body{
	margin: 0;
	padding: 0;
}

#adspace{
	padding: 20px 0 0 45px;
	clear: both;
}
#adspace1{
	padding: 20px 0 0 45px;
	clear: both;
}

p.siteToUserText{
	margin: 0 0 0 75px;
}

p{
	font-size: 80%;
}

p.finePrint{
	font-size: 60%;
}

p.indentedText{
	text-indent: 35px;
}

ul li, ol li{
	font-size: 80%;
}

dl{
	margin: 0;
	padding: 0;
}
dl dt{
	font-size: 80%; color: black;font-weight: bold;
}

dl dd{
	font-size: 80%; color: black;
	margin-bottom: 1em;
}


input.button{
	background: #545454;
	color: white;
}

a{
	text-decoration: underline;
	color: black;
	outline: none;
}

img#mobileBankingAd{
	padding: 35px 0 0 0;
	border:0;
}

a:visited{}

a:hover{
	text-decoration: none;
}

a:active{}

#wrapper{
	width: 990px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#errorWrapper{
	margin: 0 0 0 10px;
}



#leftColumnWrapper{
	float: left;
	width: 186px;
	margin: 10px 0 0 10px;
	#margin: 10px 0 0 5px;
}

#centerColumnWrapper{
	margin: 0 19% 0 216px;
	#margin: 0 19% 0 214px;
	position: relative;
	top: -27px;
	#top: -30px;
}


#centerColumnWrapper h3, #errorWrapper h3{
	border-bottom: 1px solid #670B10 /* BERGUNDY */;
	color: #670B10 /* BERGUNDY */;
	font-size: 9.5pt;
	margin: 20px 0 10px 0;
	padding: 0;
}

ul.boldLinks a{
	font-weight: bold;
}

#centerColumnWrapper ul.bulletedList, #centerColumnWrapper ol.bulletedList{
	margin: 0 0 0 35px;
	padding: 0;	
}

#centerColumnWrapper ul.bulletedList li{
	margin: 0 0 5px 0;
	list-style: square;
}

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

#centerColumnWrapper ul li{
	list-style: none;
	margin: 0 0 5px 0;
}

#centerColumnWrapper ul.sideBySide{
	float: left;
	width: auto;
	margin: 0 50px 0 0;
}

#centerColumnWrapper ul.sideBySide li{
	font-weight: normal;
}

.sectionEntry ol.numberedList {
	margin: 0 0 0 20px;
}

.sectionEntry ol.numberedList li{
	list-style: decimal;
	margin: 0 0 0 20px;
	padding: 0 ;
}

.mainAd{
	margin: 0;
	padding: 0;
}

.mainAd p{
	position: relative;
	top: -200px;
	left: 15px;
	color: white;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.sectionEntry em{
	font-size: 80%;

}

#centerColumnWrapper .secondaryPageHeader{
	
}

#centerColumnWrapper .secondaryPageHeader h3{
	font-size:11pt;
	border-bottom: none;
	text-decoration: none;
	margin: 0 0 25px 0;
	padding: 0;
	text-transform: uppercase;
}

#centerColumnWrapper .secondaryPageHeader p{
	font-size: 80%;
	color: black;
	border-left: 5px solid #857365;
	padding: 0 0 0 15px;
	margin: 0;
}

#centerColumnWrapper .secondaryPageHeader ul {
	color: #535353 /* DARK GRAY */;
	padding: 0 0 0 15px;
	margin: 0 0 0 0;
	border-left: 5px solid #857365;
}

#centerColumnWrapper .secondaryPageHeader ul li{
	font-size: 80%;
	color: #535353 /* DARK GRAY */;	
	padding: 0 0 0 0;
	margin: 0 0 0 15px;
	list-style: disc;
}


#rightColumnWrapper{
	float: right;
	width: 170px;
	position: relative;
	top: -27px;
	#top: -31px;	
}

/*=========================================================*/
/*                                                         */
/* RATE TALBE                                              */
/*                                                         */
/*=========================================================*/

table.rateTable thead tr th{
	background: #670B10 /* BERGUNDY */;
	color: white;
	font-size: 90%;
	font-weight: normal;
	padding: 5px 15px 5px 15px;
}

table.rateTable tbody tr td{
	padding: 10px;
	font-size: 80%;
	text-align: left;
}

table.rateTable tbody tr td.term, table.rateTable thead tr th.term{
	text-align: left;
}

table.rateTable tbody tr.shaded td{
	background: #E6E6E6 ;
}

/*=========================================================*/
/*                                                         */
/* CALCULATOR TABLE                                        */
/*                                                         */
/*=========================================================*/

table.calculatorTable tr td{
	font-size: 80%;
	white-space: nowrap;
	padding: 3px;
}

table.calculatorTable tr.calculatorTotalRow td{
	background: #E6E6E6 ;
	font-weight: bold;
}

table.calculatorTable tr.calculatorAltRowShade td{
	background: #E6E6E6 ;
}

table.calculatorTable h3{
	font-size: 70%;
}

/*=========================================================*/
/*                                                         */
/* RIGHT COLUMN MESSAGE BOX                                */
/*                                                         */
/*=========================================================*/

.messageBox{
	background: url(images/rightBarMessageBox.gif) no-repeat top left;
	height: 207px;
	width: 170px;
}

.messageBox p{
	margin: 0;
	padding: 10px;
	color: white;
	font-weight: bold;
	font-size: 80%;
	line-height: 160%;
}

/*=========================================================*/
/*                                                         */
/* RIGHT COLUMN LINKS                                      */
/*                                                         */
/*=========================================================*/

.rightColumnLinks{
	margin: 30px 0 0 0;
}

.rightColumnLinks h4{
	font-size: 80%;
	margin: 10px 0 10px 0;
	padding: 0;
	color: #670B10 /* BERGUNDY */;
}

.rightColumnLinks ul{
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
}

.rightColumnLinks ul li{
	padding: 0 0 5px 0;
	margin: 0;
}

/*=========================================================*/
/*                                                         */
/* HEADER                                                  */
/*                                                         */
/*=========================================================*/

#header{
	height: 121px;
	margin: 0;
	padding: 0;
	background: url(images/headerBottomBorder.gif) repeat-x 0 73px;
}

#header img{
	margin: 10px 0 0 0;
	border: 0;
}

/*=========================================================*/
/*                                                         */
/* FOOTER                                                  */
/*                                                         */
/*=========================================================*/

#footer{
	clear: both;
	background: url(images/fdicEhl.gif) no-repeat top left;
	margin: 10px 0 10px 10px;
	height: 23px;
}

#footer ul{
	list-style: none;
	margin: 0 0 0 150px;
	padding: 0;
}

#footer ul li{
	display: inline;
	border-right: 1px solid #670B10 /* BERGUNDY */;
	padding: 0 3px 0 0;
	#padding: 0 1px 0 3px;
	font-size: 70%;
}

/*=========================================================*/
/*                                                         */
/* LOGIN BOX                                               */
/*                                                         */
/*=========================================================*/

#loginTabWrapper{
	display: none;
}

#links ul{
	margin: 0 0 0 20px;
	padding: 0;
}

#links ul li{
	list-style: none;
}


.tabcontent h3, #links h3{
	color: #535353 /* DARK GRAY */;
	font-size: 80%;
	margin: 10px 0 10px 0;
	padding: 0;
}

table.loginTable a{
	font-size: 70%;
}

table.loginTable tr td{
	padding: 0 0 3px 0;
	white-space: nowrap;
}

table.loginTable label{
	font-size: 80%;
	margin: 0 5px 0 0;
}

table.loginTable input{
	width: 85px;
	padding: 1px;
	height: 14px;
}

table.loginTable input.companyField{
	width: 30px;
}

table.loginTable input.button{
	background: #E6E6E6 url("images/buttonBg.gif") repeat-x bottom left;
	border: 1px solid #670B10 /* BERGUNDY */;
	color: #670B10 /* BERGUNDY */;
	font-weight: bold;
	font-size: 70%;
	width: auto;
	height: 20px;
	
}

.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 14px;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #535353 /* DARK GRAY */;
	background: white url(shade.gif) top left repeat-x;
	background-color: #E6E6E6;
}

.shadetabs li a:visited{
	color: #2d2b2b;
}

.shadetabs li a:hover{
	text-decoration: none;
	color: #670B10 /* BERGUNDY */;
}

.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	color: #670B10 /* BERGUNDY */;
	top: 1px;
	background-color: white;
	background-image:  url(shadeactive.gif);
	border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
	text-decoration: none;
}

.tabcontent{
	display:none;
}

@media print {
.tabcontent {
	display:block !important;
}
}

/*=========================================================*/
/*                                                         */
/* DATE                                                    */
/*                                                         */
/*=========================================================*/

#date{
	position: absolute;
	top: 32px;
	left: 930px;
	width: 60px;	
}

#date h3{
	color: #670B10 /* BERGUNDY */;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 120%;
	font-weight: normal;
	text-align: left:
}

#date h4{
	color:#777777 /* DARK GRAY */;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 80%;
	text-align: left:	
}

/*=========================================================*/
/*                                                         */
/* FIELDSET                                                */
/*                                                         */
/*=========================================================*/

fieldset.formFieldset {
	border: none;
}

fieldset.formFieldset span{
	margin: 0 114px 0 0;
	font-weight: bold;
}

fieldset.formFieldset legend{
	display: none; 
}

fieldset.formFieldset ol{
	margin: 0;
	padding: 0;
}

fieldset.formFieldset ol li{
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	width: auto;
}

fieldset.formFieldset label{
	width: 210px;
	float: left;
	font-weight: bold;
}

.formError{
	color: red;
	font-size: 90%;
	font-weight: bold;
}

/*=========================================================*/
/*                                                         */
/* NAV TABBED PRODROP4                                     */
/*                                                         */
/*=========================================================*/

.navWrapper{
	position: absolute;
	top: 43px;
	left: 185px;
	width: 820px;
	z-index: 5000;
	clear: both; /* IE7 FIX */
}

.preload1 {background: url(images/pro_drop4_2a.gif);}
.preload1 {background: url(images/pro_drop4_2b.gif);}

.prodrop4 {padding:0 0 0 32px; margin:0; list-style:none; height:36px; background:transparent url(images/pro_drop4_back.gif); position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {color:black; display:block; float:left; height:36px; line-height:27px; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(images/pro_drop4_0a.gif) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(images/pro_drop4_0b.gif) right top;}
.prodrop4 li a.top_link:hover {color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(images/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {/*text-decoration: underline;*/ color:#620E0E ; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(images/pro_drop4_2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:140px;}
.prodrop4 ul.sub2 {width:190px;}
.prodrop4 ul.sub3 {width:100px;}
.prodrop4 ul.sub4 {width:180px;}
.prodrop4 ul.sub5 {width:170px;}
.prodrop4 ul.sub6 {width:110px;}

.prodrop4 :hover ul {left:0; top:34px; background: #D6D6D6; padding:3px; border:1px solid gray; border-width:0 1px 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#620E0E; color:#fff;}


/*=========================================================*/
/*                                                         */
/* NAV TABBED PRODROP4 STICKY NAV                          */
/*                                                         */
/*=========================================================*/

/* HOMEPAGE */

.defaultPage li a#defaultPageLink {
	color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;
}
.defaultPage li a#defaultPageLink span{
	float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(images/pro_drop4_2b.gif) no-repeat right top;
}
.defaultPage li a#defaultPageLink:hover{
	color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;
}

/* PERSONAL PAGE */

.personalPage li a#personalPageLink {
	color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;
}
.personalPage li a#personalPageLink span{
	float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(images/pro_drop4_2b.gif) no-repeat right top;
}
.personalPage li a#personalPageLink:hover{
	color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;
}

/* BUSINESS PAGE */

.businessPage li a#businessPageLink {
	color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;
}
.businessPage li a#businessPageLink span{
	float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(images/pro_drop4_2b.gif) no-repeat right top;
}
.businessPage li a#businessPageLink:hover{
	color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;
}

/* LENDING PAGE */

.lendingPage li a#lendingPageLink {
	color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;
}
.lendingPage li a#lendingPageLink span{
	float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(images/pro_drop4_2b.gif) no-repeat right top;
}
.lendingPage li a#lendingPageLink:hover{
	color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;
}

/* ONLINE BANKING PAGE */

.onlineBankingPage li a#onlineBankingPageLink {
	color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;
}
.onlineBankingPage li a#onlineBankingPageLink span{
	float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(images/pro_drop4_2b.gif) no-repeat right top;
}
.onlineBankingPage li a#onlineBankingPageLink:hover{
	color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;
}

/* SECURITY PAGE */

.securityPage li a#securityPageLink {
	color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;
}
.securityPage li a#securityPageLink span{
	float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(images/pro_drop4_2b.gif) no-repeat right top;
}
.securityPage li a#securityPageLink:hover{
	color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;
}

/* CONTACT US PAGE */

.contactUsPage li a#contactUsPageLink {
	color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;
}
.contactUsPage li a#contactUsPageLink span{
	float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(images/pro_drop4_2b.gif) no-repeat right top;
}
.contactUsPage li a#contactUsPageLink:hover{
	color:#620E0E; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:25px;
}



#leftColumnAd{
	margin: 20px 0 0 0;
	padding: 0;
}

#rightColumnAd{
	margin: 25px 0 0 0;
	padding: 0;
}

.alertMessage{
	border: 1px solid red;
	background: #fee;
	padding: 5px;
	margin: 0;
}

.alertMessage p{
	font-size: 80%;
	font-weight: bold;
	color: red;
	padding: 0;
	margin: 0;	
}

/*=========================================================*/
/*                                                         */
/* JAVASCRIPT DISABLED                                     */
/*                                                         */
/*=========================================================*/


.disabledJavascript{
	color: #bf0000 /*maroon*/; 
	font-size: 70%; 
	margin: 5px 0 0 0; 
	width: 470px; 
	border: 1px solid #e6e6e6; 
	padding: 5px; 
	position: absolute;
	top: 0;
	left: 215px;	
}

.disabledJavascript h4{
	margin: 0; 
	padding:0;
	font-size: 110%;
}

.disabledJavascript img{
	float: left; 
	padding: 1px 10px 0px 0;
}

.disabledJavascript p{
	margin: 0 0 5px 0; 
	font-weight: normal; 
}

#targGuarantee
{
	border:3px double gray;
	padding: 1px 15px;
}

/*Bill Pay FAQ*/

dl dd ol li { font-size: 100%;}