﻿/****************************************************************************************\

    Global Selectors

\****************************************************************************************/

html 
{
}

body 
{
    position 		: relative;
    width 			: 100%;
    margin			: 0 auto;
}

h1 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h2 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h3 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h4 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h5 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h6 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

p 
{
    margin          : 0;
    padding         : .2em 0 1em 0;
    letter-spacing  : normal;
    line-height     : 1.4em;
}

ul 
{
    margin          : 0 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

ol 
{
    margin          : 0 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

li 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

strong 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

em 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

u 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a:visited 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a:hover 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

table 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

tr 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

th 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

td 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

img 
{
}

/****************************************************************************************\
    
	Compound Selectors
	
\****************************************************************************************/

/*___ DIV _________________________________________________________________*/

div#branding
{
	position		: relative;
	height			: 181px;
	width           : 1000px;
	margin          : 0 auto;	
}

div#content
{
	position		: relative;
	overflow		: hidden;	
	margin          : 0 auto;
	width           : 960px;
	padding-top     : 37px;	
}

div#content_main
{
	position		: relative;
	padding			: 0 0 0 0;
	float           : right;
	display         : inline-block;
	vertical-align  : top;
	width           : 711px;
}

div.feature
{
    position        : relative;
    width           : 450px;
    min-height      : 88px;
    margin          : 0 0 25px 0;
    padding         : 10px;
}

div#featureContent
{
    position        : relative;
    width           : 470px;
    margin          : 0 0 25px 0;
}

div.special
{
    position        : relative;
    width           : 490px;
    margin          : 0 0 25px 0;
    display         : block;
}

div#left
{
    position        : relative;
    width           : 245px;
    display         : inline-block;
    vertical-align  : top;
	padding-right	: 15px;	
}

div#right
{
    position        : relative;
    width           : 215px;
    display         : inline-block;
    vertical-align  : top;
}

div#content_sub
{
	position		: relative;
	float			: left;
	width			: 225px;
	display         : inline-block;
	vertical-align  : top;
}

div#content_supplemental
{
    position        : absolute;
    width           : 202px;
    right           : 18px;
    top             : 0;
}

div#currentRates
{
    position        : relative;
    width           : 230px;
}

div#site_info
{
	position		: relative;
	clear           : both;
	width           : 100%;
	height			: 125px;	
	padding			: 15px 0;
	margin-top      : 20px;
}

div#footer
{
    position        : relative;
    width           : 1000px;
    margin          : 0 auto;
}

div#signIn
{
	position		: absolute;
	left			: 430px;
	top				: 73px;
}

div#NCUA
{
	position		: relative;
	width			: 176px;
	height			: 74px;
	margin-right	: 20px;
	display         : inline-block;
	vertical-align  : top;
	padding			: 50px 15px 0;
}

div#EHO
{
	position		: relative;
	width			: 95px;
	height			: 66px;
	display         : inline-block;
	vertical-align  : top;
	padding			: 60px 15px 0;
	margin-right	: 20px;
}

#contactForm
{
    width           : 305px;
}

/*___ SPAN _________________________________________________________________*/

div#branding span.type
{
	display			: block;
	width			: 601px;
	height			: 172px;
	position		: absolute;
	right			: 40px;
	top				: 0;
	text-indent		: -9999em;
}

div#branding span.number
{
	position		: absolute;
	right			: 290px;
	top				: 15px;	
}

ul.ulMenu span
{
    display         : block;
}

.form.loan div > span,
.section.debt ul li span
{
    display         : block;
    margin          : 10px 0 5px 0;
}

.form.loan span[id$="radio_type"]
{
    display         : inline-block;
}

/*___ H1 _________________________________________________________________*/

div#branding h1
{
	display			: block;
	width			: 303px;
	height			: 92px;	
	position		: absolute;
	left			: 25px;
	top				: 15px;
}

/*___ H2 _________________________________________________________________*/

div#branding h2
{
	width			: 564px;
	height			: 48px;
	position		: absolute;
	left			: 0;
	top				: 124px;
	text-indent		: -9999em;
}

div.feature h2
{
    position        : relative;
    margin-left     : 80px;
}

div.section div#left h2
{
	text-align      : center;
}

#content_main #featureContent h2
{
    margin-bottom   : 1em;
}

/*___ H3 _________________________________________________________________*/

div#NCUA h3,
div#EHO h3
{
	display			: none;
}

div#currentRates h3
{
    padding-left    : 25px;
}

div#currentRates li.title
{
    padding-top     : 10px;
}

div#currentRates
{
    margin-top      : 10px;
    margin-bottom   : 10px;
}

#content_main h3.h3center
{
    text-align      : center;
    margin-bottom   : 1em;
}

div#signIn h3
{
    margin          : 0 0 .5em 10px;
}

.form.loan h3
{
    margin          : 1em 0 .5em 0;
}

h3.atm
{
    margin          : 5px 0;
}

/*___ H4 _________________________________________________________________*/

div#left h4
{
    text-align      : center;
}

.form.loan h4
{
    margin          : .5em 0 .5em 0;
    padding         : .5em 1em;
}

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/
p.applyVisa
{
    position        : absolute;
    bottom          : -120px;
    left            : 10px;
}

#NCUA p
{
    margin          : -5px 0 0 0;
    padding         : 0;
}
/*___ UL _________________________________________________________________*/

ul.ulMenu
{
	margin			: 0;
	padding			: 0 0 20px 0;	
	width           : 224px;
}

ul.ulHours
{
	margin			: 0;
	padding			: 0;	
}

#content_main ul
{
    margin-bottom   : 1em;
    list-style-type : disc;
}

#content_main div#currentRates ul
{
    padding         : 0 20px 0 0;
    margin          : 0 20px 0 10px;
    list-style-type : none;
}

#content_main .form.loan ul
{
    list-style-type : none;
}

.section.debt ul
{
    margin          : 0;
    padding         : 0;
}

.ulSiteInfo
{
    width           : 15%;
    display         : inline-block;
	vertical-align  : top;
	padding         : 0;
	margin          : 0 2em 0 0;
}

.subscribe
{
    display         : inline-block;
	vertical-align  : top;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

ul.ulMenu li
{
    position        : relative;
	margin			: 20px 0 0 0;
	position		: relative;
	display         : block;
	width           : 223px;
	height          : 50px;
	padding         : 10px 0 0 5px;
    -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

ul.ulMenu li:first-child
{
	margin-top		: 0;	
}

ul.ulSiteInfo li
{
	margin-top		: 1em;	
}

div#currentRates ul li.title
{
    margin-right    : -10px;
}

.subscribe li
{
    display         : inline-block;
    vertical-align  : top;
    margin-left    : 10px;
}

#content_main li
{
    margin          : 5px 0 10px 0;
}

#content_main .section.debt ul li ul li
{
    margin          : 0 0 0 1em;
}

/*___ STRONG _________________________________________________________________*/

ul.ulHours strong
{
	display			: block;
	width			: 85px;
	float			: left;	
}

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

div#branding h1 a,
div#branding h1 a:hover,
div#branding h1 a:visited
{
	display			: block;
	text-indent		: -9999em;
	width			: 303px;
	height			: 92px;	
}

.ulMenu li a,
.ulMenu li a:hover,
.ulMenu li a:visited
{
    position        : relative;
    display         : block;
    height          : 55px;
}

a#btnSignIn,
a#btnSignIn:hover,
a#btnSignIn:visited
{
	padding			: 2px 12px;
	cursor			: pointer;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

/*___ TABLE _________________________________________________________________*/

#content_main table
{
    margin-bottom   : 1em;
}

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

#content_main th
{
    width           : 150px;
    padding         : 5px 8px;
    text-align      : left;
}

#content_main th:first-child
{
    width           : 200px;
}

#content_main th:last-child
{
    width           : 200px;
}

#content_main tr:first-child th
{
    text-align      : center;
}

/*___ TD _________________________________________________________________*/

#content_main td
{
    text-align      : center;
    padding         : 5px 8px;
}

/*___ IMG _________________________________________________________________*/

.ulMenu img
{
    position        : relative;
    float           : left;
    margin          : -5px 4px 0 0;
}

div.feature img
{
    position        : relative;
    float           : left;
    margin          : -36px 5px 0 -75px;
}

div#left_main_content img
{
    position        : relative;
    left            : 35px;
}

div#currentRates img
{
	margin			: 0 10px;
}

img#applyVISA
{
    position        : relative;
    float           : right;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/
input.txtSignIn
{
	width			: 195px;
	padding			: 2px 5px;	
}

.form.loan input
{
    width           : 200px;
}

.form.loan input.txtSSN
{
    width           : 30px;
    text-align      : center;
}

.form.loan input.txtSSN:last-child
{
    width           : 42px;
}

.form.loan span[id$="radio_type"] input,
.form.loan span[id$="marital_status"] input,
.form.loan span[id$="radio_coapplicant"] input,
.form.loan span[id$="debt_late"] input,
.form.loan span[id$="debt_repo"] input,
.form.loan span[id$="debt_bankrupt"] input,
.form.loan span[id$="debt_loan"] input,
.form.loan span[id$="account_type"] input,
.form.loan .chkInsure input
{
    width           : 10px; 
}

.lbSend
{
    float           : right;
}

#contactForm label span
{
    display         : block;
}


/*___ TEXTAREA _________________________________________________________________*/
.form.loan textarea
{
    width           : 200px;
}

#contactForm textarea
{
    width           : 300px;
}

/*___ LABEL _________________________________________________________________*/
.form.loan label
{
    display         : inline-block;
    width           : 210px;
    vertical-align  : top;
}

.form.loan label[id$="marital_status"],
.form.loan label[id$="coapplicant"],
.form.loan .radioType,
.form.loan label[id$="account_type"]
{
    display         : block;
    width           : 100%;
    margin-bottom   : .5em;
}

.form.loan span[id$="radio_type"] label,
.form.loan span[id$="marital_status"] label,
.form.loan span[id$="radio_coapplicant"] label
{
    width           : 140px;
    margin-left     : .5em;
    vertical-align  : baseline;
}

.form.loan span[id$="debt_late"] label,
.form.loan span[id$="debt_repo"] label,
.form.loan span[id$="debt_bankrupt"] label,
.form.loan span[id$="debt_loan"] label
{
    width           : 50px;
    margin-left     : .5em;
    vertical-align  : baseline;
}

.form.loan span[id$="account_type"] label
{
    width           : 120px;
    margin-left     : .5em;
}

.form.loan .debt ul ul li label
{
    width           : 196px;
}

.form.loan .chkInsure label
{
    width           : 90%;
    margin-left     : .5em;
}

#contactForm > label
{
    display         : block;
    margin          : .5em 0;
}
/*___Group/Section/Class_________________________________________________________________*/