/* CSS Document */
/* Main Stylesheet for  GBBR Federal Credit Union Website */
@import "reset.css";

body
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
border:0px;
margin:0px;
background-color:#ffffff;
/*background-color:#666666;
background-image:url(../images/bg.png);
background-repeat:repeat;*/
color:#313131;
}

#gradient
{
background-image:url(../images/white.png);
background-position:top;
background-repeat:repeat-x;
width:100%;
}

#wrapper
{
position:relative;
left:50%;
margin-left:-475px;
width:950px;
text-align:center;
}

/* BRANDING STYLES */
#branding
{
background:url(../images/gbbr_01.png) transparent no-repeat;
height:310px;
}

#branding span
{
display:none;
}

/* NAV CONTAINER STYLES */
#nav_container
{
background:url(../images/gbbr_02.png) transparent no-repeat;
height:40px;
}

/* GAP STYLES */ /* This is the space between the navigation and the main content area */
#gap
{
background:url(../images/gbbr_03.png) transparent no-repeat;
height:20px;
}

#gap span
{
display:none;
}

/* HEADER STYLES */
#headers
{
width:100%;
height:40px;
background-position:left;
background-repeat:no-repeat;
text-align:right;
line-height:40px;
font-weight:bold;
font-size:12px;
}

#headers a
{
display:block;
width:120px;
line-height:20px;
margin-top:8px;
background-color:#01265e;
border:2px solid #01265e;
color:#ffffff;
text-align:center;
text-decoration:none;
float:right;
margin-left:10px;
}

#headers a:hover
{
background-color:#77bbff;
color:#01265e;
}

#about #headers
{
background-image:url(../images/headers/about.png);
}

.savings #headers
{
background-image:url(../images/headers/srvcs_savings.png);
}

.loans #headers
{
background-image:url(../images/headers/srvcs_loans.png);
}

.online #headers
{
background-image:url(../images/headers/srvcs_online.png);
}

.savRates #headers
{
background-image:url(../images/headers/rates_savings.png);
}

.loanRates #headers
{
background-image:url(../images/headers/rates_loans.png);
}

.fee #headers
{
background-image:url(../images/headers/rates_fee.png);
}

/* CONTENT STYLES */
#content_container
{
min-height:250px;
position:relative;
background:url(../images/content_bg.png) transparent left bottom repeat-y;
}

#main_content
{
width:760px;
text-align:justify;
margin-left:95px;
margin-right:95px;
padding-bottom:20px;
}

#main_content p
{
margin:0;
padding:0;
line-height:17px;
}

/* HOME / HB PAGE STYLES */
#home_text
{
width:455px;
float:left;
height:100%;
}

#home_text p
{
margin:0;
padding:0;
line-height:17px;
}

#address /* Address panel container */
{
width:288px;
height:329px;
background:url(../images/address_bg.png) no-repeat;
float:right;
text-align:center;
}

#address p
{
margin-top:33px;
line-height:18px;
color:#000000;
}

#hbPic
{
width:288px;
height:376px;
float:right;
}

.login
{
background:url(../images/hbLogin.png) no-repeat;
display:block;
width:228px;
border:0px;
float:left;
}

.login:hover
{
background:url(../images/hbLogin_on.png) no-repeat;
}

.signup
{
background:url(../images/hbSignUp.png) no-repeat;
display:block;
width:227px;
border:0px;
float:right;
}

.signup:hover
{
background:url(../images/hbSignUp_on.png) no-repeat;
}

/* CONTACT PAGE STYLES */
.contact_text
{
line-height:17px;
width:250px;
float:left;
}

/* GOOGLE MAP STYLES */
.map
{
width:490px;
float:right;
text-align:right;
}

.map iframe
{
border:2px solid #01265e;
}

.map a
{
color:#ffffff;
text-decoration:none;
background-color:#01265e;
font-size:11px;
font-weight:bold;
display:block;
width:110px;
line-height:18px;
text-align:center;
}

/* CLEAR FLOATER ELEMENTS */
.clear
{
clear:both;
}

/* FOOT STYLES */
#footlinks_container
{
background:url(../images/gbbr_07b.png) transparent no-repeat;
height:20px;
}

#foot
{
background:url(../images/gbbr_08.png) #ffffff no-repeat;
height:160px;
}

#foot span
{
display:none;
}