*
{	/* whole document application :D */
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #3e3e3e;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body
{
	background: transparent url(../img/bg-2.jpg) repeat-x;
}

/* layout :] */

.bg
{
	position: relative;
	width: 100%;
	height: 100%;
	background: transparent url(../img/bg.jpg) repeat-x;
}

.container
{
	position: relative;
	width: 760px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
	border: 1px solid white;
	background: transparent url(../img/content_bg.jpg) repeat-y;
}

.header_right
{
	position: relative;
	width: 509px;
	height: 160px;
	float: right;
	padding: 0 0 0 0;
	clear: none;
	/* background: transparent url(../img/freeda.jpg) no-repeat; */
	border-left: 1px solid white; 
}

.header_left
{
	position: relative;
	width: 250px;
	height: 160px;
	float: left;
	clear: none;
	background: transparent url(../img/header_left_bg.jpg) no-repeat;
}

.nav_top
{
	position: relative;
	width: 760px;
	height: 30px;
	padding: 8px 0 0 0;
	float: right;
	clear: none;
	background: transparent url(../img/top_nav_bg.jpg) repeat-x;
	border-top: 1px solid white;
	z-index: 40;	
}

.nav_bottom_left_1
{
	position: relative;
	width: 124px;
	height: 45px;
	margin: -7px 0 0 0;
	padding: 0 0 0 0;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	background: transparent url(../img/bottom_nav_bg.jpg) repeat-x;
	float: left;
	clear: none;
}

.nav_bottom_left_2
{
	position: relative;
	width: 124px;
	height: 45px;
	margin: -7px 0 0 0;
	padding: 0 0 0 0;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	background: transparent url(../img/bottom_nav_bg.jpg) repeat-x;
	float: left;
	clear: none;
}

.nav_bottom_right
{
	position: relative;
	width: 510px;
	height: 45px;
	margin: -7px 0 0 0;
	padding: 0 0 0 0;
	background: transparent url(../img/bottom_nav_bg.jpg) repeat-x;
	float: right;
	clear: none;
}

.search
{
	position: relative;
	width: 505px;
	height: 24px;
	padding: 4px 5px 0 0;
	background-color: #e3e3e4; 
	/* background-color: red; for url bar creation */
	float: right;
	clear: none;
	text-align: right;
}

.content_container
{
	position: relative;
	width: 470px;
	height: auto;
	padding: 20px;
	background-color: white;
	float: right;
	clear: none;
}


.sidenav_right
{
	position: relative;
	width: 104px;
	height: auto;
	padding: 10px;
	margin: -28px 0 0 0;
	background-color: #f9f9f9;
	border-right: 1px solid white;
	float: left;
	clear: none;
}

.sidenav_left
{
	position: relative;
	width: 104px;
	height: auto;
	padding: 10px;
	margin: -28px 0 0 0;
	background-color: #eaeaea;
	border-right: 1px solid white;
	float: left;
	clear: none;
}

.footer
{
	position: relative;
	width: 760px;
	height: 75px;
	padding: 8px 0 0 0;
	background-color: #e3e3e4;
	border-top: 1px solid white;
	clear: both;
	text-align: center;
}

/* text :) */

p
{
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #3e3e3e;
}


p.med, .med {
	font-size: 12px; margin: 12px 0 12px 0; line-height: 1.4;
}

a
{
	font-size: 12px;
	color: #00578c;
}

h2
{
	font-size: 14px;
	color: #00578c;
}

h3
{
	font-size: 15px;
	color: white;
	margin: 5px 0 0 10px; 
}

li
{
	font-size: 10px;
	color: inherit;
}

.sidenav_links
{
	color: #00807a;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}

.sidenav_links:hover
{
	color: #00a98b;
}

#right_sub_nav
{
	margin: 5px 0 0 20px;
}

h4
{
	font-size: 18px;
	color: #00578c;
}

hr
{
	height: 1px;
	border: none;
	border-top: 1px solid #00807a;
	border-bottom: 1px solid #00807a;  
}
hr.gray
{
	height: 1px;
	border-color: #CCC;
	border-style: solid;
	border-width: 0 0 1px 0;
}

strong
{
	color: #00807a;
}

.bold
{
	color: #3e3e3e;
}

a.search_header
{
	font-size: 14px;
	font-weight: bold;
	color: #00807a; 
}

.search_highlight
{
	font-size: 12px;
	color: #3e3e3e; 
}

a.external
{
	font-size:inherit;
	/* background: transparent url(http://pacificcrestfcu.compacificcrestfcu.com/img/arrow_icon.gif) right no-repeat;
	padding-right: 16px; */
}

a#ask_the_president
{
	padding: 0;
	background: transparent url(http://pacificcrestfcu.com/img/btn_ask_the_president.png) no-repeat;
	width: 95px;
	height: 44px;
	display: block;
	margin: -5px 0 0 0;
	float: right;
}
a.with_arrow
{
	background: transparent url(http://pacificcrestfcu.com/img/arrow_right.png) right no-repeat;
	padding: 3px 35px 3px 0;
}
a.with_arrow:hover
{
	text-decoration: none;
}
/* form =)*/

.field
{
	height: 10px;
	padding: 4px;
	border: 1px solid gray;
	background: white;
	color: gray;
	font-size: 10px;
}

.btn
{
	height: 20px;
	padding: 2px;
	border: 1px solid gray;
	background-color: white; 
	color: gray; 
	font-size: 10px;
}

/* navigation =]*/
.nav_top ul
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 40;
}

.nav_top ul li
{
	margin: 0 0 0 0;
	list-style: none;
	float: right;
	clear: none;
	display: block;
}

.nav_top a
{
	padding: 0 10px;
	margin: 0 0 0 -4px;
	color: white;
	text-decoration: none;
	font-size: 12px;
}

.nav
{
	border-left: 1px solid #004874;
	border-right: 1px solid #004874;
	background: none;
	width: 100%;
}

.nav_top a:hover
{
	padding: 8px 10px;
	background: transparent url(../img/top_nav_bg_alt.jpg) repeat-x;
}

.end
{
	padding: 0 10px;
	margin: 0 0 0 -4px;
	color: white;
	text-decoration: none;
	font-size: 12px;
	border-left: none;
	border-right: none;
	margin-right: -1px;
	background: none;
	width: 100%;
}

.subnav 
{
	position: absolute;
	z-index: 40; 
	width: auto;
	margin: 7px 0 0 0;
	visibility: hidden;
}

.subnav a
{
	display: block;
	border: none;
	background-color: #004874;
	opacity:0.9;
	padding: 2px 10px 2px 5px;
	border-left: 1px solid #004874;
	border-bottom: 1px solid #004874;
}

.subnav a:hover
{
	background: none;
	background-color: #2491d4;
	padding: 2px 10px 2px 5px;
	opacity:0.9;
}

.footer ul 
{
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 

.footer ul li 
{
	margin-left: 0;
	padding: 0 15px;
	border-left: 1px solid #00578c;
	list-style: none;
	float: right;
}
	
		
.footer ul li.first 
{
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

.footer a
{
	color: #00578c;
	font-size: 10px;
	text-decoration: none;
}

.footer a:hover
{
	color: #00426a;
}

ul.site_map li
{
	color: #00578c;
	list-style: none;
}

ul.site_map a
{
	font-size: 14px;
	color: #00578c;
	font-weight: bold;
	text-decoration: none;
}

ul.site_map a:hover
{
	text-decoration: underline;
}

ul.site_map li ul li 
{
	list-style: square;
}

ul.site_map li ul li a
{
	font-size: 10pt;
	font-weight: normal;
	color: black;
}

ul.site_map li ul
{
	padding-left: 10px;
	margin-left: 10px;
} 

ul.site_map li ul li ul li a
{
	font-size: 8pt;
}

/* tables */

table
{
	border-collapse: collapse;
	
}

td
{
	border: 1px solid gray;
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
}

table tr td .internal td
{
	border: none;
	border-width: 0 0 0 0;
}

.table_header
{
	background-color: #eaeaea;
	font-size: 12px;
	font-weight: bold;
}

/* list elements */

ul, ol
{
	padding-left: 20px;
	margin-left: 20px;
}

ul li, ol li
{
	font-size: 11px;
	font-weight: normal;
}

.number
{
	list-style: decimal;
}

#props
{
	font-size: 12px;
}

/* tabs */

.tab_container
{
/* 	position: absolute; */
	padding: 6px;
	margin: 0 0 0 0;
	width: 475px;
	height: auto;
/* 	border-top: 1px solid #00578c; */
/* 	border-bottom: 1px solid #00578c; */
}

#tabs
{
	display: block;
	width: auto;
	padding: 3px;
	list-style: none;
	list-style-type: none;
/* 	float: left; */
	margin: 0 0 0 0;
	border-bottom: 1px solid #00578c;
/* 	overflow: hidden */
}

#tabs li
{
	margin: 0 3px 0 0;
	padding: 3px;
	border: 1px solid #00578c;
	display: inline;
	background: #e3e3e4;
}

#tabs li a
{
	font-size: 9px;
	color: #00578c;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	margin: -1px
}

#tabs li:hover
{
	background: #f9f9f9;
}

#tabs li.active
{
	border-bottom: 1px solid white;
	background: none;
}

#tabs li.active:hover
{
	background: none;
}

#tabs li span
{
	cursor: pointer;
}

#tabs li span:hover
{
	cursor: pointer;
}

.non_active_div
{
	display: none;
}

.active_div
{
	display: block;
}

#rates 
{
	background:transparent url(http://pacificcrestfcu.com/img/rates.jpg) no-repeat;
	height:32px;
	padding:8px 0 0 38px;
	font-weight:bold;
	margin-top: 10px;
}
#loan 
{
	background:transparent url(http://pacificcrestfcu.com/img/icon_money.jpg) no-repeat;
	height:32px;
	padding:0 0 0 38px;
	font-weight:bold;
	margin-bottom: 10px;
}
#home_loan
{
	background: transparent url(http://pacificcrestfcu.com/img/icon_home.png) no-repeat;
	height: 32px;
	padding: 0 0 0 38px;
	font-weight: bold;
}
#student_loan
{
	background: transparent url(http://pacificcrestfcu.com/img/icon_sloan.png) no-repeat;
	height: 32px;
	padding: 4px 0 0 38px;
	margin: 6px 0 0 0;
	font-weight: bold
}
#student_loan a {font-size:10px}
#member 
{
	background:transparent url(http://pacificcrestfcu.com/img/member.jpg) no-repeat;
	height:32px;
	padding:6px 0 0 38px;
	font-weight:bold;
}
#home_loan a
{ font-size: 10px; }
#loan a
{ font-size: 10px; }
#member a 
{
	font-size:10px;
}

#support 
{
	background:transparent url(http://pacificcrestfcu.com/img/support.jpg) no-repeat;
	height:32px;
	padding:8px 0 0 38px;
	font-weight:bold;
}

.form
{	/* global form */
    color: #003366;
    background: url(../img/form_bg.jpg) repeat;
    border: 1px solid #C7C7C7;
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 5px;
    width: 300px;
    max-width: 300px;
}

.form_textarea
{
	color: #003366;
    background: url(../img/form_bg.jpg) repeat;
    border: 1px solid #C7C7C7;
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 5px;
    width: 300px;
    max-width: 300px;
    min-height: 100px;
}

.form_disabled
{	/* global form */
    color: #7a8b9d;
    background: url(../img/form_bg_disabled.jpg) repeat;
    border: 1px solid #C7C7C7;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    width: 300px;
}
.form_checkbox
{	/* global form */
    color: #003366;
    background: url(../img/form_bg.jpg) repeat;
    border: 1px solid #C7C7C7;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}
.form_btn
{	/* form btn */
    border: 1px solid #CFCFCF;
    background-color: #F2F2F2;
    color: #00578c;
    font-size: 12pt;
    font-weight: normal;
    padding: 3px 3px 3px 3px;	
}

fieldset
{
	padding: 0 0 20px 20px;
	border: 1px solid #C7C7C7;
	border-right: none;
	width: 400px;
}

fieldset p.header
{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 0;
}
#under_banner
{
	margin: -20px 0 0 -20px;
}
#warning, .warning
{
	border-width: 3px;
	border-style: dotted;
	border-color: #ff0000;
	background: #ffebeb;
	width: 440px;
	margin: 0 auto;
	margin-bottom: 20px;
	height: auto;
	padding: 10px;
}
#warning h4, .warning h4
{
	font-size: 14px;
	color: #ff0000;
}
#warning p, .warning p
{
	font-size: 12px;
	color: #3c3c3c;
}
#notice
{
	border-width: 1px;
	border-style: solid;
	border-color: #d3d3d3;
	background: #ffffff;
	width: 430px;
	margin: 0 auto;
	height: auto;
	padding: 20px;
	margin-bottom: 20px;
	background: transparent url(/img/notice_p_bg.jpg) bottom repeat-x;
}
#notice h4
{
	font-size: 18px;
	color: #ffffff;
	padding: 20px;
	background: transparent url(/img/notice_h4_bg.jpg) repeat-x;
	background-color: #2e75a1;
	width: 395px;
	margin-bottom: 20px;
}
#notice p
{
	font-size: 12px;
	background-color #FFFFFF;
	color: #3c3c3c;
	margin-bottom: 15px;
}

#disaster { width: 180px; height: 109px; background: url(/img/disaster_preparedness.png) no-repeat; float: right; margin-right: -50px;  text-indent: -9999px; }
#disaster a { width: 180px; height: 109px; display: block; float: right; text-indent: -9999px; }

/* colors */
.red { color: #ff0000; }
.gray { color: #b4b4b4; }
.off_white { color: #f4f4f4; }
.white { color: #ffffff; }

/* files */
.file_pdf { background: url(/img/icon_acrobat.png) left no-repeat; padding: 3px 3px 3px 20px; }

/* youth accounts */
#the_edge { background: url(/img/the_edge_bg.jpg) top right no-repeat; background-color: #f1c731; margin: -20px 0 0 -20px; width: 470px; height: auto; 
					padding: 60px 20px 20px 20px; }
#cha-ching { background: url(/img/cha_ching_bg.jpg) top left no-repeat; background-color: #38849e; margin: -20px 0 0 -20px; width: 470px; height: auto; 
					padding: 180px 20px 20px 20px;}
.dollar_dog_green { background-color: #66cc33; margin: -20px 0 0 -20px; width: 470px; padding: 20px; }
#white_hldr { height: auto; margin: 20px auto; padding: 20px; background: #f4f4f4; border: 1px solid #d3d3d3; }

.cha_ching_hldr { background: url(/img/cha_ching_small.png) top left no-repeat; background-color: #f4f4f4; padding: 10px 10px 10px 140px; border: 1px solid #d3d3d3; height: 40px;  }
.the_edge_hldr { background: url(/img/the_edge_sm.png) 5px 5px no-repeat; background-color: #f4f4f4; padding: 10px 10px 10px 140px; border: 1px solid #d3d3d3; height: 60px;  }
.rate_hldr { background: url(/img/paper.png) 15px 10px no-repeat; background-color: #f4f4f4; padding: 10px 10px 10px 70px; border: 1px solid #d3d3d3; height: auto; margin-bottom: 5px;  }
.dollar_dog_hldr { background: url(/img/dollar_dog_bg.png) repeat; height: auto; border: 1px solid #d3d3d3; padding: 3px; text-align: center; margin-bottom: 10px;}
	.dollar_dog_hldr a { display: block; background: url(/img/dollar_dog_kids_club.png) center no-repeat; width: auto; height: 84px; text-indent: -9999px; }

.float_box { float:left; width: 130px; height: auto; overflow: visible; text-align: center; padding: 5px; }
.border_right { border-right: 1px solid #d3d3d3; }
	.float_box h2 a { color: #383838; text-decoration: none; font-weight: normal; font-size: 16px; }
		.float_box h2 a:hover { text-decoration: underline; }
	.float_box p, .float_box p a { color: #696969; font-size: 12px; line-height: 1.4; text-decoration: none;}
		.float_box p:hover, .float_box p a:hover { text-decoration: underline; }
	#white_hldr.sm { width: 290px; }
	#white_hldr.reallysm { width: 160px; }
	#white_hldr.move_up { margin-top: -40px; }
	
span.sm_req { font-size: 10px; }

/* news and special promotions winners */
.winner_holder { float: left; width: 170px; margin: 0 15px 10px 0; font-size: 12px; font-weight: bold; }
	.winner_holder img { background: #FFFFFF; border: 1px solid #d3d3d3; padding: 5px; }
.img_holder { float: left; width: 350px; margin: 0 0 15px 0;}
	.img_holder img { background: #FFFFFF; border: 1px solid #d3d3d3; padding: 5px;}
	
/* video contest */
.video_contest { margin-bottom: 20px; background: url('/img/video_reel_02.jpg') top left no-repeat; padding-left: 130px; padding-bottom: 15px; border-bottom: 1px solid #cccccc; }
	.video_contest h3 { font-size: 18px; font-weight: normal; color: #00578c; margin: 0 0 10px 0; padding: 0;}
	.video_contest p { font-size: 12px; line-height: 16px; }
#video_response {  background-color: #f4f4f4; padding: 10px; border: 1px solid #d3d3d3; height: auto; margin-bottom: 5px;  }

.video_results { margin-bottom: 20px; border-bottom: 1px solid #cccccc; padding-bottom: 15px; }
.video_results h4 { font-size: 16px; font-weight: normal; color: #00578c; margin: 15px 0 5px 0; padding: 0; }
			.video_results ol { list-style: none; list-style-type: none; font-size: 14px;}
				.video_results ol li { font-size: 14px;}
				
/* form in fieldset */
fieldset { padding: 0px; border: none; width:100%;}
fieldset ul { list-style: none; list-style-type: none; margin-left: 0px; padding-left: 0px;}
	fieldset ul li { margin-left: none; float: left; clear: left; margin-bottom: 15px; width: 100%; }
		fieldset ul li label.title { float: left; display: block; }
		fieldset ul li input { float: left; clear: left; margin-right: 15px; }	
		fieldset ul li select { margin-left: 10px;}
			.defaultTextInput { padding: 5px; }
			
.newTableStyle { width: 100%; }
	.newTableStyle tr td { vertical-align: top; }
		.newTableStyle ul.no_list { margin-left: 0px; padding-left: 0px; }
	.newTableStyle strong { font-size: 100%; }
.tableFullHeading { width: 100%; }
	.tableFullHeading tr { }
		.tableFullHeading tr td { background: #acacac; color: #000; font-weight: bold; }

/* uls */
ul.grad_ltr li { background: url(/img/gradient_wh_ltr_04.png) left repeat-y; padding: 5px; }

/* gradient application */
.grad_bl_ttb_01 { background: url(/img/gradient_bl_ttb.png) top repeat-x; }

/* etc */
.fr { float: right; }
.fl { float: left; }
.c { clear: both; }
.cr { clear: right; }
.cl { clear: left; }

/* spacing */
.mbs { margin-bottom: 5px; }
.mb { margin-bottom: 20px;}

/* ol's ul's and l's */
.no_list { list-style: none; list-style-type: none; }