/*------------------------------- TYPOGRAPHY & COLORS ----------------------*/

h1 
{
    font-size:1.7em;
    color:#80A77A;
}

h2 
{
    color:#003366;
    font-size:13px;
}

h3 
{
    color:#003366;
    font-size:13px;
    padding-top:15px;
}

div#popup h1
{
    margin:0;
}

div#popup h2
{
    margin:10px 0 10px 0;
    padding-bottom:10px;
}

.small 
{
    font-size:9px;
    color:#000000;
}

.smallOpt2 
{
    font-size:9px;
    color:#143F6D;
}

.applysteps 
{
    width:470px;
    height:21px;
    background-color:#8CA3BA;
    color:#FFFFFF;
    padding:8px 10px 10px 70px;
}

#footnote ol 
{
    margin:0;
    padding:0;   
} 

div#Apply800 
{
    font-size:.75em;
    color:#FFFFFF;
    clear:both;
    margin:0 0 0 25px;
    
}
.callOut 
{
    font-size:1.4em;
    font-weight:bold;
    line-height:1.5em;
    color:#FFFFFF; 
}

#HomeCallOut ul 
{
    list-style-type:disc;
    list-style-image:url(/images/laurel/site/arrow.png);
    margin-left:15px;
    padding:0px;
}
#HomeCallOut ul li a 
{
    display:block;
    color:#FFFFFF;
    margin-top:-2px;
    margin-bottom:17px;
    font-size:1em;
    font-weight:bold;
    vertical-align:top;
}
div#HomeOfferCopy 
{
    color:#FFFFFF;
    width:90px;
    margin-left:10px;
    padding-top:12px;
    font-size:.9em;
}
#HomeOfferCopy a 
{
    color:#FFFFFF;   
}
#mainOffer ul 
{
    list-style-type:disc;
    list-style-image:url(/images/laurel/site/arrow.png);
    margin-left:15px;
    padding:0px;
}
#mainOffer ul li a 
{
    display:block;
    color:#FFFFFF;
    margin-top:-2px;
    margin-bottom:17px;
    font-size:1em;
    font-weight:bold;
    vertical-align:top;
}

th.header
{
    background-color:#80A677;
}

div#appPrelim 
{
   background-color:#FFFFFF;
   text-align:left;
   padding:10px 8px 10px 8px;
   margin-top:-10px;  
}


div.backToTop 
{
    text-align:right;
    padding-bottom:20px;  
}

div.level1 
{
    margin:0 0 10px 0;
    font-weight:bold;
}

div.level2 
{
    margin:0 0 10px 15px;   
}
div.level3
{
    margin:0 0 10px 30px;   
}

div#popup 
{
   background-color:#FFFFFF;
   text-align:left;
   padding:0px 8px 10px 8px;
   margin:0;  
}
/*------------------------------- STRUCTURE --------------------------------------------------------*/
.container /* generic class used to set equal column lengths */
{
     
}

div#mainContainer /* internal template */
{
    width:902px;
    min-height:570px;
    background-color:#FFFFFF;
    margin:0px auto 0px auto;
    padding-top:10px;
	text-align:left;
	font-size:1.2em;
}

div#mainContent  /*--- there is an IE 7 overide for this ---*/
{
    width:642px;
    min-height:300px;
    float:left;
    margin:-161px 0 0 3px;
    padding:0 40px 20px 30px;
    background-color:#FFFFFF;  
}
div#homeContent  /*--- there is an IE 7 overide for this ---*/
{
    width:535px;
    min-height:374px;
    float:left;
    margin:-181px 0px 0px 0px;
}
/*--- homepage specific ---*/
div#homeContainer 
{
    width:752px;
    min-height:506px;
    background-image:url(/images/laurel/site/homePromo/promo_1.png);
    background-repeat:no-repeat;
    background-position:left 112px;
    background-color:#FFFFFF;
    margin:0px auto 0px auto;
	text-align:left;
	font-size:1.2em;
}
div#HomeCallOut 
{
    width:172px;
    height:385px;
    background-image:url(/images/laurel/site/homePromo/offer_1.png);
   
    float:right;
}
div#HomeCopy 
{
    width:363px;
    float:left;
    height: 0px;
}
div#HomeQuote
{
    background-image:url(/images/laurel/site/homePromo/quote_1.png);
    background-repeat:repeat-y;
    background-position: left -10px;
    width:174px;
    height:199px;
    clear:left;
    float:left;
    margin:5px 0 0 43px;
}

div#NavApplicationhome 
{
    background-image:url(/images/laurel/site/TopBG.png);
    width:752px;
    height:37px;
    clear:both;
    float:left;
}
div#NavApplicationmain  
{
    background-image:url(/images/laurel/site/TopBGMain.png);
    background-repeat:repeat-x;
    width:902px;
    height:37px;
    clear:both;
    float:left;
}
div#TopNav  /* there is an IE 6 workaround for this */
{
    margin:50px 0 0 298px;
    width:385px;
    height:15px;
    float:left;
}

#TopNav span,#NavApplicationhome span,#NavApplicationmain span,#Footerhome span, #Footermain span, #StartApplication span, #ApplyNow span 
{
    display:none;
}

div#Navmain 
{
    background-image:url(/images/laurel/site/LeftNavBG.png);
    width:174px;
    height:176px;
    margin-left:13px;
    margin-top:-4px;
    padding-bottom:5px;
    clear:left;
    float:left;
}
div#Navhome 
{
    background:url(/images/laurel/site/LeftNavBG.png) 0 0 repeat;
    width:174px;
    height:176px;
    margin: -4px 0 5px 43px !important;
    padding: 0 !important;
    margin: -4px 0 0 43px;
    padding: 0 0 5px 0;
    clear:left;
    float:left;
}

div#footnotes 
{
    padding:5px 0 25px 0px;
    font-size:9px;
    color:#999999;  
    clear:both; 
    width:702px;
    text-align:left;
    margin:0px auto 0px auto;
}

div#footnotes li 
{
	margin: 0 0 0 -15px;
}

div#Footerhome 
{
    background-image:url(/images/laurel/site/FooterBGHome.png);
    background-repeat:no-repeat;
    width:752px;
    height:37px;
    text-align:left;
    margin:-3px auto 0px auto;
}
div#Footermain 
{
    background-image:url(/images/laurel/site/FooterBGMain.png);
    background-repeat:repeat-x;
    width:902px;
    height:37px;
    margin:0px auto 0px auto;
    clear:left;
}
div#mainOffer 
{
    width:174px;
    height:222px;
    background-image:url(/images/laurel/site/borrowPromoMain.gif);
    background-position: top left;
    background-repeat:no-repeat;
    clear:left;
    float:left;
    margin-top:10px;
    margin-left:12px;
    
}
#mainOffer h2 
{

}
div#Footerlinks 
{
    color:#80A677;
    clear:left;
    text-align:left;
    width:633px;
    margin:20px auto 0px auto;
    padding:0 56px 13px 0;
}
div#copyright 
{
    clear:both;
    text-align:left;
    width:663px;
    margin:5px auto 0px auto;
    padding:0 26px 0px 0;
}

div#UnionFederalSavingsBank 
{
    clear:both;
    text-align:left;
    width:663px;
    margin:5px auto 0px auto;
    padding:0 26px 0px 0;
    color: #000000;
}

#Footerlinks a 
{
    color:#80A677;
    font-size:9px; 
    
}

div.FooterLink 
{
    float:left;
}

div.FooterLinksDivide 
{
    height:8px !important;
    font-size: 0px;
    width:1px;
    background-color:#80A677;
    margin:3px 3px 0 3px;
    float:left;
    
}
/*----------------------------------------- Navigation ---------------------------------------------*/
div#CheckStatusmain /* there is an IE 6 workaround for this element */
{
    background-image:url(/images/laurel/site/nav/check_status.png);
    background-repeat:no-repeat;
    margin:12px 20px 0 390px;
    width:171px;
    height:15px;  
    position:relative;
}

div#CheckStatushome /* there is an IE 6 workaround for this element */
{
    background-image:url(/images/laurel/site/nav/check_status.png);
    background-repeat:no-repeat;
    margin:12px 20px 0 230px;
    width:171px;
    height:15px;
    position:relative;  
}
#CheckStatushome a, #CheckStatusmain a
{
    position:absolute;
    top:0;
    left:0;
    width:171px;
    height:15px;   
}
div#AccountLoginmain, div#AccountLoginhome
{
    background-image:url(/images/laurel/site/nav/account_login.gif);
    background-repeat:no-repeat; 
    margin: 12px 0px 0 520px !important;
    margin: 12px 0px 0 260px;
    width:96px;
    height:15px;
    position:relative;  
}

#AccountLoginmain a,#AccountLoginhome a 
{
    position:absolute;
    top:0;
    left:0;
    width:96px;
    height:15px;   
}
div#ApplyNowNavmain
{
    background-image:url(/images/laurel/site/nav/apply_now_top.png);
    background-repeat:no-repeat; 
    width:106px;
    height:22px;
    margin:8px 0 0 10px;
    position:relative;  
}

div#ApplyNowNavhome
{
    background-image:url(/images/laurel/site/nav/apply_now_top.png);
    background-repeat:no-repeat; 
    width:106px;
    height:22px;
    margin:8px 0 0 12px;
    position:relative;  
}

#ApplyNowNavhome a, #ApplyNowNavmain a
{
    position:absolute;
    top:0;
    left:0;
    width:106px;
    height:22px;   
}

#Navmain ul, #Navhome ul
{
    list-style:none;
    margin:0px;
    padding:0px;
}
#Navmain ul li a, #Navhome ul li a 
{
    display:block;
    text-indent:-8000px;
}

a#NavCollegiateLoan 
{
    background-image:url(/images/laurel/site/nav/collegiate_loan.png);
    background-repeat:no-repeat; 
    width:174px;
    height:22px;  
    margin: 3px 0 0 0;
    padding: 0;
    cursor:pointer;
    position: relative;
    z-index: 500;
}
a#NavCollegiateLoan:hover 
{
    background-image:url(/images/laurel/site/nav/collegiate_loan_on.png);
    background-repeat:no-repeat;
    width:174px;
    height:22px; 
    margin: 3px 0 0 0;
    padding: 0;
    cursor:pointer;
    position: relative;
    z-index: 500;
}
a#NavCollegiateLoan_on 
{
    background-image:url(/images/laurel/site/nav/collegiate_loan_on1.png);
    background-repeat:no-repeat; 
    width:174px;
    height:22px;  
    margin: 3px 0 0 0;
    padding: 0;
    cursor:pointer;
    position: relative;
    z-index: 500;
}
a#NavSmartBorrowing 
{
    background-image:url(/images/laurel/site/nav/smart_borrowing.png);
    background-repeat:no-repeat; 
    width:174px;
    height:22px;
    margin: 3px 0 0 0;
    padding: 0;
    cursor:pointer;
    position: relative; z-index: 500;
}
a#NavSmartBorrowing:hover 
{
    background-image:url(/images/laurel/site/nav/smart_borrowing_on.png);
    background-repeat:no-repeat;
    width:174px;
    height:22px;
    margin: 3px 0 0 0;
    padding: 0;
    cursor:pointer;
    position: relative; z-index: 500;
}
a#NavSmartBorrowing_on 
{
    background-image:url(/images/laurel/site/nav/smart_borrowing_on1.png);
    background-repeat:no-repeat; 
    width:174px;
    height:22px;
    margin: 3px 0 0 0;
    padding: 0;
    cursor:pointer;
    position: relative; z-index: 500;
}
a#NavRatesRepayment 
{
    background-image:url(/images/laurel/site/nav/rates_repayment.png);
    background-repeat:no-repeat; 
    width:174px;
    height:22px; 
    padding: 0;
    margin: 3px 0 0 0;
    cursor:pointer;  
    position: relative; z-index: 500;
}
a#NavRatesRepayment:hover 
{
   background-image:url(/images/laurel/site/nav/rates_repayment_on.png);
    background-repeat:no-repeat;
    width:174px;
    height:22px;
    padding: 0;
    margin: 3px 0 0 0;
    cursor:pointer;
    position: relative; z-index: 500;
}
a#NavRatesRepayment_on 
{
    background-image:url(/images/laurel/site/nav/rates_repayment_on1.png);
    background-repeat:no-repeat; 
    width:174px;
    height:22px; 
    padding: 0;
    margin: 3px 0 0 0;
    cursor:pointer;  
    position: relative; z-index: 500;
}
a#NavHowToApply 
{
    background-image:url(/images/laurel/site/nav/how_to_apply.png);
    background-repeat:no-repeat; 
    width:174px;
    height:22px;
    margin: 3px 0 0 0;
    padding: 0;
    cursor:pointer;
    position: relative; z-index: 500;
}
a#NavHowToApply:hover 
{
    background-image:url(/images/laurel/site/nav/how_to_apply_on.png);
    background-repeat:no-repeat;
    width:174px;
    height:22px; 
    margin: 3px 0 0 0;
    padding: 0;
    cursor:pointer;
    position: relative; z-index: 500;
}
a#NavHowToApply_on
{
    background-image:url(/images/laurel/site/nav/how_to_apply_on1.png);
    background-repeat:no-repeat; 
    width:174px;
    height:22px;
    margin: 3px 0 0 0;
    padding: 0;
    cursor:pointer;
    position: relative; z-index: 500;
}
a#NavWhosEligible 
{
    background-image:url(/images/laurel/site/nav/whos_eligible.png);
    background-repeat:no-repeat; 
    width:174px;
    height:22px;
    padding: 0;
    margin: 3px 0 0 0;
    cursor:pointer;
    position: relative;
	z-index: 500;
}
a#NavWhosEligible:hover 
{
    background-image:url(/images/laurel/site/nav/whos_eligible_on.png);
    background-repeat:no-repeat;
    width:174px;
    height:22px;
    padding: 0;
    margin: 3px 0 0 0;
    cursor:pointer;
    position: relative;
    z-index: 500;
}
a#NavWhosEligible_on
{
    background-image:url(/images/laurel/site/nav/whos_eligible_on1.png);
    background-repeat:no-repeat; 
    width:174px;
    height:22px;
    padding: 0;
    margin: 3px 0 0 0;
    cursor:pointer;
    position: relative;
	z-index: 500;
}
a#NavAboutUs 
{
    background-image:url(/images/laurel/site/nav/about_us.png);
    background-repeat:no-repeat; 
    width:174px;
    height:22px;
    padding: 0;
    margin: 3px 0 0 0;
    cursor:pointer;
    position: relative; z-index: 500;
}
a#NavAboutUs:hover 
{
    background-image:url(/images/laurel/site/nav/about_us_on.png);
    background-repeat:no-repeat;
    width:174px;
    height:22px;
    padding: 0;
    margin: 3px 0 0 0;
    cursor:pointer;
    position: relative; z-index: 500;
}
a#NavAboutUs_on
{
    background-image:url(/images/laurel/site/nav/about_us_on1.png);
    background-repeat:no-repeat; 
    width:174px;
    height:22px;
    padding: 0;
    margin: 3px 0 0 0;
    cursor:pointer;
    position: relative; z-index: 500;
}
a#NavFAQs 
{
    background-image:url(/images/laurel/site/nav/faqs.png);
    background-repeat:no-repeat; 
    width:174px;
    height:22px;
    padding: 0;
    margin: 2px 0 0 0;
    cursor:pointer;
    position: relative; z-index: 500;
}
a#NavFAQs:hover 
{
    background-image:url(/images/laurel/site/nav/faqs_on.png);
    background-repeat:no-repeat;
    width:174px;
    height:22px;
    padding: 0;
    margin: 2px 0 0 0;
    cursor:pointer;
    position: relative; z-index: 500;
}
a#NavFAQs_on 
{
    background-image:url(/images/laurel/site/nav/faqs_on1.png);
    background-repeat:no-repeat; 
    width:174px;
    height:22px;
    padding: 0;
    margin: 2px 0 0 0;
    cursor:pointer;
    position: relative; z-index: 500;
}
.InNavElements  /*print version should set this to visible */
{
    float:left;
    margin-top:12px;
    display:block;
    cursor:pointer;
    text-indent:-8000px;
}

div#FooterSiteMapmain
{
    background-image:url(/images/laurel/site/nav/site_map.png);
    background-repeat:no-repeat;
    width:55px;
    height:15px;
    margin-left:495px;
    margin-right:-2px;
    position:relative;
}

div#FooterSiteMaphome
{
    background-image:url(/images/laurel/site/nav/site_map.png);
    background-repeat:no-repeat;
    width:55px;
    height:15px;
    margin-left:355px;
    margin-right:-2px;
    position:relative;
}
#FooterSiteMapmain a, #FooterSiteMaphome a
{
    position:absolute;
    top:0;
    left:0;
    width:55px;
    height:15px;   
}

div#FooterGlossary 
{
    background-image:url(/images/laurel/site/nav/glossary_of_terms.png);
    background-repeat:no-repeat;
    width:101px;
    height:15px; 
    position:relative;
}
#FooterGlossary a 
{
    position:absolute;
    top:0;
    left:0;
    width:101px;
    height:15px;   
}
div#FooterStudentLoanPrimer 
{
    background-image:url(/images/laurel/site/nav/student_loan_primer.png);
    background-repeat:no-repeat;
    width:111px;
    height:15px; 
    position:relative;
}
#FooterStudentLoanPrimer a 
{
    position:absolute;
    top:0;
    left:0;
    width:111px;
    height:15px;   
}
div#FooterContactUs 
{
    background-image:url(/images/laurel/site/nav/contact_us.png);
    background-repeat:no-repeat;
    width:62px;
    height:15px; 
    position:relative;
}
#FooterContactUs a 
{
    position:absolute;
    top:0;
    left:0;
    width:62px;
    height:15px;   
}

div#TopSiteMap 
{
    background-image:url(/images/laurel/site/nav/top_site_map.png);
    background-repeat:no-repeat;
    width:50px;
    height:15px;
    position:relative;
}
#TopSiteMap a 
{
    position:absolute;
    top:0;
    left:0;
    width:50px;
    height:15px;
}
div#TopGlossary 
{
    background-image:url(/images/laurel/site/nav/top_glossary_of_terms.png);
    background-repeat:no-repeat;
    width:98px;
    height:15px;
    position:relative; 
}
#TopGlossary a 
{
    position:absolute;
    top:0;
    left:0;
    width:98px;
    height:15px;
}
div#TopStudentLoanPrimer 
{
    background-image:url(/images/laurel/site/nav/top_student_loan_primer.png);
    background-repeat:no-repeat;
    width:108px;
    height:15px; 
    position:relative; 
}
#TopStudentLoanPrimer a 
{
    position:absolute;
    top:0;
    left:0;
    width:108px;
    height:15px;
}
div#TopContactUs 
{
    background-image:url(/images/laurel/site/nav/top_contact_us.png);
    background-repeat:no-repeat;
    width:61px;
    height:15px; 
    position:relative; 
}
#TopContactUs a 
{
    position:absolute;
    top:0;
    left:0;
    width:61px;
    height:15px;
}
/*----------------------------------------- END Navigation -----------------------------------------*/


/*------------------------------- HEADERS ----------------------------------*/


/*------------------------------- IMAGES -----------------------------------*/
div#Logohome 
{
    background-image:url(/images/laurel/site/logo.png);
    background-repeat:no-repeat;
    margin:0 0 -3px 37px;
    width:185px;
    height:91px;
    float:left;
    cursor:pointer;
    position: relative;
    z-index: 500;
}
div#printLogo 
{
    display:none;
}

div#Logomain
{
    background-image:url(/images/laurel/site/logo.png);
    background-repeat:no-repeat;
    margin:0 0 -3px 9px;
    width:185px;
    height:91px;
    float:left;
    cursor:pointer;
    position: relative;
    z-index: 500;
}

#Logomain a,#Logohome a
{
    position: absolute;
    top: 0;
    left: 0;
    width: 185px;
    height: 91px;
}
#Logomain a span,#Logohome a span 
{
    display: none;
}

div#Tagline 
{
    background-image:url(/images/laurel/site/Tagline.png);
    background-repeat:no-repeat; 
    margin-top:2.7em;
    margin-left:.5em;
    text-indent:-8000em;
    float:left;
    width:421px;
    height:50px;
}
div#ApplyNow 
{
    background-image:url(/images/laurel/site/apply_now_button.png);
    background-repeat:no-repeat;
    width:138px;
    height:28px;
    margin:147px 0 0 17px;
    cursor:pointer;
    position:relative;
    float:left;
}
#ApplyNow a 
{
    position:absolute;
    top:0;
    left:0;
    width:138px;
    height:18px;   
}

div#HomeOffer 
{
    background-image:url(/images/laurel/site/OfferBG.png);
    background-repeat:no-repeat;
    width:152px;
    height:109px;
}

div.FooterDivide 
{
    background-image:url(/images/laurel/site/nav/vertical_divide.png);
    width:5px;
    height:15px;
    float:left;
    margin-top:12px;  
    margin-right:6px;
    margin-left:6px; 
}
div.TopDivide 
{
    background-color:#9FB0C0;
    width:1px;
    height:15px;
    float:left;
    margin:10px 10px 0 10px;
}

div#StartApplication 
{
    background-image:url(/images/laurel/site/start_application.gif);
    background-repeat:no-repeat;
    width:173px;
    height:28px;
    float:left;
    margin:20px 0 20px 40px;
    padding:8px 0 0 190px;
    position:relative;
}

#StartApplication a 
{
    position:absolute;
    top:0;
    left:0;
    width:173px;
    height:28px;   
}

div#step1 
{
    background-image:url(/images/laurel/site/step1.gif);
    background-repeat:no-repeat;
    margin-bottom:6px;
}

div#step2 
{
    background-image:url(/images/laurel/site/step2.gif);
    background-repeat:no-repeat;
    margin-bottom:6px;
}

div#step3 
{
    background-image:url(/images/laurel/site/step3.gif);
    background-repeat:no-repeat;
    margin-bottom:6px;
}

div#step4 
{
    background-image:url(/images/laurel/site/step4.gif);
    background-repeat:no-repeat;
    margin-bottom:6px;
}

div#step5 
{
    background-image:url(/images/laurel/site/step5.gif);
    background-repeat:no-repeat;
}

div.photos 
{
    margin:2px 0 5px 15px;
    float:right; 
}

div#topNavhide 
{
    display:none;   
}
/*------------------------------- LISTS ------------------------------------*/


/*------------------------------- FORM ELEMENTS ----------------------------*/

/*------------------------------- COMMON ELEMENTS --------------------------*/
body 
{
    font-size: 62.5%; /* ensure that the font is the same size across browsers */
    font-family:Verdana,Sans-Serif;
    color:#373737;
    background-color:#ECF1EB;
    margin:0px; 
    padding:0px;
	text-align:center;
}

p,td,th,ul,li
{
    font-size:11px; 
    color:#373737;
}

a 
{
    font-size:11px;
    color:#003366;   
}