/********************************************************************************

 1. Reset  (Eric Meyer's CSS Reset - http://meyerweb.com/eric/tools/css/reset/)

************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

}
/* remember to define focus styles! */
:focus { 
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background-image:url(../images/bodyBg1.jpg);
	background-repeat:repeat-x;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/****************************************************************

 2. main 

****************************************************************/
body#home{
	behavior:url("scripts/csshover3.htc");
}
body#home{
	/*background:#f7f7f7;*/
}
#home #wrapperHome{
	width:921px;
	background:#fff;
}
#home #wrapperHome #headerHome {
	width:100%;
	height:267px;
	overflow:hidden;
	background:#fff url(../images/homeSplashBg.jpg) repeat-x left top;
}
#home #wrapperHome #headerHome .topHeader{
	height:67px;
	overflow:hidden;
	width:100%;
}
#home #wrapperHome #headerHome .topHeader .laside{
	float:left;
	width:275px;
	padding:0;
	overflow:hidden;
}
#home #wrapperHome #headerHome .topHeader .laside .logo{
	background:url(../images/homeLogoFederalBank.jpg) no-repeat top left;
	width:256px;
	height:46px;
	display:block;
	float:left;
	margin:8px 0 0 10px;
	text-decoration:none;
	color:#fff;
	text-indent:-9999px;
}
#home #wrapperHome #headerHome .topHeader .raside{
	float:right;
	width:433px;
	/*padding-right:17px;*/
}
#home #wrapperHome #headerHome .topHeader .raside .top{
	height:35px;
	overflow:hidden;
	width:128px;
	float:right;
	clear:both;
}
#home #wrapperHome #headerHome .topHeader .raside .top .topFednet{
	color:#D1EEFF;
	float:left;
	margin-left:15px;
	font:normal 12px/35px Arial, Helvetica, sans-serif;
}
#home #wrapperHome #headerHome .topHeader .raside .top .btnFedNet{
	display:block;
	float:right;
	background:url(../images/btnFednet.jpg) no-repeat left top;
	width:67px;
	height:19px;
	text-indent:-9999px;
	margin-top:8px;
}
#home #wrapperHome #headerHome .topHeader .raside .bottom{
	height:31px;
	overflow:hidden;
	clear:both;
	width:100%;
	margin-top:33px;
	
}
#home #wrapperHome #headerHome .topHeader .raside .bottom .topNav{
	text-align:right;
	width:462px;
	height:31px;
	float:right;
}
#home #wrapperHome #headerHome .topHeader .raside .bottom .topNav li{
	list-style:none;
	float:left;
	padding:0 4px;
	color:#D0DBE7;
	font:normal 12px/31px Arial, Helvetica, sans-serif;	
}
#home #wrapperHome #headerHome .topHeader .raside .bottom .topNav li a{
	color:#D0DBE7;
	font:normal 12px/31px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#home #wrapperHome #headerHome .topHeader .raside .bottom .topNav li a:hover{
	text-decoration:underline;
}

#home #wrapperHome #headerHome .bottomHeader{
	width:100%;
	height:201px;
	overflow:hidden;
	clear:both;
	background:#fff;
	/* Updated because design is updated*/
}
#home #wrapperHome #headerHome .bottomHeader .laside{
	width:700px;
	height:176px;
	overflow:visible;
	padding:0;
	margin:0;
	float:left;
	
}
#home #wrapperHome #headerHome .bottomHeader .raside{
	width:221px;
	height:201px;
	float:right;
	z-index:-1px;

}
#home #wrapperHome #headerHome .bottomHeader .raside .top{
	height:165px;
	float:left;
	width:210px;
}
#home #wrapperHome #headerHome .bottomHeader .menu{
	width:700px;
	float:left;
	position:absolute;
	height:27px;
	margin-top:-3px;
	background:url(../images/bg_blue2.jpg) repeat-y left top;
	
}
.menu li:first-child
{
	margin-left:7px;
}
.menu li{
	float:left;
	margin-left:0px;
	padding:0 2px;
	list-style:none;
}
.menu li  .mainLink{
	font:bold 15px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	padding:0 12px;
	display:block;
	height:26px;
	background:url(../images/iconArrow.jpg) no-repeat left center;
	text-decoration:none;
	float:left;
}
.menu li .mainLink:hover{
	color:#c00;
}
.menu li .submenus{
	display:none;
}
.menu li:hover .submenus{
	display:block;
	position:absolute;
	left:0;
	top:24px;
	overflow:visible;
	z-index:30;
}
.submenus .sm-tl{
	width:9px;
	height:9px;
	background:url(../images/menu001.jpg) no-repeat top left;
	vertical-align:top;
}
* html .submenus .sm-tl{
	width:2px;
	height:9px;
	background:url(../images/menu001.jpg) no-repeat top left;
	vertical-align:top;
	overflow:hidden;
}
.submenus .sm-tm{
	height:9px;
	background:url(../images/menu002.jpg) repeat-x top left;
	vertical-align:top;
}
* html .submenus .sm-tm{
	height:9px;
	background:url(../images/menu002.jpg) repeat-x top left;
	vertical-align:top;
	width:500px !important;
	float:left;

}
.submenus .sm-tr{
	width:9px;
	height:9px;
	background:url(../images/menu003.jpg) no-repeat top left;
	vertical-align:top;
}
.submenus .sm-cl{
	width:9px;
	background:#EFF3F7 url(../images/menu004.jpg) no-repeat top left;
	vertical-align:top;
}
* html .submenus .sm-cl{
	width:2px;
	background:#EFF3F7 url(../images/menu004.jpg) no-repeat top left;

}
.submenus .sm-cm{
	background:#EFF3F7 url(../images/menu005.jpg) repeat-x top left;
	vertical-align:top;
	height:100px;
	overflow:visible;
	width:300px;
	
}
 * html .submenus .sm-cm{
	width:500px !important;
	float:left;
}



.submenus .sm-cr{
	width:9px;
	background:#EFF3F7 url(../images/menu006.jpg) no-repeat top left;
	vertical-align:top;

}
.submenus .sm-bl{
	width:9px;
	height:8px;
	background:url(../images/menu007.jpg) no-repeat top left;
	vertical-align:top;

}
* html.submenus .sm-bl{
	width:2px;
	height:8px;
	background:url(../images/menu007.jpg) no-repeat top left;
	vertical-align:top;
}
.submenus .sm-bm{
	height:8px;
	background:url(../images/menu008.jpg) repeat-x top left;
	vertical-align:top;

}
* html.submenus .sm-bm{
	height:8px;
	background:url(../images/menu008.jpg) repeat-x top left;
	vertical-align:top;
	width:500px !important;
	float:left;

}
.submenus .sm-br{
	width:9px;
	height:8px;
	background:url(../images/menu009.jpg) no-repeat top left;
	vertical-align:top;
}

.box{
	float:left;
	margin-left:5px;
	width:175px;
}
.box h2{
	font:bold 11px/150% Verdana, Arial, Helvetica, sans-serif;
	color:#395887;
	text-align:left;
}
.box h2 a{ 
	font:bold 11px/150% Verdana, Arial, Helvetica, sans-serif;
	color:#395887;
	text-decoration:none;
	display:block;
	width:100%;
	height:21px;
}
.box h2 a:hover{ 
	text-decoration:underline;
}
.box .boxLinksList li
{
	float:left;
	clear:both;
	width:100%;
}
.box .boxLinksList li a{
	font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
}
.box .boxLinksList li a:hover{
	color:#202E8A;
	text-decoration:underline;
}
#home #wrapperHome #contentsHome{
	width:921px;
	padding-top:10px;
	clear:both;
}
#contentsHome{
	clear:both;
	width:921px;
}
.box001, .box002, .box003, .box004{
	float:left;
	width:211px;
	float:left;
	margin-right:3px;
	padding-left:20px;
}
.box004{
	width:201px;
	margin-right:0px;
	padding-left:0px;
}
.box001 h2, .box002 h2, .box003 h2, .box004 h2{
	font:bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#2C2C2C;
	margin-top:5px;
	float:left;
	width:100%;
	clear:both;
}

.box001 h2 a, .box002 h2 a, .box003 h2 a, .box004 h2 a{
	font:bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#2C2C2C;
	float:left;
	width:100%;
	clear:both;
	text-decoration:none;
}


.box001 h2 a:hover, .box002 h2 a:hover, .box003 h2 a:hover, .box004 h2 a:hover{
	text-decoration:underline;
}
.box004 h2, .box004 .listings
{
    margin-left:10px;
}
.listings{
	float:left;
	clear:both;
}
.listings li{
	list-style:none;
	/*height:20px;	*/
}
.listings li a{
	display:block;
	/*height:20px;*/
	width:191px;
	background:url(../images/iconArrow03.jpg) no-repeat left center;
	padding-left:15px;
	font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
	line-height:normal;
}
.listings li a.more{
	background:none;
	color:#2561AA;
}
.listings li a:hover{
	text-decoration:underline;
}

.quickLinks{
	/*height:108px;*/
	height:80px;
	width:191px;
	padding-left:10px;
	background:url(../images/bgquicklinks.jpg) no-repeat left top;
}
.quickLinks h2{
	color:#195089;
	font:bold 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:7px;
	margin-left:0;
}
.jumpMenu{
	width:159px;
	height:18px;
	font:normal 10px/normal Arial, Helvetica, sans-serif;
	color:#333;
	z-index:1000;
}


.topContent{
	height:176px;
	float:right;
	width:221px;
	background-color:White;
}

/* HOME PAGE RASIDE UPDATES */
.fednetBtnHolder, .phoneBankingHolder, .flashAdHolder
{

	clear:both;
	width:205px;
	text-align:left;
	padding:0 5px 0 0;
	margin-top:3px;
}

.onlineServices{
	height:60px;
}
.onlineServices h2{
	color:#2B6A9F;
	font:bold 13px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.dropDownHolder{
	background:url(../images/bgonlineservices.jpg) no-repeat left top;
}
.textOnlineServices{
	width:154px;
	height:19px;
	border:none;
	background:none;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#3B6A98;
	margin-left:4px;
}
.testmargin{
    margin-left:0;
}
.testmargin td{
padding:0 4px 0 4px;
}

.footerWrapper{
	width:100%;
	height:30px;
	clear:both;
}
#footer{
	width:921px;
	height:30px;
	color:#fff;
	text-align:center;
	font:normal 10px/30px verdana, arial, sans-serif;
	background:#004F96;
	letter-spacing:-1px;
	}
#footer p
{
	float:left;
	font:normal 10px/30px verdana, arial, sans-serif;
	text-align:center;
	padding-left:9px;
}
.pwdbyBltsol{
    float:right; 
    margin:0; 
    padding:0;
	margin-right:9px;
}
#footer a{
	color:#fff;
	text-decoration:none;
	font:normal 10px/30px verdana, arial, sans-serif;
}
#footer a:hover{
	text-decoration:underline;
}
/* topHeader
bottomheader
    laside
       flash
       menu

    raside
       topContent
       stockTickerHolder


topHeader
middleHeader
    flash
    topContent
bottomHeader
    menu
    stockTickerHolder
*/

.imgHolderStockTicker
{
	float:left;
	display:block;
	width:16px;
	height:16px;
}
.placeHolder
{
	height:90px;
	
	float:left;
	margin-bottom:5px;
	width:100%;
}
/*Added for dragable adverticement*/
#floater{
position:fixed!important;
position:absolute;
border:1.5px solid black;
line-height:20px;
left:110px;
top:150px;
}