@charset "utf-8";
/* CSS Document */


/*SDFCU Homepage
Designed by SDFCU Marketing
January 2009
*/

html{
	background: url() repeat-x;
	background-color:#999999;
}

body{
	font-family:helvetica, georgia, sans-serif;
	line-height:1.6em;
	text-align:center;
	color:#444444;
}

ul, li{
cursor:pointer;
margin:0; 
padding:0;
}

a{
	text-decoration:none;
	color:#003366;
	cursor:pointer;
}

a:hover{
	color:#fff
}

h1{
	margin:0;
	padding: .05em 1em;
	text-align:left;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:.7em;
}

header h1{
	display:none;
}
h2{
	font-family:georgia;
	
}

h3{
	margin: 0;
	padding-top: 0.2em .5em;
	text-align:left;
	font-weight:bold;
	font-size:1em;
	color:#009;
	text-align:center;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
h4{
	margin-bottom:-2px;
	padding: .05em 1em 0 0;
	text-align:left;
	font-size:1em;
}	

h5{
	text-align:left;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#039;
	margin-left:15px;
}

h6{
	padding-left:8px;
	color:#036;
	font-size:12px;
	text-align:left
}

ul#related h6{
	margin-left:-10px;

}

.fr{
	float:right;
}

.fl{
float:left;	
}

/*Main Content*/
#main_wrapper{
	position:relative;
	text-align:left;
	width:1020px;
background-image: url(images/gr_bg.png);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	
}
#main_wrapper_top{
	text-align:left;
	width:1020px;
	height:30px;
	background-image: url(images/gr_bg_top.png);
	background-repeat:no-repeat;

	margin-left:auto;
	margin-right:auto

}
#main ul,
#main ul li a{
	list-style-type:none;
}

#main_wrapper_btm{
	text-align:left;
	width:1020px;
	height:50px;
	background-image: url(images/big_gr_bg_btm.png);
	background-repeat:no-repeat;

	margin-left:auto;
	margin-right:auto

}

#main{
	text-align:left;
	width:960px;
	height:940px;
	margin-left:20px;
	position:relative;	
	
}



/*header*/
#header{
position:relative;
height:150px;
width:100%;
background:url();
background-repeat:no-repeat;
overflow:hidden;

}


header p{
	
	margin-top:115px;
	width: 960px;
	padding: -.5em 0 .5em;
}
#top-nav{
	position:relative;
	height:20px;
	width:700px;
	margin:5px 0 5px 0;
}



#top-nav ul{
color:#fff;
width:480px;
height:25px;
font-size:.7em;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
margin-top:20px;
}


div#top-nav li{
height:20px;
float:left;
padding-right:.5em;
padding-left:.5em;
}

div#top-nav li:hover{
color:#000066
}

#search
{
position:relative;
height:30px;
width:700px;
border-bottom:3px solid #FFF;
background-color:#999;
color:#000000;
padding-top:5px;
}
#search img{
	margin-bottom:-7px !important;
	margin-bottom:-6px;
	cursor:pointer;
}



#main-nav{
	width:702px;
	height:45px;
	padding-left:.05em;
}
#main-nav ul{
text-decoration:none;
list-style-type:none;
height:42px;
}
#main-nav ul li{
	float:left;
	line-height:2.5em;
}

#main-nav ul a{
	display:block;
	width:116.5px;
	height:40px;
	font-size:11px;
	text-align:center;
	background-image:url(images/nav.gif);
	background-repeat:no-repeat;
	background-position:-116.6px 0;

	
}
#main-nav ul a:hover{
	background-position:0 0;
}


li#active a{
background-position:0px 0px;
color:#FFF;
}



#logo{
	position:absolute;
	right:-5px;
	top:20px;
	width:260px;
	height:128px;
	background-image:url(images/SDFCUlogoA.png);
	background-repeat:no-repeat;
	
}

/*end header*/



#banner{
background-image:url(GENY_NEW_BANNERA.png);
background-repeat:no-repeat;
height:312px;
width:684px;
margin-left:7px;

}

#wrapper{
width:692px;
float:left;
}

/*left-column*/
#left-column{
width:682px;
background-image:url(mid-bg.png);
background-repeat:repeat-y;
float:left;



}
#left-column div {
	padding-left:80px
}
.round_top{
background-image:url(round_top.png);
background-repeat:no-repeat;
width:682px;
height:54px;
}

.round_btm{
background-image:url(round_btm.png);
background-repeat:no-repeat;
width:682px;
height:54px;
float:left;
}
.first{ 
width:520px;
display:block;
font-family:Tahoma, Geneva, sans-serif;
padding:10px 40px 10px 20px;
font-size:13px;

}
.second{
width:520px;
display:block;
font-family:Tahoma, Geneva, sans-serif;
padding:10px 40px 10px 20px;
font-size:13px;

}

.silver{
background-image:url(silverbox.png);
position:relative;
height:224px;
width:224px;
float:right;
}






.expand{
	margin:2px 35px 5px 5px;
	float:right;
	height:17px;
	width:18px;
	background-image:url(expand2.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.expand2{
background-image:url(expand2A.png);
cursor:pointer;


}



span#first, second{
	display:block;
margin-bottom:5px;	
}


/*end left-column

/* right-column*/
	#right-column{
		width:224px;
		float:right;
		display:inline;
		margin-right:10px;

		
	}
		#right-column ul{
			margin-bottom:5px;
		}
	
	div#right-column li{
		border-top: 1px solid #f6f4f4;
		border-bottom: 1px solid #b2b2b2;
		text-align:center;
		margin-bottom:3.5px;
		line-height:2em;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:.8em;
		display:block;
		height:20px;
		width:50px;
		background-color:#009;
		list-style:none;
		text-decoration:none;
		color:#fff;
		float:left;
		margin-right:2px;
	}
	div#right-column li:hover{
		background-color:#69F;
		color:#9FF
	}
		#right-column small{
	display:block;
	font-size:12px;
	}
		
	
	#sidebar ul#nav li{
		
	}
	#right-content{
		height:423px;
		padding-left:5px;
		margin-right:40px;
		font-size:.7em;
		font-weight:bold;
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
		text-align:left;
		background-image:url(images/right_col_full_bg.png);
		background-repeat:no-repeat;
	}
	
	.online-banking{
	padding-right:10px;
		padding-left:10px;
		color:#009;
	
		
	}
	#online_banking_wrap{
padding-right:10px;
padding-left:10px;
color:#009;
background-image:url(silverbox.png);
position:relative;
height:224px;
width:224px;
float:right;
background-repeat:no-repeat;
margin-top:45px;
		}
		
	
	
	
	div#choose{
		display:block;
		height:95px;
		float:left;
		width:200px;
	
	}
	
	.choose_menu{
		float:right;
		width:110px;
		font-size:10px;
		text-align:left;
	}
		#choose_wrap{
			padding-right:10px;
		padding-left:10px;
		color:#009;
		background-image:url(silverbox.png);
position:relative;
height:224px;
width:224px;
float:right;
background-repeat:no-repeat;
		}
		

	
	div#choose_labels{
		padding-left:60px;
		width:70px;
		height:85px;
		float:left;
		line-height:80px;
		color:#009;
		font-size:10px;
			
}
	
#leaarn{
		margin-top:7px;
	}
		
li#learn{
			
			float:left;
			height:50px;
}
	
	
div#choose_labels{
		padding-left:10px;
		width:70px;
		height:85px;
		line-height:20px;
		color:#009
		float:left;
	}

#locator_wrap{
padding-right:10px;
padding-left:10px;
color:#009;
background-image:url(silverbox.png);
position:relative;
height:224px;
width:224px;
float:right;
background-repeat:no-repeat;
font-size:12px;

	}
	#locator{
		margin-left:20px
	}
	
	
	#zip {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	width:145.5px;
	height: 27px;
	background:transparent url(images/bg-search.png);
	background-repeat:no-repeat;
	margin-left:30px;
}



#zip input {
	font-family:Arial, Helvetica, sans-serif;
	border:none;
	font-size:1.0em;
	width:70px;
	height: 19px;
	margin-left:65px !important;
	margin-left: 45px;
	margin-top:2px;
	background-color:#FFF;
	
}
/*end right column*/

/*end main*/