/* CSS Document */

body{
	margin: 0px; 
	padding: 0px; 
	width:800px; 
	background:url(images/footer_bg.gif) #FFF repeat-y;
	}

/*LAYOUT DIV */

#topContainer{
	height: 140px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	float: left;
	}
	
#mainContainer{
	width: 800px;
	margin: 0px;
	padding: 0px;
	float: left;
	}

#logo{
	width: 265px;
	height: 120px;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

#links{
	height: 20px;
	width: 265px;
	background-color:#EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#links a{
	font-family: "Trebuchet MS";
	font-size: 13px;
	line-height:20px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	margin-left: 5px;
}

#links a:hover{
	text-decoration: underline;
}


#SecLog{
	height: 140px;
	float: left;
	width: 265px;
	text-align: center;
}

#SecLog a.link{
	font-family: "Trebuchet MS";
	font-size: 11px;
	line-height:20px;
	float:left;
	width: 100px;
	text-decoration: none;
	color: #FFF;
	margin: 5px 82px;
	}

#SecLog a.login{
	margin: 0;
	background: url(images/button_bg.gif) repeat-x;
	float: left;
	font-family: "Trebuchet MS";
	font-size: 16px;
	line-height:28px;
	color: #FFF;
	padding: 0 30px;
	text-decoration: none;
	margin-right: 3px;
	margin-left: 32px;
	border: 1px #FFF solid;
}

#SecLog a.login:hover{
	background: url(images/button_hover_bg.gif) repeat-x;
}

#SecLog a.enroll{
	margin: 0;
	background: url(images/button_bg.gif) repeat-x;
	float: left;
	font-family: "Trebuchet MS";
	font-size: 16px;
	line-height:28px;
	color: #FFF;
	padding: 0 30px;
	text-decoration: none;
	border: 1px #FFF solid;
}

#SecLog a.enroll:hover{
	background: url(images/button_hover_bg.gif) repeat-x;
}

#SecLog p.IB {
	background: url(images/inter_bank_bg.gif) top center no-repeat;
	height:65px;
	margin-top:10px;
	padding-top: 45px;
	float: left;
	width: 265px;
	}


input.submit {
	width:55px;
	height:20px;
	color: #FFF;
	background: #65B7A0;
	border: 1px solid outset #007253;
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 20px;
	margin-left: 15px;
}



#footer{
	height: 185px;
	width: 800px;
	margin: 0;
	padding: 0;
	float: left;
	font-family: "Trebuchet MS";
	font-size: 10px;
	line-height:14px;
	color: #333333;
}

#footer p{
	font-family: "Trebuchet MS";
	font-size: 10px;
	line-height:14px;
	color: #333333;
}

#footer a{
	font-family: "Trebuchet MS";
	font-size: 10px;
	line-height:14px;
	color: #333333;
}


/*SECTION*/

h3.title{
	height: 20px;
	width: 230px;
	background-color: #058165;
	margin: 0px;
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 15px;
	line-height:20px;
	padding-left: 10px;
	margin-left: 10px;
}


/*NAVIGATION SECTION*/

#navigation{
	float: left;
	width: 270px;
	height: 140px;
	background-color: #058165;
}

#navigation ul, #navigation li {margin: 0; padding: 0;}

#navigation li {list-style: none;}

#navigation a {
	display: block;
	height: 20px;
	text-decoration: none;
	background-color: #058165;
	border-bottom: 3px solid #FFF;
	width: 260px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	line-height:20px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
}

#navigation a:hover {background: #87C5B4;}
	
	
#content{
	width: 515px; 
	padding:10px 0 0 20px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height:14px;
	margin: 0;
	}
	
#content p.title{
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}

#content p.heading{
	color: #058165;
	font-size: 21px;
	font-weight: bold;
	margin: 0;
}


#content #breadcrumbs{
	color: #333;
	font-size: 11px;
	margin: 0;
	height:20px;
	margin-bottom:15px;
}

#content #breadcrumbs a{
	color: #058165;
	text-decoration: none;
}

#content #breadcrumbs a:hover{
	border-bottom: 1px solid #058165;
}

#content #breadcrumbs a:active{
	border-bottom: 1px solid #058165;
}


#leftColumn{
	width: 265px;
}

#leftColumn p.section{
	height: 20px;
	width: 235px; 	
	background-color: #058165;
	padding: 8px 20px 12px 10px;
	margin: 0;
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}


#leftColumn ul{
	list-style-type:none;
	margin-left:10px;
	padding: 0px;
	margin-top: 0px;
}

#leftColumn ul li {
	background: url(images/arrow.gif) no-repeat;
	padding-left:10px;
	font-family: "Trebuchet MS";
	font-size: 15px;
	line-height:22px;
	margin: 0;
}

#leftColumn ul li a.active {
	font-weight: bold;
	color: #87C5B4;
	text-decoration: none;
	border-bottom: none;
	
}

#leftColumn a{
	color: #333;
	font-weight: bold;	
	text-decoration:none;
	}

#leftColumn a:hover{
	color: #333;
	font-weight: bold;
	/*text-decoration:underline;*/
	border-bottom: #333 solid 1px;
	}

#leftColumn a:active{
	color: #333;
	font-weight: bold;
	/*text-decoration:underline;*/
	border-bottom: #333 solid 1px;
	}
	
a.top{
	font-size: 10px;
	color:#003366;
}


ul.timeline{
	list-style-type: none;
	line-height:20px;
}

ul.timeline li a{
	text-decoration: none;
	color: #058165;
}

a.larger{
	font-family: "Trebuchet MS";
	font-size: 14px;
	line-height:22px;
	margin: 0;
	color:#000000;
	text-decoration: none;
}

a.larger:hover{ text-decoration: underline;}


#leftColumn p.info{
	padding-left:10px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height:15px;
}

#leftColumn p.title{
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	padding-left:10px;
	font-family: "Trebuchet MS";
}


p.ACHbutton{
	height:40px; 
	color:#FFFFFF; 
	width:330px; 
	padding:20px 10px; 
	text-align:center; 
	margin: 0 auto; 
	background-color:#058165; 
	border:1px solid #000;
	}

p.ACHbutton:hover{
	background: url(images/button_bg.gif) repeat; 
	cursor:pointer;
	color:#000000;
	}


ul#sub a{
	font-size: 10px;
}

ul#sub{
	list-style-type:none;
	margin-left:10px;
	padding: 0px;
	margin-top: 0px;
}

ul#sub li {
	background: url(images/arrow_small.gif) no-repeat;
	padding-left:10px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height:18px;
	margin: 0;
}