/* Page Basics */ body{margin:0; font:12px Verdana, Arial, Helvetica, sans-serif; color:#000; background-color:#F8F8F8;} br.clear{clear:both;} /*Security Message */ #wtag{width:155px; height:88px; position:absolute;z-index:10000; visibility:hidden; background-image:url(../images/message.gif);} /*Image Position Classes */ .imgRight{float:right; margin:3px 0 7px 12px; border:none;} .imgLeft{float:left; margin:3px 12px 7px 0; border:none;} /* This tag holds the page together */ #pageWrapper{width:980px;margin:10px auto;border:1px solid #666; background-color:#FFF} #pageHeader{height:90px;background:url(../images/headerBG.gif) #FFF repeat-x; position:relative} #pageHeader #pageHeaderLogo{background: url(../images/headerLogo.gif) #FFF no-repeat; width:212px; height:90px; cursor:pointer} #pageHeader #headerTopNav{position:absolute; top:0; left:200px; width:770px; height:20px; text-align:right;} #pageHeader #headerTopNav a{background:url(../images/topButtons.jpg) no-repeat 0px 0px; padding:2px 6px; text-decoration:none; color:#FFF; height:20px; margin-right:-.5em; font-size:8px; font-weight:bolder; text-transform:uppercase;} #pageHeader #allTabs {position:absolute; bottom:-75px;} #pageHeader #headerTopNav a:hover{ background-position:-150px 0px;} #pageHeader #searchBox{border:1px solid #600;margin-top:9px; margin-right:6px; width:220px; padding:1px; float:right; background-color:#000;} #pageHeader #headerTabNav{position:absolute; top: 64px; left:220px;height:18px; width:750px;} #pageHeader #SearchBar{position:absolute; left:522px; top:25px;} #ctl00_ctl00_ContentPlaceHolderSearch_btnSearch{margin-top:1px;} #pageHeader #BreadCrumbs{position:absolute;font-size:10px; text-transform:uppercase; top:120px; left:-10px; white-space:nowrap; padding:0; margin:0; width:700px; height:30px; background:url(../images/breadBG.png) no-repeat; text-align:left;padding-top:7px; font-weight:bold; padding-left:5px;} #pageHeader #BreadCrumbs a{background-image:none; color:#369;font-size:10px; font-weight:bold;} #pageHeader #BreadCrumbs a:hover{text-decoration:underline; font-weight:bold;} #pageHeader #BreadCrumbs img.BCSep{padding:-1px 2px 0 0; margin:7px 1px 0 -3px;} /*#pageHeader #Message{position:absolute; font-size:12px; top:100px; left:20px; white-space:nowrap; padding:0; margin:0; width:550px; height:40px; color: #0404CA; text-align:center;padding-top:7px; padding-left:25px; font-weight:bold; background-color: #FFFFCC; border: solid #900 1px; padding: 5px;}*/ #pageHeader #Message{position:absolute; font-size:12px; top:95px; left:0px; white-space:nowrap; padding:0; margin:0; width:628px; height:60px; color: #000000; text-align:center;padding-top:7px; padding-left:25px; font-weight:bold; padding: 5px; border-color:#003399; border-width:2px; color:#303;} /*#pageHeader #Message{background:#FFF url(/Images/LayoutImages/CSS_Layout/slogan.gif) no-repeat; width:778px; height:66px; display:block; postion:relative; top:89px; left:-25px;}*/ #pageWrapper #pageHeader #Message{background: #FFF url(/Images/alert.gif) no-repeat;} #pageWrapper #pageHeader #Message span.messageText {top:16px; position:relative} #pageWrapper #pageHeader #Message span.messageText a{color:#000; text-decoration:none; padding:0 4px; background-image:none;} #pageWrapper #pageHeader #Message span.messageText a:hover{text-decoration:underline; color:#900;} /* TEMP */ #pageHeader #Message{position:absolute; font-size:12px; top:95px; left:0px; white-space:nowrap; padding:0; margin:0; width:750px; height:60px; color: #000000; text-align:center;padding-top:7px; padding-left:25px; font-weight:bold; padding: 5px; border-color:#000; border-width:2px; color:#303; background-repeat:no-repeat;} #pageWrapper #pageHeader #Message{background: #FFF;background-image:url(/Images/Alert_LGBG.gif); background-repeat:no-repeat;} #pageWrapper #pageHeader #Message span.messageText {top:10px; position:relative; border:1px solid #CC9933} #pageWrapper #pageHeader #Message span.messageText a{color:#000; text-decoration:none; padding:0 4px; background-image:none;} #pageWrapper #pageHeader #Message span.messageText a:hover{text-decoration:underline; color:#900;} .messageText{ background-color:#FFDC5C; width:738px; display:block; margin-top:4px;} /* END TEMP*/ #pageContentA, #pageContentB, #pageContentC, #pageContentD{ overflow:hidden;zoom: 1; /* IE layout fix */ } #pageFooter{height:50px; background: #900 url(../images/footerBG.gif) repeat-x; padding:8px 5px 5px; position:relative;} #pageFooter .copyrightInfo{position:absolute; text-align:center; font: 11px Arial, Helvetica, sans-serif; color: #EDD; width:380px; left:327px; padding:0; margin:0; font-variant:small-caps; line-height:.95em; letter-spacing:1px;} #pageFooter .nav{position:absolute; width:730px; color:#EDD; top:44px; left:150px; font-size:9px; text-transform:uppercase; text-align:center} #pageFooter .nav a{color:#FFF; text-decoration:none; padding:0 4px;} #pageFooter .nav a:hover{text-decoration:underline;} #pageFooter #NCUALogo{width:106px;height:50px; background:url(../images/ncua.gif) no-repeat; position:absolute; left:0; top:8px; cursor:pointer; margin-left:8px;} #pageFooter #housing{width:135px; height:50px;margin-left:830px; background: url(../images/EqualHousing.gif) no-repeat; cursor:pointer} /* pageContent wrappers are :A=no columns, B=left column, C=right column, D=left & right column */ #LCol,#CCol, #RCol{padding-bottom:32768px; margin-bottom:-32708px;} #pageContentA #LCol{display:none;visibility: hidden;} #pageContentA #CCol{width:980px; float:left;} #pageContentA #RCol{display:none;visibility: hidden;} #pageContentB #LCol{width:200px; margin-right:10px; float:left; background-color:#CCC} #pageContentB #CCol{width:770px; float:left;} #pageContentB #RCol{display:none;visibility: hidden;} #pageContentC #LCol{display:none;visibility: hidden;} #pageContentC #CCol{width:800px; float:left;} #pageContentC #RCol{width:180px; float:left;} #pageContentD #LCol{width:200px; float:left;} #pageContentD #CCol{width:600px; >width:580px; float:left;} #pageContentD #RCol{width:180px; float:left;} #pageContentD #LCol{background: #CCC;} /* Right Col Styles */ #RCol a img{margin:2px 9px 6px; border:1px solid #666;border-top:1px solid #999;border-right:1px solid #999;} #RCol img{padding:0; margin:0;} /* Font Configurations : Standard */ #CCol p{color: #222; padding:1px 2px 4px; margin:8px 4px; width:98%} #CCol a{color: blue;} #CCol a:hover{color:#900;} /* Header Defaults */ #CCol h1, #CCol h2, #CCol h3{font:2em Arial, Helvetica, sans-serif;padding:6px 0; font-weight:bold; line-height:1em; margin:0;} #CCol h2{font-size:1.7em;} #CCol h3{font-size:1.4em;} #CCol h1.ul, #CCol h2.ul, #CCol h3.ul{border-bottom:2px solid #dcc; padding-bottom:2px; margin:2px auto 2px;;} /* List Defaults */ #CCol ul{margin:5px 4px 10px; padding:5px; width: 80%; padding:0 0 0 20px;} #CCol ul.noBorder{background:none; border:none; padding:0; margin:0 10px;} #CCol ul li{margin-bottom:1px;} #CCol ul li ul{width:90%; border:none; margin:0 auto;} #CCol ul li ol{width:90%; border:none; margin:0 auto;} #CCol ol{margin:10px auto; padding:5px; width: 80%; border:1px solid #BBB; background-color:#EEE} #CCol ol li{margin-bottom:3px;} #CCol ol li ol{width:90%; border:none; margin:0 auto;} #CCol ol li ul{width:90%; border:none; margin:0 auto;} /* Use to clear floats */ br.end{clear:both; font-size:0px; line-height:0;} /* OLBanking Styles */ #M_OLBanking{width:200px; height:250px; background:#FFF url(../images/M1st_OLSignIn_BG.gif) no-repeat; float:left;} #M_OLBanking a#logo{background:url(../images/OnlineSignIn_Mod_r2_c1_f1.gif) no-repeat; width:200px; height:86px; margin-top:22px; border:none; position:absolute;} #M_OLBanking a:hover#logo{background-image:url(../images/OnlineSignIn_Mod_r2_c1_f2.gif);} #M_OLBanking ul{margin:110px 0 0; list-style:none; padding:0 25px;} #M_OLBanking ul li{font-size:11px; padding-bottom:3px;} #M_OLBanking ul li a:hover{color:#900;} /* Right Col */ #RCol{background-color:#CCC;} #RCol .Header{background:#CCC url(../images/M1stRightCol.gif) no-repeat; width:180px; height:20px; font-size:11px;} .autoPad{padding:0 5px;} #RCol a {width:170px;margin:0 auto;} /* prebuilt buttons */ a.pageTop{width:99%; height:10px;display:block; background:url(../images/pageTop_arrow3.gif) no-repeat top right;} a.pageTop hr{color:#edd; height:1px;top:4px;>top:-2px; width:90%;left:-15px; position:relative; border:none;height:1px; background-color:#edd} input.button{background-color:#CC0000; border:1px solid #900; border-left-width:2px; border-bottom:2px solid #400; border-right:2px solid #400; font:12px Arial, Helvetica, sans-serif; padding:1px 10px 1px 13px; background: url(../images/gen_buttonBG.gif) repeat-x; color:#FFF;} input.button:hover{border-top:2px solid #900; border-bottom:1px solid #400; background-position: 0 -24px} /* Temporary Values (for testing remove from live */ #pageHeader{} #pageContentA, #pageContentB, #pageContentC #pageContentD{background-color:#FFF} #pageFooter{background-color:#900; position:relative} .contentPadding{margin:0 10px; float:left;} /* Leaving Members 1st */ span.leavingMsgR, span.leavingMsgL{background-image: url(../images/leavingMessage.gif); width:245px; height:79px; position:absolute;top:-65px; right:40px; visibility:hidden; cursor:pointer;} span.leavingMsgL{left:40px;} /* Leaving Buttons */ div#housing:hover span.leavingMsgR, div#NCUALogo:hover span.leavingMsgL{visibility:visible; cursor:pointer} /* START - Potential Leaving M1st Site Buttons */ #GoR_1:hover span.leavingMsgR, #GoR_2:hover span.leavingMsgR, #GoR_3:hover span.leavingMsgR, #GoR_4:hover span.leavingMsgR, #GoR_5:hover span.leavingMsgR, #GoR_6:hover span.leavingMsgR, #GoR_7:hover span.leavingMsgR, #GoR_8:hover span.leavingMsgR, #GoR_9:hover span.leavingMsgR, #GoR_10:hover span.leavingMsgR, #GoR_11:hover span.leavingMsgR, #GoR_12:hover span.leavingMsgR, #GoR_13:hover span.leavingMsgR, #GoR_14:hover span.leavingMsgR, #GoR_15:hover span.leavingMsgR, #GoL_1:hover span.leavingMsgL, #GoL_2:hover span.leavingMsgL, #GoL_3:hover span.leavingMsgL, #GoL_4:hover span.leavingMsgL, #GoL_5:hover span.leavingMsgL, #GoL_6:hover span.leavingMsgL, #GoL_7:hover span.leavingMsgL, #GoL_8:hover span.leavingMsgL, #GoL_9:hover span.leavingMsgL, #GoL_10:hover span.leavingMsgL, #GoL_11:hover span.leavingMsgL, #GoL_12:hover span.leavingMsgL, #GoL_13:hover span.leavingMsgL, #GoL_14:hover span.leavingMsgL, #GoL_15:hover span.leavingMsgL { visibility:visible; cursor:pointer} #GoR_MP1:hover span.leavingMsgR, #GoR_MP2:hover span.leavingMsgR, #GoR_MP3:hover span.leavingMsgR, #GoR_MP4:hover span.leavingMsgR, #GoR_MP5:hover span.leavingMsgR, #GoL_MP1:hover span.leavingMsgL, #GoL_MP2:hover span.leavingMsgL, #GoL_MP3:hover span.leavingMsgL, #GoL_MP4:hover span.leavingMsgL, #GoL_MP5:hover span.leavingMsgL { visibility:visible; cursor:pointer} /* END - Potential Leaving M1st Site Buttons */ .fg_red{color:#900;} .fg_blue{color:#069;} .app_error{color:#ff0000;} .app_form{border: solid #900 1px; width:500px; padding:10px;} .bgc_black { font: bold 11px Arial, Verdana, Helvetica, sans-serif; color: #ffffff; padding: 2px; background-color: #000000; border-right: solid #aabbcc 1px; border-top: solid #aabbcc 1px; border-bottom: solid #aabbcc 1px; } .bgc_blue { font: bold 8pt Arial, Verdana, Helvetica, sans-serif; color: #ffffff; padding: 2px; border-right: solid #aabbcc 1px; border-bottom: solid #aabbcc 1px; background-color: #006699; border-left: solid #aabbcc 1px; } .brd_blue { font: 8pt Arial, Verdana, Helvetica, sans-serif; color: #000000; padding: 2px; border-left: solid #aabbcc 1px; border-right: solid #aabbcc 1px; border-bottom: solid #aabbcc 1px; background-color: #f8f8f8; } .Ad_blue { font: 9pt Arial, Verdana, Helvetica, sans-serif; padding: 2px; border-left: solid #069 2px; border-right: solid #069 2px; border-bottom: solid #069 2px; border-top: solid #069 2px; background-color: #ddeeee; } .Rate-Title {font-size: 12px; background-attachment: scroll; background-x-position: 0%; background-y-position: 0%; color: #a40000; font-family: Verdana,Arial,Helvetica,sans-serif; text-decoration: none; border-top-width: 1px; border-top-style: solid; border-top-color: #d48540; border-left-width: 1px; border-left-style: solid; border-left-color: #d48540; font-weight: bold; } .Rate-Txt11{font-family: Verdana,Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px;line-height: normal; font-size-adjust: none; font-stretch: normal;} .Rate-Txt12Visa {font-family:Verdana,Arial,Helvetica,sans-serif;font-style:normal; font-variant: none; font-weight: normal; font-size: 12pt;font-stretch:normal} .Rate-Txt18Visa {font-family:Verdana,Arial,Helvetica,sans-serif;font-style:normal; font-variant: none; font-weight: bold; font-size: 18pt;font-stretch:normal} .Rate-Txt11b {font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; text-decoration: none;} .disclaimer, .disclaimerI{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;} /* Disclaimer and Disclaimer Italic */ .disclaimerI{font-style:italic;} .InfoboxBody, .InfoboxHeader {border: solid #900 1px; width:500px; padding:10px; width: 80%;} .InfoboxBody {text-align:left; padding-top:15px;} .InfoboxHeader {background-color:#900; color:White; font-size:16pt; margin-top:20px;} br.cls{clear:both;} /* force clear after floats */ /* Loan Buttons */ #CCol .loanButtons span,#CCol .loanButtons a span{display:none;} #CCol .loanButtons a.loanApply{background:#FFF url(/Images/LayoutImages/CSS_Layout/button_applyNow.gif) no-repeat; display:block; width:72px; height:20px; margin-left:67px;} #CCol .loanButtons a.loanRates{background:#FFF url(/Images/LayoutImages/CSS_Layout/button_rates.gif) no-repeat; display:block; width:47px; height:20px; } #CCol .loanButtons a.loanCalc{background:#FFF url(/Images/LayoutImages/CSS_Layout/button_calculate.gif) no-repeat; display:block; width:117px; height:20px; } #CCol .loanButtons a{float:left; margin-left:2px; cursor:pointer; margin-right:4px;} #CCol .loanButtons a.loanApply:hover{background-image:url(/Images/LayoutImages/CSS_Layout/button_applyNow_f2.gif)} #CCol .loanButtons a.loanRates:hover{background-image: url(/Images/LayoutImages/CSS_Layout/button_rates_f2.gif)} #CCol .loanButtons a.loanCalc:hover{background:#FFF url(/Images/LayoutImages/CSS_Layout/button_calculate_f2.gif)} .fineprint{font-size:9px;} #news{width:578px; margin:10px auto;position:relative;} #news img{border:1px solid #000; margin:10px; margin-bottom:5px; background-color:#FFFFFF} #news .publications{width:138px; height:190px;padding-bottom:5px;border:1px solid #000; position:relative; float:left; background:#FFF url(/Images/LayoutImages/CSS_Layout/photoBG.gif) repeat-x; margin:5px 70px ;cursor:pointer;} #news p{margin:0; padding:0; font-size:10px; text-align:center;} #rightColAds a img{border:none;margin:5px auto;} #rightColAds a {width:148px; margin:0 auto; display:block; text-align:center} /* New Reduced Boxed Button Format */ .singleButton{width:87px; height:66px; display:block; background-image:url(/Images/symbols/singleButton.gif); float:left; padding: 15px 10px 0; text-align:center; font-size:11px; font-weight:bold; color:#000; margin-bottom:2px;} .singleButton:hover{width:87px; height:66px; display:block; background-image:url(/Images/symbols/singleButton2.gif); float:left; padding: 20px 10px 0; text-align:center; font-size:11px; font-weight:bold; cursor:pointer; color:#900; margin-bottom:-3px;} .singleButton br{line-height:.5em;} .singleButton br.large{line-height:1.2em;} .stb{background-image:url(/Images/stb_web.png); width:396px; height:120px;position:absolute; margin-left:182px;} .PollContainer{width:178px;border:1px solid #999;font-family:Verdana, Geneva, sans-serif; background-color:#EEE; margin:0} .PollTopic{background-color:#369; color: #FFF; text-align:center; font-size:12px; padding:1px 2px;} .PollQuestion{text-align:center; padding:2px; font-size:11px;} .PollAnswer{width:140px;float:left; font-size:10px; padding-top:0px; padding-bottom:2px; vertical-align:top;}