/* CSS Document */ * { margin: 0; padding: 0; } img { border: none; } body { background: #CCC; text-align: center; font-family: Arial; font-size: 12px; color: #000; font-weight:100;} #page { width: 1000px; margin: 0 auto; } #page .header { width: 1000px; height: 100px; float: left; display: inline; background: url(images/header_line.jpg) repeat-y; } #page .logo_container { width: 270px; height: 73px; margin-left:10px; float: left; display: inline; } #page .logo { width: 270px; height: 73px; float: left; margin-top:20px; display: inline;background: url(images/logo.jpg); } #page .box { float:left; margin-left:2px; display: inline; } #page .box2 { float:left; margin-left:2px; margin-top:20px; display: inline; } #page .main { width: 1000px; float: left; display: inline; background-color:#fff; } .main .menu_box {width: 600px; height: 15px; float: right; display:inline; } .menu12 {width: 600px; height: 15px; float: right; display:inline; } .menu ul { width: 100%; float: left; display: inline; height: 35px;} .menu ul li { padding-left:20px; padding-right:2px; margin-top:8px; float: left; display: inline; font-weight:bold; } .menu ul li a { color: #fff; text-decoration: none ; } .menu ul li a:hover { color: #FFFF; text-decoration:underline; } /*.main .search_box {width: 250px; height: 25px; float:right; margin-top:20px; margin-right:20px; display:inline;} */#page .box_container { width:230px; height: 25px; float: left; display: inline; } .menu2 {width: 1000px; height: 45px; float: left; display:inline; background: url(images/menu2_line.jpg) repeat-y; } #false_button a { width: 5px; height: 36px; display: block; margin-top:9px; background: url(images/false_button.jpg) bottom; text-indent: -3000px; float: left; } #deposit a { width: 150px; height: 36px; display: block; margin-top:9px; margin-left:7px; background: url(images/deposit.jpg) top; text-indent: -3000px; float: left; } #deposit a:hover { width: 150px; height: 36px; display: block; margin-top:9px; margin-left:7px; background: url(images/deposit.jpg) bottom; text-indent: -3000px; float: left; } #account a { width: 150px; height: 36px; display: block; margin-left:7px; margin-top:9px; background: url(images/account.jpg) top; text-indent: -3000px; float: left; } #account a:hover { width: 150px; height: 36px; display: block;margin-left:7px;margin-top:9px; background: url(images/account.jpg) bottom; text-indent: -3000px; float: left; } #loans a { width: 150px; height: 36px; display: block; margin-left:7px; margin-top:9px; background: url(images/loans.jpg) top; text-indent: -3000px; float: left; } #loans a:hover { width: 150px; height: 36px; display: block;margin-left:7px;margin-top:9px; background: url(images/loans.jpg) bottom; text-indent: -3000px; float: left; } #o_services a { width: 150px; height: 36px; display: block; margin-left:7px; margin-top:9px; background: url(images/o_services.jpg) top; text-indent: -3000px; float: left; } #o_services a:hover { width: 150px; height: 36px; display: block;margin-left:7px;margin-top:9px; background: url(images/o_services.jpg) bottom; text-indent: -3000px; float: left; } #i_rates a { width: 150px; height: 36px; display: block; margin-left:7px; margin-top:9px; background: url(images/i_rates.jpg) top; text-indent: -3000px; float: left; } #i_rates a:hover { width: 150px; height: 36px; display: block;margin-left:7px;margin-top:9px; background: url(images/i_rates.jpg) bottom; text-indent: -3000px; float: left; } .main .left {width: 650px; margin-top:0px; margin-bottom:10px; float: left; display: inline; } #page .flash { width:610px; height:400px; margin-top:20px; margin-left:20px; float: left; display: inline; } #page .back_photo { width: 613px; height: 378px; float: left; margin-left:20px; margin-top:20px; display: inline; background: url(images/back_photo.jpg); } #page .blue_line { width: 613px; height: 378px; float: left; margin-left:20px; margin-top:20px; display: inline; background: url(images/blue_line .jpg) repeat-y; } #page .blue_line2 { width: 650px; float: left; display: inline; background: url(images/blue_line2.jpg) repeat-y; } #page .strip { width:580px; height: 28px; float: left; margin-top:10px; display: inline; background: url(images/strip11.gif) repeat-y; border-bottom:1px solid #999999; color:green; font-family:Arial, Helvetica, sans-serif; font-size:18px;} #page .strip1 { width:590px; height: 28px; float: left; margin-top:10px; display: inline; background: url(images/strip11.gif) repeat-y; border-bottom:1px solid #999999; color:green; color:green; font-family:Arial, Helvetica, sans-serif; font-size:18px;} #page .message_top { width:610px; height: 39px; float: left; margin-left:20px; margin-top:20px; display: inline; background: url(images/message_top.jpg) no-repeat; } #page .message_top2 { width:960px; height: 39px; float: left; margin-left:20px; margin-top:20px; display: inline; background: url(images/top2.jpg) no-repeat; } #page .about_top { width:610px; height: 39px; float: left; margin-left:20px; margin-top:20px; display: inline; background: url(images/about_top.jpg) no-repeat; } #page .deposite_top { width:610px; height: 39px; float: left; margin-left:20px; margin-top:20px; display: inline; background: url(images/deposit_top.jpg) no-repeat; } #page .loansc_top { width:610px; height: 39px; float: left; margin-left:20px; margin-top:20px; display: inline; background: url(images/loan_top.jpg) no-repeat; } #page .servicec_top { width:610px; height: 39px; float: left; margin-left:20px; margin-top:20px; display: inline; background: url(images/service_top.jpg) no-repeat; } #page .intonloan_top { width:610px; height: 39px; float: left; margin-left:20px; margin-top:20px; display: inline; background: url(images/interest2_top.jpg) no-repeat; } #page .intondepo_top { width:610px; height: 39px; float: left; margin-left:20px; margin-top:20px; display: inline; background: url(images/interest_top.jpg) no-repeat; } #page .message_box { width:610px; height: 400px; float: left; margin-left:20px; display: inline; background: url(images/blue_line2.jpg) repeat-y; } #page .message_bottom { width:720px; height:24px; float: left; margin-left:5px; display: inline; background:url(images/message_bottom.png); } #page .message_box1 { width:610px; float: left; margin-left:20px; display: inline; background: url(images/blue_line2.jpg) repeat-y; } #page .message_box2 { width:1000px; float: left; margin-left:20px; display: inline; background: url(images/line2.jpg) repeat-y; } .message_box1 ul {text-decoration:none;} .message_box1 ul li { text-decoration:none; } /*#page .photo_container { width:110px; float:left; margin-left:15px; margin-top:5px; display: inline; } #page .message_container { width:580px; height:100px; float:left; margin-left:15px; display: inline; } */ #page .photo_container { width:120px; float:left; display: inline; } #page .message_container { width:560px; float:left; margin-top:10px; margin-left:00px; display: inline; } #page .photo_container2 { width:115px; float:right; margin-left:10px; display: inline; } #page .message_container2 { width:580px; float:right; margin-top:10px; margin-left:00px; display: inline; } #page .photo_container1 { width:120px; float:left; display: inline; } #page .message_container1 { width:580px; float:left; margin-top:00px; margin-left:15px; display: inline; } #page .news_head { width:335px; height: 29px; float: left; margin-top:20px; display: inline; background: url(images/news_head.jpg); } #page .news_box { width:335px; float: left; display: inline; background-color: #f0f0f0; } #page .news_container { font-family: Arial, Helvetica, sans-serif; width:325px; float: left; display: inline; margin-left:10px; color:#0000FF;} #page .box_bottom { width:200px; height: 14px;margin-left:25px; float: left; display: inline; background: url(images/box_bottom.png); } #page .message_bottom { width:610px; height: 13px; float: left; margin-left:20px; display: inline; background: url(images/message_bottom.jpg) no-repeat; } #page .message_bottom2 { width:960px; height: 20px; float: left; margin-left:20px; display: inline; background: url(images/bottom2.jpg) no-repeat; } .main .right {width: 350px; float: left; display: inline; } #page .district { width: 335px; height: 67px; float: left; margin-top:20px; display: inline;background: url(images/district.jpg); } #page .dist_down { width: 335px; height: 225px; float: left; display: inline;background: url(images/dist_down.jpg); } #page .login_head { width: 335px; height: 46px; float: left; margin-left:150px; margin-top:100px; display: inline;background: url(images/login_head.jpg); } #page .login_down { width: 335px; height: 114px; float: left;margin-left:150px; display: inline;background: url(images/login_down.jpg); } #page .form_container { width:200px; height: 80px; float: left; margin-left:26px; display: inline; } #page .footer_left { width: 650px; height:100px; float: left; display: inline; background:url(images/footer_line.jpg); } .menu3 {width: 500px; height: 15px; float: left; display:inline; } .menu3 ul { width: 100%; float: left; display: inline; height: 35px;} .menu3 ul li { padding-left:15px; padding-right:2px; margin-top:8px; float: left; display: inline; font-weight:500; } .menu3 ul li a { color: #fff; text-decoration: none ; } .menu3 ul li a:hover { color: #FFFF; text-decoration:underline; } #page .footer_right { width: 350px; height:100px; float: left; display: inline; background:url(images/footer_line.jpg); } #page .footer_logo { width: 348px; height: 55px; float: left; margin-top:20px; display: inline;background: url(images/footer_logo.jpg); } .menu4 {width: 65px; height: 15px; float: right; display:inline; } .menu4 ul { width: 100%; float: left; display: inline; height: 35px;} .menu4 ul li { margin-top:18px; float: left; display: inline; font-weight: bold; } .menu4 ul li a { color: #fff; text-decoration: none ; } .menu4 ul li a:hover { color: #FFFF; text-decoration:underline; } .green {font-size:18px; color:#076815; margin-left:50px; font-family:"Times New Roman", Times, serif;} .blue {font-size:14px; color:#0b327b; margin-top:15px; font-family:Arial; line-height:30px; } .red {font-size:20px; color:#b61121; margin-top:20px; font-weight:bold;} .right .bt-box{width: 250px; float: left; display: inline; background:url(images/button-bt.gif) no-repeat; margin-left:50px; height:55px;} .bt-box .btboxtext{width: 250px; float: left; display: inline; text-align:center; font-weight:bold; color:#fff; font-size:20px; font-family:arial; line-height:40px;} .btboxtext a{color:#fff; text-decoration:none;} .selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/ background: #0066CC; } /* ######### Default class for drop down menus ######### */ .anylinkmenu{ position: absolute; left: 0; top: 0; visibility: hidden; border: 1px solid black; border-bottom-width: 0; font: normal 12px Verdana; line-height: 18px; z-index: 100; /* zIndex should be greater than that of shadow's below */ background: lightyellow; width: 150px; /* default width for menu */ } .anylinkmenu ul{ margin: 0; padding: 0; list-style-type: none; } .anylinkmenu ul li a{ width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid black; padding: 2px 0; text-decoration: none; font-weight: bold; text-indent: 5px; } .anylinkmenu a:hover{ /*hover background color*/ background: black; color: white; } /* ######### Alternate multi-column class for drop down menus ######### */ .anylinkmenucols{ position: absolute; width: 250px; left: 0; top: 0; visibility: hidden; border: 1px solid black; padding: 10px; font: normal 12px Verdana; z-index: 100; /*zIndex should be greater than that of shadow's below*/ background: #E9E9E9; } .anylinkmenucols li{ padding-bottom: 3px; } .anylinkmenucols .column{ float: left; padding: 3px 8px; margin-right: 5px; background: #E0E0E0; } .anylinkmenucols .column ul{ margin: 0; padding: 0; list-style-type: none; } /* ######### class for shadow DIV ######### */ .anylinkshadow{ /*CSS for shadow. Keep this as is */ position: absolute; left: 0; top: 0; z-index: 99; /*zIndex for shadow*/ background: black; visibility: hidden; }