@charset "utf-8";
/* CSS Document */
/*	=RESET
------------------------------------------------------------------*/
/* Layout Reset */



/*Colors
Green 					#6FE74C
Blue 					#15406E
Dark Blue 				#100539
news blue 				#062743
sub nav blue 			#13224F
sub nav green 			#59B93D
Credit Card Blue 		#6AAEC5
*/
html{color:#000;background:#FFF;}
body,ul,li,div,h1,h1,h2,h3,h4,h5,h6,p,form,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul,li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}:focus {outline: 0;}

/*  Font Reset */
body {font:13px/1.231 arial;font-size:small;font:x-small;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}

/* =CONTENT RESET Tripoli is a generic CSS standard for HTML rendering.   Copyright (C) 2007-2008 David Hellsing
------------------------------------------------------------------*/
.content-main{font-size:1.1em; line-height:1.6em}
.content-main h1{font-size:1.6em;line-height:1;margin:1em 0 .5em; letter-spacing: -0.02em;}
.content-main h2{font-size:1.5em;line-height:1;margin:1.07em 0 .535em; letter-spacing: -0.02em;}
.content-main h3{font-size:1.4em;line-height:1;margin:1.14em 0 .57em; letter-spacing: -0.02em;}
.content-main h4{font-size:1.3em;line-height:1;margin:1.23em 0 .615em; letter-spacing: -0.02em;}
.content-main h5{font-size:1.2em;line-height:1;margin:1.33em 0 .67em; letter-spacing: -0.02em;}
.content-main h6{font-size:1em;line-height:1;margin:1.6em 0 .8em; letter-spacing: -0.02em;}
.content-main hr{display:block;background:#000;color:#000;width:100%;height:1px;border:none}
.content-main ul{list-style:disc outside}
.content-main ol{list-style:decimal outside}
.content-main table{border-collapse:collapse}
.content-main hr,.content-main p,.content-main ul,.content-main ol,.content-main dl,
.content-main pre,.content-main address,.content-main table,.content-main form
{margin-bottom:1.6em}
.content-main p+p{margin-top:-.8em}
.content-main fieldset{margin:1.6em 0;padding:1.6em}
.content-main legend{padding-left:.8em;padding-right:.8em}
.content-main fieldset>*:first-child{margin-top:0}
.content-main textarea,.content-main input[type='text']{padding:.1em .2em}
.content-main input{padding:.2em .1em}
.content-main select{padding:.2em .1em 0}
.content-main select[multiple]{margin-bottom:.8em}
.content-main option{padding:0 .4em .1em}
.content-main button{padding:.3em .5em}
.content-main input[type='radio']{position:relative;bottom:-.2em}
.content-main dt{margin-top:.8em;margin-bottom:.4em}
.content-main ul,.content-main ol{margin-left:2.2em}
.content-main caption,.content-main form div{padding-bottom:.8em}
.content-main ul ul,content ol ul,.content-main ul ol,content ol ol{margin-bottom:0}




/*generic code*/
li{
	list-style: none;
	color: #FFF;
}
a{
	color: #FFF;
	display: block;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;	
}
a:active{
	color: #FFF;
}
a:visited{
	color: #FFF;
}
/*header*/
html{
	background: #100539 url(images/main_bg_slice.jpg) repeat-x scroll top center;
}
#wrapper_container{
	background: url(images/Metro_MetroHP.jpg) no-repeat scroll top center;
}
#wrapper {
	margin: 0 auto;
	width:955px;
}
#header{
	overflow: auto;
}
#header h1 {
	float:left;
	display: inline;
	height:87px;
	margin-left:320px;
	margin-top:34px;
	text-indent:-9000px;
	width:245px;
	margin-bottom: 6px;
}
#header h1 a{
	background:transparent url(images/main_logo.png) no-repeat scroll left top;
	width: 245px;
	height: 87px;
}
#header div.online-banking{
	display: inline;
	float: right;
	color: #6FE74C;
	margin-top: 103px;
	margin-right: 3px;
	font-weight: bold;
	padding-bottom: 4px;
}
#header div.online-banking p{
	display: block;
	float: right;
	font-size: 1em;
	margin-bottom: 4px;
}
#header div.online-banking a{
	background:transparent url(images/enter_button.jpg) no-repeat scroll center 83%;
	float: right;
	border:medium none;
	color:#16305A;
	cursor: pointer;
	font-size:12px;
	height:20px;
	width: 50px;
	text-align: center;
	
}
/*body*/
#content_container {
	overflow: auto;
	border: 3px solid #15406E;
	background: #100539;
}
/*left column*/
/*center column*/
#main_nav{
	float: left;
	display: inline;
	border-left: 3px solid #15406E;
	border-right: 3px solid #15406E;
	margin: 0;
	padding: 0;
}
	#main_nav li{
		display: inline;
		position: relative;
		float: left;
		clear: both;
		z-index: 100;
	}
	#main_nav li a.main-button{
		display: block;
		height: 112px;
		width: 98px;
		text-indent: -9000px;
	}
	#main_nav li.checking a.main-button{
		background: #100539 url(images/main_nav_buttons.jpg)  no-repeat 0px 0px;
		border-bottom: 3px solid #15406E;
	}
	#main_nav li.checking a.main-button:hover,
	#main_nav li.checking:hover a.main-button{
		background: url(images/main_nav_buttons.jpg) no-repeat -98px 0px;
	}
	body.checking-and-savings #main_nav li.checking a.main-button,
	body.parent-checking-and-savings #main_nav li.checking a.main-button,
	#main_nav li.checking a.main-button:active{
		background: url(images/main_nav_buttons.jpg) no-repeat -196px 0px;
	}
	#main_nav li.checking a.main-button{
		height: 107px;
	}
	#main_nav li.credit-cards a.main-button{
		border-bottom: 3px solid #15406E;
		background: #100539 url(images/main_nav_buttons.jpg) no-repeat 0px -108px;
	}
	#main_nav li.credit-cards a.main-button:hover,
	#main_nav li.credit-cards:hover a.main-button{
		background: url(images/main_nav_buttons.jpg) no-repeat scroll -98px -108px;
	}
	body.loans-and-credit-cards #main_nav li.credit-cards a.main-button,
	body.parent-loans-and-credit-cards #main_nav li.credit-cards a.main-button,
	#main_nav li.credit-cards a.main-button:active
		{ background: url(images/main_nav_buttons.jpg) no-repeat scroll -196px -108px; }
	#main_nav li.services a.main-button{
		border-bottom: 3px solid #15406E;
		background: url(images/main_nav_buttons.jpg) no-repeat scroll 0px -223px;
	}
	#main_nav li.services:hover a.main-button,
	#main_nav li.services a.main-button:hover
	{ background: url(images/main_nav_buttons.jpg) no-repeat scroll -98px -223px;
	}
	body.services #main_nav li.services a.main-button,
	body.parent-services #main_nav li.services a.main-button,
	#main_nav li.services a.main-button:active{
		background: url(images/main_nav_buttons.jpg) no-repeat scroll -196px -223px;
	}
	#main_nav li.birth-and-beyond a.main-button{
		background: url(images/main_nav_buttons.jpg) no-repeat scroll 0px -340px;
	}
	#main_nav li.birth-and-beyond:hover a.main-button,
	#main_nav li.birth-and-beyond a.main-button:hover{
		background: url(images/main_nav_buttons.jpg) no-repeat scroll -98px -340px;
	}
	body.birth-and-beyond #main_nav li.birth-and-beyond a.main-button,
	body.parent-birth-and-beyond #main_nav li.birth-and-beyond a.main-button,
	#main_nav li.birth-and-beyond a.main-button:active
	{
		background: url(images/main_nav_buttons.jpg) no-repeat scroll -196px -340px;
	}
	
	/*Sub menu */
	#main_nav li ul{
		width: 210px;
		background: #100539;
		position: absolute;
		top: 0px;
		left: 98px;
		display: none;
		z-index: 40;
	}
	#main_nav li:hover ul{display: block;}
		#main_nav li ul li{}
			#main_nav li ul li a{
				width: 194px;
				display: block;
				text-decoration: none;
				padding-left: 12px;
				padding-top: 4px;
				padding-bottom: 4px;
				padding-right: 4px;
			}
			#main_nav li ul li a:hover,
			#main_nav li ul li.current_page_item{
				background: #15406E;
				}

/*right column*/
#main_content{
	float: left;
	background: url(images/main_content_bg.jpg) repeat-y scroll right top;
	color: #000;
}
#main_content_inner a{ display: inline; color: #000; text-decoration: underline;}
#main_content_inner a:hover{ text-decoration: none;}
.content ul li{
	color: #000;
	list-style-image: none;
	list-style-type: disc;
	list-style-position: outside;
}
/*footer*/
#footer{
	color: #FFF;
	overflow: auto;
	clear:both;
	margin-bottom: 30px;
	width: 954px;
}
#footer span{
	color: #68637d;
	display: block;
	margin-top: 7px;
	font-size: 10px;
}
a.ncua{
	background: url(images/metro_ncua_logo.jpg) no-repeat left top scroll;
	clear: right;
	display: inline;
	float: right;
	height: 27px;
	width: 73px;
	margin-top: -15px;
	margin-right: 7px;
}
#footer span a{display: inline; color: #68637d;}
#footer h2 a{
	height: 74px;
	width: 191px;
}
/*subpage*/
body #main_image{
	background-image: url(images/mainbg_news.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 241px;
	height: 452px;
	position: relative;
}
body.subpage #main_content{
	float: left;
	height: 452px;
	width: 604px;
}
body.subpage #main_content_inner{
	margin-top: 41px;
	height: 406px;
	padding-top: 0;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 5px;
	background-position: right bottom;
	background-repeat: no-repeat;
	overflow: auto;
}

body.individual-retirement-accounts #main_image,
body.individual-retirement-accounts #main_content,
body.parent-individual-retirement-accounts #main_image,
body.parent-individual-retirement-accounts #main_content
	{ background-image: url(images/ira_bg.jpg);}
.content{clear: both;}

body.birth-and-beyond #main_image, 
body.birth-and-beyond #main_content, 
body.parent-birth-and-beyond #main_image, 
body.parent-birth-and-beyond #main_content
	{background-image: url(images/mainbg_birthandbeyond.jpg);}
body.checking-and-savings #main_image, 
body.checking-and-savings #main_content, 
body.parent-checking-and-savings #main_image, 
body.parent-checking-and-savings #main_content
	{ background-image: url(images/mainbg_checkingandsavings.jpg);}
body.contact-us #main_image,
body.contact-us #main_content,
body.parent-contact-us #main_image,
body.parent-contact-us #main_content
	{ background-image: url(images/mainbg_contact.jpg);}
body.loans-and-credit-cards #main_image,
body.loans-and-credit-cards #main_content,
body.parent-loans-and-credit-cards #main_image,
body.parent-loans-and-credit-cards #main_content
	{ background-image: url(images/mainbg_loansandcreditcards.jpg);}
body.news #main_image,
body.news #main_content,
body.parent-news #main_image,
body.parent-news #main_content
	{ background-image: url(images/mainbg_news.jpg);}
body.rates #main_image,
body.rates #main_content,
body.parent-rates #main_image,
body.parent-rates #main_content
	{ background-image: url(images/mainbg_rates.jpg);}
body.services #main_image,
body.services #main_content,
body.parent-services #main_image,
body.parent-services #main_content
	{ background-image: url(images/mainbg_services.jpg);}
body.free-atms #main_image,
body.free-atms #main_content,
body.parent-free-atms #main_image,
body.parent-free-atms #main_content
	{ background-image: url(images/mainbg_atms.jpg);}
body.why-metro-cu #main_image, 
body.why-metro-cu #main_content, 
body.parent-why-metro-cu #main_image, 
body.parent-why-metro-cu #main_content 
	{ background-image: url(images/mainbg_whymetro_cu.jpg);}



body.birth-and-beyond h2.content-header,
body.contact-us h2.content-header,
body.checking-and-savings h2.content-header,
body.loans-and-credit-cards h2.content-header,
body.news h2.content-header,
body.rates h2.content-header,
body.services h2.content-header,
body.free-atms h2.content-header,
body.why-metro-cu h2.content-header{ display: none;}




#sub_nav{
	float: right;
	margin-right: 74px;
	margin-top: -12px;
}
#sub_nav li{
	float: left;
	font-weight: bold;
	font-size: .85em;
	list-style: outside disc none;
	color: #59B93D;
	margin-right: 17px;
	padding-right: 5px;
}
#sub_nav li.first{
	list-style: none outside none;
}
#sub_nav li a{
	color: #FFF;
}
#sub_nav li a:hover{text-decoration: none;}
body.subpage #footer h2{
	background: url(images/metro_green_logo.jpg) no-repeat scroll top left;
	margin-top: 3px;
	text-indent: -9000px;
	height: 74px;
	width: 191px;
	float: left;
}
body.subpage a.promo{
	background: url(images/Promo_eye.jpg) no-repeat scroll center left;
	padding-left: 40px;
	float: left;
	margin-top: 35px;
}
body.iownit #main_content_inner .content-main .content p{ font-weight: normal; }
body.iownit #main_content_inner .content-main .content a{ font-weight: bold; }
/*end subpage styles*/


/* HOME PAGE STYLES
-------------------------------------------------------------------------*/
body.home #main_image{
	background: url(images/slideshow_1.jpg) no-repeat scroll left top;
	width: 386px;
	overflow: hidden;
}

/*** Banners on homepage ***/
#home_banners.cycle_container { position: relative; height:253px; width: 459px;}
	#home_banners .cycler { margin: 0; }
		#home_banners .cycler li { height:253px; width: 459px; }
	/* Pager */
	#home_banners .cycle_controls { position: absolute; z-index: 10; bottom: 6px; right: 7px; }
		#home_banners .cycle_controls div, #home_banners .cycle_controls a.cycle-button { float: left; margin-left: 3px;}
		#home_banners .cycle_controls div { margin: 0px; z-index: 30; }
			#home_banners .cycle_controls a { display: block; float: left; padding: 2px 0px; font-size: 10px; line-height: 0px; text-decoration: none; color: #000; margin-left:3px; text-indent: 0px; width: 12px; height: 8px; text-align: center; background-color: #100539; color:#FFFFFF; line-height: 8px;}
			#home_banners .cycle_controls a:hover, #home_banners .cycle_controls a.activeSlide  { background-color: #15406E; }

/*
	Default height: 785px
	Default width: 251px

#cycle_container { position: relative; height: 452px; background: #100539;}
	#cycler {  }
		#cycler li { position: absolute;  }
.cycle_container .cycler-one { position: relative; height:251px; width: 785px;}
	.cycler-one .cycler {  }
		.cycler-one .cycler li { position: absolute; height:251px; width: 785px; }*/

.cycle_container{ position: relative; height: 253px; background: #100539;}
	#ad_cycler{margin: 0; padding: 0; }
		#ad_cycler li{ list-style: none;  }


body.home #main_content .post { 
	border-bottom: 3px solid #15406E;
	height: 253px;
	width: 459px;
	overflow: hidden;
}

body.home .news-wrapper{
	border: 3px solid #15406E;
	margin: 7px;
	height: 176px;
	overflow: auto;
}
body.home .news-inner{
	background: #FFF url(images/news_bg.jpg) repeat-x scroll top left;
	padding-top: 1px;
	min-height: 175px
}
body.home .news-wrapper h3{
	color: #FFF;
	margin-bottom:30px;
	margin-left:15px;
	margin-top:5px;
}
body.home #news{
	height: 185;
	margin-left:17px;
	overflow: auto;
	padding-bottom:10px;
	padding-left:18px;
}

body.home #news li{
	padding-bottom: 9px;
	list-style-type: square;
	list-style-position: outside;
	list-style-image: url(images/news_list_item.gif);
	font-size: 13px;
	font-weight: bold;
}
body.home #news a{
	color: #062743;
	display: inline;
}
body.home #news a:hover{ text-decoration: none; }
body.home #main_content{
	background-image: none;
	height: 253px;
	width: 459px;
}
body.home #main_content h2.content-header{ display: none; }
body.home #main_content p{ margin-bottom: 0px; }

body.home #footer{

}
body.home #footer h2{
	background: url(images/metro_green_logo.jpg) no-repeat scroll top left;
	float: none;
	text-indent: -9000px;
	height: 74px;
	width: 191px;
	margin-left: 347px;
}
body.home a.promo{
	background: url(images/Promo_eye.jpg) no-repeat scroll center left;
	padding-left: 40px;
	margin-left: 355px;
}
/* Category pages */

.post-category { margin-bottom: 10px;  clear:both;}
#main_content_inner .read-more { float:left; margin-top: -25px; margin-bottom: 14px; color:#15406E; padding: 3px;}



/*wordpress css*/
img.centered { display: block; margin-left: auto; margin-right: auto; border: 0; }
img.alignright { margin: 4px;  display: inline; border: 0;}
img.alignleft { margin: 4px; display: inline; border: 0;}
.alignright { float: right; }
.alignleft { float: left; }
/*homepage wordpress css*/
body.home a img.centered,body.home a img.alignright,body.home a img.alignleft,body.home a img.alignnone { border: none; }
body.home a:hover img.centered,body.home a:hover img.alignright,body.home a:hover img.alignleft,body.home a:hover img.alignnone { border: none; }
/*Only add border to images that are linked*/
a img.centered, a img.alignright, a img.alignleft, a img.alignnone 
	{ border: 3px solid #100539; } 
a:hover img.centered, a:hover img.alignright, a:hover img.alignleft, a:hover img.alignnone
	{ border: 3px solid #15406E; }
.no-border, .noborder { border: none !important; }