/* CSS Document */

/* =Typography 
-------------------------------------------------------------------------*/

body, p, td {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000; 
font-weight:normal;
}


h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bolder;
color:#890857;
margin-bottom:20px;
margin-top:0px;
}

#brown h1, #brown h2, legend { color:#532721;}
#about h1, #about h2, legend { color:#ffb300;}
#rules h1, #preselected h1, legend { color:#008193;}
#equity h1, #equity h2, legend, #equity .quote {color:#678f00;}
#mortgage h1, #mortgage h2, legend, #mortgage .quote {color:#e55300}
#auto h1, #auto h2, legend, #auto .quote { color:#293f6f;}


h1.print {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bolder;
color:#000000;
margin-bottom:20px;
}

h2, legend {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#008193;
display: inline;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#000000;
font-weight: bold;
display: inline;
}

#home .question {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
font-weight:normal;
display: inline;
}

.question {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#890857;
font-weight:bold;
display: inline;
}

.bold { 
font-weight:bold;
}

#ActionCall h3 {
font-family: Arial, Helvetica, sans-serif;
margin:0px 10px 0px 0px;
font-size: 14px;
letter-spacing:.75px;
color:#008193;
display: inline;
}


#ApplyBox h3 {
font-family: Arial, Helvetica, sans-serif;
margin:0px 10px 0px 0px;
font-size: 14px;
letter-spacing:.75px;
color:#ffffff;
display: inline;
}

#RatesBox h3 {
font-family: Arial, Helvetica, sans-serif;
margin:0px 10px 0px 0px;
font-size: 14px;
letter-spacing:.75px;
color:#000000;
font-weight: bold;
display: inline;
}

#OfferCode label {
font-family: Arial, Helvetica, sans-serif;
margin:0px 10px 0px 0px;
font-size: 12px;
color:#008193;
display: inline;
}


#ApplyBox {
color:#FFFFFF;
font-size:11px;
}

select {
font-size:10px}

#footer {
color:#FFFFFF;
}

.quote {
font-family: Arial, Helvetica, sans-serif;
color:#008193;
font-size:12px;
font-style:italic;
}

.description {
margin-top:10px;
margin-bottom:0px;
color:#FFFFFF;
}


#disclosure p{
color:#999999;
font-style:italic;
}

#about input {font-size:11px;}

.caption { 
width:210px; 
text-align:right; 
font-weight:bold; 
font-size:14px; 
color:#890857;}




/* =Navigations 
-----------------------------------------------------------------------------*/





a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#890857;
}

a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
color:#890857;
}


#Share a.linkedHead {
font-family: Arial, Helvetica, sans-serif;
margin:0px 10px 0px 0px;
font-size: 14px;
letter-spacing:.75px;
color:#008193;
display: inline;
font-weight:bold;
}


#LoanRates a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#000000;
}

#LoanRates a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
color:#000000;
}

#mainNav ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#mainNav li {
float:left;
list-style-type:none;
margin:0px;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#008193;
text-decoration:none;
}

#mainNav a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#008193;
text-decoration:none;
}

#mainNav a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#678f00;
text-decoration:none;
}

#mortgage #mainNav a.mortgage { color:#e55300; font-weight:bold; font-size:13px; }
#auto #mainNav a.auto { color:#293f6f; font-weight:bold; font-size:13px; }
#equity #mainNav a.equity { color:#678f00; font-weight:bold; font-size:13px;}
#rules #mainNav a.rules { color:#008193; font-weight:bold; font-size:13px;}
#about #mainNav a.about { color:#ffb300; font-weight:bold; font-size:13px;}



#FooterNav ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#FooterNav li {
float:left;
list-style-type:none;
margin:0px;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration:none;
}

#FooterNav li.first {
}

#FooterNav a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#FFFFFF;
}

#FooterNav a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
color:#FFFFFF;
}


#ProductNav ul {
list-style-type:none;
margin:10px 15px 0px 0px;
padding:0px;
float:right;
clear:both;
}

#ProductNav li {
float:left;
list-style-type:none;
margin-right:10px;
padding:0px;
height:25px;
width:112px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color::#FFFFFF;
text-decoration:none;
}

#ProductNav li.last {
margin-right:0px;
}


#ProductNav a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:25px;
letter-spacing:.75px;
padding:5px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
border:0px;
}

#ProductNav a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

/* =Layout
---------------------------------------------------------------------------------*/

html,body {height: 100%; padding:0px; margin:0px;}
body {min-width: 800px;} /*** Content Minmum Width, not used by IE5/6, or early versions of Safari ***/

body {
background:#678f00;
margin:0px;
padding:0px;
}

#background {
background: url(../images/global/credit_union_trees.gif); 
background-repeat:repeat-x; 
padding:0px; 
margin-top:-20px;
position:relative;
height:100%;
}

#maincontainer {
display:table;
position:relative;
width:800px;
left:50%;
height:100%;
height:auto;
min-height:100%;
margin: 20px 0px 20px -400px;

}

#top {
position:relative;
margin:30px 0px 0px 0px;
padding:0px;
clear:both;
}

#logo {
position:relative;
margin:-50px 0px 0px 90px;
padding:0px;
z-index:40;
}

#curve {
position:relative;
margin:-70px 0px 0px 0px;
padding:0px;
clear:both;
}

#OuterContainer {
position:relative;
display:table;
width:800px;
height:100%;
height:auto;
min-height:inherit;
margin:0px;
padding:0px;
background:#890857;

}

#InnerContainer{
position:relative;
display:table;
width:785px;
height:100%;
height:auto;
min-height:inherit;
margin:0px 7px 7px 7px;
padding:0px;
background:#ffffff;
}

#mainNav {
display:block;
position:relative;
text-align:right;
height:20px;
margin:20px 7px 0px 0px;
padding:0px;
float:right;
}

/* -- Right Container on Home Page --*/

#RightContainer {
position:relative;
height:auto;
min-height:inherit;
padding:0px;
float:right;
margin:0px 0px 20px 0px;
width:540px;
} 

#headline {
position:relative;
margin:0px 15px 0px 0px;
padding:0px;
float:right;
}

#MainPhoto {
width: 540px;
height: 287px;
position:relative;
float:right;
margin-top:10px;
}

#home #content {
float:right;
margin:10px 15px 0px 0px;
width:370px;
}

#PromoCode {
float:right;
margin:30px 15px 0px 0px;
padding:0px;
}

#PollBox {
position:relative;
margin:0px;
left:298px;
top:145px;
float:left;
padding:0px;
width:155px;
clear:left;
z-index:50;
}


#PollBox ol {
list-style-type:none;
margin:5px;
padding:0px;
}

#PollBox input.submit {
font-size:10px;
}


/* -- Left Container on Home Page --*/

#home #LeftContainer {
position:relative;
margin:-450px 0px 0px 15px;
padding:0px;
width:335px;
float:left;

}

#ActionCall {
margin:0px;
width:230px;
}

#Calculator {
margin:0px;
padding:0px;
}

#Share {
margin: 10px 0px 0px 0px;
padding:0px;
}

#RatesBox {
position:relative;
width:224px;
height:151px;
padding:15px;
margin:30px 0px 0px 0px;
border:solid 7px #008193;
background:url(/LoanPayments/images/global/loan_rates_bkg.gif);
}

#LoanRates {
margin-top:5px;
border:none;
padding:0px;
width:224px;
}

#LoanRates td.rate {
text-align:right;
}


#home #ApplyContainer {
display:block;
position:relative;
border:solid 1px #890857;
background:#FFFFFF;
width:274px;
height:104px;
margin:-14px 0px 0px 70px;
padding:0px;
}

#ApplyBox {
display:block;
position:relative;
margin:7px;
background:#890857;
width:260px;
height:90px;
padding:0px;
color:#FFFFFF;
}

#ApplyContent {
padding:15px;
}

#home #ApplyBox { width:235px; height:80px }
#home #ApplyContainer { width:249px; height:94px; }


#RightContent #ApplyContainer{
display:block;
position:relative;
border:solid 1px #890857;
background:#FFFFFF;
height:104px;
width:274px;
margin:-25px 30px 0px 0px;
float:right;
}

#RightContent2 #ApplyContainer{
display:block;
position:relative;
border:solid 1px #890857;
background:#FFFFFF;
height:104px;
width:274px;
margin:-25px 0px 0px 0px;
float:right;
}

/* -- End --*/

#ContentContainer {
position:relative;
margin:0px;
padding:0px;
height:auto;
height:100%;
background:none;
}


#Text, #FailureMessage {
padding:80px 0px 40px 0px;
margin:0px 15px 0px 15px;
clear:none;
}

#RightContent {
position:relative;
float:right;
margin:0px 15px 15px -85px;
padding:0px;
width:auto;
width:379px;
}

#RightContent2 {
position:relative;
float:right;
margin:0px 15px;
padding:0px;
width:auto;
width:274px;
}




.photo { border:solid 7px #008193; }

#mortgage .photo { border:solid 7px #e55300; }
#equity .photo { border:solid 7px #678f00; }
#brown .photo { border:solid 7px #532721; }
#about .photo { border:solid 7px #ffb300; }
#auto .photo { border:solid 7px #293f6f; }

#Photo {
margin:-14px 0px 0px 0px;
padding:0px;
float:right;
clear:right;
}

#Caption {
float:right;
clear:both;
width:200px;
margin:10px 0px 0px 0px;
}


img {border:0px;}
form {margin:0px; padding:0px; }

.no-top-margin {margin-top:0px;}
.top-margin {margin-top:10px;}
.sm-top-margin {margin-top:5px; }


#footer {
position:relative;
margin: 20px 0px 0px 0px;
padding-top:0px;
text-align:center;
vertical-align:top;}


.highlighted { display:block; margin-top:10px; padding:10px 20px 10px 20px; background-color:#ecfdff;}
#auto .highlighted {background-color:#d9e3fb; }
#equity .highlighted {background-color:#ecf5d1; }
#mortgage .highlighted {background-color:#ffede5; }

#mortgage .bgOrange {background-color:#ffede5; }


fieldset {margin-top:20px;}
form {border:none;}

#NotMember, #SelectMortgage, #SelectAuto, #SelectEquity  
{
    display: block;
    background-color:#ecf5d1; 
    margin-top:10px;
    padding:10px;
}

.OfferBox_Left {width:500px; margin-top:10px; padding:10px;}
.OfferBox_Right {float:right; padding:20px 10px 0px 10px;}