@charset "utf-8";
/* HOLY BIBLE SOCIETY CSS STYLE */

* {padding:0; margin:0; list-style:none; border:0 none; outline:0 none;}
body {font:12px/15px Arial, Helvetica, sans-serif; color:#000; background:#eaf0f5 url(../images/bg_back.gif) repeat-x top left;}

/* font */
a {color:#000; text-decoration:none;}
a:hover {color:#3f74b8; text-decoration:underline;}

.sblue {color:#3f74c3;}
.blue {color:#1e3870;}
.blue2 {color:#0f1655;}
.org {color:#f3852c;}
.grn {color:#95ac2c;}
.gray {color:#999;}

.flt_left {float:left;}
.flt_right {float:right;}
.mg_b30 {margin-bottom:30px;}
.mg_b20 {margin-bottom:20px;}
.mg_b15 {margin-bottom:15px;}
.mg_b10 {margin-bottom:10px;}
.mg_t15 {margin-top:15px;}
.mg_t20 {margin-top:15px;}
.mg_t10 {margin-top:10px;}
.mg_l15 {margin-left:15px;}
.mg_l20 {margin-left:20px;}
.mg_r20 {margin-right:20px;}
.clear {clear:both;}

/* no's*/
.no-border {border: 0 !important}
.no-margin {margin: 0 !important}
.no-bg {background: none !important}
.no-pad-top {padding-top: 0 !important}
.no-pad-bt {padding-bottom: 0 !important}

/* header */
.hd_wp {width:100%; height:115px; clear:both;}
.hd {width:960px; margin:0 auto; clear:both; position:relative;}
.hd .logo {position:absolute; top:60px; left:14px;}
.hd .top_menu {position:absolute; top:65px; right:18px; line-height:18px; text-align:right;}
.hd .srch {position:absolute; top:65px; right:0; width:117px; height:25px; padding:0 10px; display:block; background:url(../images/bg_srch.gif) no-repeat 0 0; color:#fff; font-weight:bold; font-size:12px; line-height:25px;}
.hd .on {background:url(../images/bg_srch_on.gif) no-repeat 0 0;}
.hd .list {position:absolute; top:90px; right:0; width:135px; float:left; border:#d4d4d4 1px solid; border-bottom:none; z-index:5;}
.hd .list li a {border-bottom:#d4d4d4 1px solid; padding:5px 10px; display:block; text-decoration:none;
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top,  #fff 1%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff 1%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff 1%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff 1%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fff 1%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */}
.hd .list li a:hover {color:#fff;
background: #5dabee; /* Old browsers */
background: -moz-linear-gradient(top,  #5dabee 1%, #438dce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5dabee), color-stop(100%,#438dce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5dabee 1%,#438dce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5dabee 1%,#438dce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5dabee 1%,#438dce 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5dabee 1%,#438dce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dabee', endColorstr='#438dce',GradientType=0 ); /* IE6-9 */}

.nav_wp {width:100%; height:45px; clear:both; margin-bottom:10px; font:15px/45px 'Viga', sans-serif; color:#fff; text-transform:uppercase; letter-spacing:-0.04em; background:url(../images/bg_nav.gif) repeat-x 0 0;}
.nav {width:960px; margin:0 auto; position:relative;}
.nav>li {float:left; background:url(../images/ico_bar.gif) no-repeat center right; text-align:center;}
.nav>li a {height:45px; display:block; color:#fff;}
.nav>li a:hover, .nav .current, .nav .current2 {text-decoration:none; background:url(../images/bg_nav_on.gif) repeat-x 0 0;}
.nav_1 a {width:121px;}
.nav_2 a {width:142px;}
.nav_3 a {width:150px;}
.nav_4 a {width:184px;}
.nav_5 a {width:151px;}
.nav_6 a {width:212px;}

.nav .arr {background:url(../images/ico_arr.png) no-repeat 0 0; width:7px; height:11px; display:inline-block; margin-left:10px;}
.nav .arr2 {background:url(../images/ico_arr2.png) no-repeat 0 0; width:12px; height:8px; display:inline-block; margin-left:5px;}

.snav {position:absolute; top:45px; font:12px/30px Arial, Helvetica, sans-serif; color:#fff; z-index:6;}
.snav li a {width:162px; border-bottom:#de857f 1px solid; padding:0 25px; height:30px; display:block; background:#cf534b; text-align:left;}
.snav a {color:#fff;}
.nav .m1 {left:121px;}
.nav .m2 {left:263px;}
.nav .m3 {left:413px;}

/* main */
#contents_wp {width:1000px; margin:0 auto; clear:both;}
#contents {width:960px; padding:0 20px 25px; background:#fff url(../images/bg_shadow.gif) no-repeat bottom center;}
.m_photo {clear:both; position:relative; z-index:1;}
.m_photo .prev {position:absolute; top:139px; left:0; background:url(../images/ico_arr.gif) no-repeat 0 0; width:36px; height:53px; display:block; cursor:pointer; text-indent:-9999px; opacity:0.7;}
.m_photo .prev:hover {opacity:1;}
.m_photo .next {position:absolute; top:139px; right:0; background:url(../images/ico_arr.gif) no-repeat -36px 0; width:36px; height:53px; display:block; cursor:pointer; text-indent:-9999px; opacity:0.7;}
.m_photo .next:hover {opacity:1;}

.m_con1 {width:633px; float:left;}
.m_con1 .btit {color:#4c6396; font-size:16px; font-weight:bold; padding:10px 15px;
background: #e0e1e0; /* Old browsers */
background:-moz-linear-gradient(top, #fff 0%, #e0e1e0 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e0e1e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff 0%,#e0e1e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff 0%,#e0e1e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff 0%,#e0e1e0 100%); /* IE10+ */
background: linear-gradient(top,  #fff 0%,#e0e1e0 100%); /* W3C */}
.m_con1 .txt {padding:6px 0 0 0; line-height:18px; font-size:14px;}
.m_con1 .more {color:#f3852c; font-weight:bold; font-size:14px;}
.m_con1 .photo {float:right;}

.m_con2 {width:307px; float:left;}
.m_con2 .search {clear:both;}
.m_con2 .manna {width:287px; min-height:140px; height:auto !important; height:140px; padding:10px 10px; background:url(../images/bg_manna.gif) no-repeat 0 0;}
.m_con2 .manna .tit {position:relative; color:#cf534b; font-weight:bold; font-size:18px; font-family:"Rockwell"; padding-bottom:9px;}
.m_con2 .manna .tit .page {position:absolute; bottom:0; right:0; padding:8px 10px 0 0; font-size:12px; font-weight:normal; color:#666; font-family:Arial, Helvetica, sans-serif;}
.m_con2 .manna .txt {padding:12px 10px;}
.m_con2 .manna .red {color:#cf534b;}

.m_bn {width:960px; float:left; clear:both; margin-bottom:25px;}
.m_bn dd {float:left;}

/* sub */
.con_top {clear:both; line-height:0;}
.con_snav {background:#eaf1f6; padding:10px 13px; color:#999999; position:relative;}
.con_snav em {color:#4b6195; font-style:normal;}
.con_snav .tool {position:absolute; top:10px; right:10px;}
.con_snav .tool li {float:left;}
.con_snav .tool .print a {width:16px; height:13px; display:block; background:url(../images/ico_tool.gif) no-repeat 0 0; text-indent:-9999px;}
.con_snav .tool .mail a {width:16px; height:13px; display:block; background:url(../images/ico_tool.gif) no-repeat -16px 0; text-indent:-9999px; margin-left:10px;}

.sidemenu {width:222px; float:left;}
.sidemenu .tit {border-bottom:#eeeeee 1px solid; color:#0f1655; font-weight:bold; text-transform:uppercase; padding:8px 10px; font-size:17px;}
.sidemenu .menu {border-bottom:#eeeeee 1px solid; padding:8px 10px; font-size:14px;}
.sidemenu .menu a:hover {color:#f3852c;}

.con_box1 {width:676px; float:left; margin-left:39px; padding-bottom:40px;}
.con_box1 h2 {color:#f3852c; font-size:24px; padding-top:8px; margin-bottom:20px; font-weight:normal;}
.con_box1 .txt1 {font-size:14px; line-height:18px;}
.con_box1 .txt1 a{font-size:14px; line-height:18px;  color:#498cc1; margin-bottom:5px;}
.con_box1 h3 {color:#666666 font-size:18px; padding-top:8px; margin-bottom:5px; font-weight:normal; line-height:22px; }
.con_box1 .stit {font-weight:bold; padding:15px 0;}
.con_box1 .txt2 {padding:0 0 20px;}
.con_box1 .stit2 {font-weight:bold; padding:20px 0 10px 0; font-size:16px; color:#95ac2c;}
.con_box1 .txt3 {font-size:14px; line-height:18px; padding:20px 0; margin-left:20px; clear:both;}
.con_box1 .txt3 li {background:url(../images/dot_blue.gif) no-repeat 0 7px; padding:0 15px;}
.con_box1 .stit3 {font-weight:bold; font-size:14px; padding:20px 0;}
.con_box1 .stit4 {background:#e1e1e1; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:10px 15px; font-size:14px;}
.con_box1 .stit4 a {text-decoration:underline; color:#3f74c3;}

.con_box1 .lbox {width:260px; min-height:410px; height:auto !important; height:410px; float:left;}
.con_box1 .lbox .ttl {color:#004077; font-size:16px; font-weight:bold; padding:10px 0;}
.con_box1 .lbox .t1 {color:#95ac2c;}
.con_box1 .lbox .txt {line-height:20px; font-size:14px; padding-bottom:15px;}
.con_box1 .lbox .txt a {text-decoration:underline;}
.con_box1 .lbox .txt a:hover {text-decoration:none;}
.con_box1 .lbox .line {border-top:#dedede 1px solid;}

.contactus {width:376px; min-height:410px; height:auto !important; height:410px; float:right; border-left:#dedede 1px solid; padding:0 0 0 20px; color:#666666; font-size:14px; line-height:22px;}
.contactus .t1 {color:#004077; font-size:16px; font-weight:bold; padding:10px 0;}
.contactus .org {color:#f8983b;}
.contactus .t2 {padding-bottom:20px; font-size:14px;}
.contactus .t3 {border-bottom:#b5b5b5 1px solid; border-top:#b5b5b5 1px solid;}
.contactus .td1 {padding:8px 10px 8px 0; text-align:right;}
.contactus .td2 {padding:6px 10px;}
.contactus .td3 {padding:6px 10px; font-weight:bold;}
.contactus .line {border-bottom:#cccccc 1px solid;}
.contactus .input {border:#cccccc 1px solid; padding:4px 10px; font-size:12px;}
.contactus .input2 {border:#cccccc 1px solid; padding:3px 6px; font-size:11px;}
.contactus .select {border:#cccccc 1px solid; font-size:11px;}
.contactus textarea {border:#cccccc 1px solid;}
.contactus .btn {text-align:center; padding:10px 0;}
.contactus .btn_submit {color:#fff; padding:10px 20px; font-size:14px; font-weight:bold; text-transform:uppercase; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border:0 none;
background: #4a6194; /* Old browsers */
background: -moz-linear-gradient(top,  #4a6194 0%, #1e3870 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a6194), color-stop(100%,#1e3870)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4a6194 0%,#1e3870 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4a6194 0%,#1e3870 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4a6194 0%,#1e3870 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4a6194 0%,#1e3870 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a6194', endColorstr='#1e3870',GradientType=0 ); /* IE6-9 */}
.contactus .btn_submit:hover {color:#000;
background: #fcc906; /* Old browsers */
background: -moz-linear-gradient(top,  #fcc906 0%, #f2c017 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcc906), color-stop(100%,#f2c017)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcc906 0%,#f2c017 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcc906 0%,#f2c017 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcc906 0%,#f2c017 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcc906 0%,#f2c017 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc906', endColorstr='#f2c017',GradientType=0 ); /* IE6-9 */}
.contactus .btn_cancle {color:#203a72; padding:10px 20px; font-size:14px; font-weight:bold; text-transform:uppercase; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border:0 none;
background: #bababa; /* Old browsers */
background: -moz-linear-gradient(top,  #bababa 0%, #a6a6a6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#a6a6a6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bababa 0%,#a6a6a6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bababa 0%,#a6a6a6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bababa 0%,#a6a6a6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bababa 0%,#a6a6a6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#a6a6a6',GradientType=0 ); /* IE6-9 */}

.contactus2 {clear:both; color:#666666; font-size:14px; line-height:22px;}
.contactus2 .t1 {color:#004077; font-size:16px; font-weight:bold; padding:10px 0;}
.contactus2 .org {color:#f8983b;}
.contactus2 .t2 {padding-bottom:20px; font-size:14px;}
.contactus2 .t3 {border-bottom:#b5b5b5 1px solid; border-top:#b5b5b5 1px solid;}
.contactus2 .td1 {padding:8px 10px 8px 0; text-align:right;}
.contactus2 .td2 {padding:6px 10px;}
.contactus2 .td3 {padding:6px 10px; font-weight:bold;}
.contactus2 .line {border-bottom:#cccccc 1px solid;}
.contactus2 .input {border:#cccccc 1px solid; padding:4px 10px; font-size:12px;}
.contactus2 .input2 {border:#cccccc 1px solid; padding:3px 6px; font-size:11px;}
.contactus2 .select {border:#cccccc 1px solid; font-size:11px;}
.contactus2 textarea {border:#cccccc 1px solid;}
.contactus2 .btn {text-align:center; padding:10px 0;}
.contactus2 .btn_submit {color:#fff; padding:10px 20px; font-size:14px; font-weight:bold; text-transform:uppercase; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
background: #4a6194; /* Old browsers */
background: -moz-linear-gradient(top,  #4a6194 0%, #1e3870 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a6194), color-stop(100%,#1e3870)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4a6194 0%,#1e3870 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4a6194 0%,#1e3870 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4a6194 0%,#1e3870 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4a6194 0%,#1e3870 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a6194', endColorstr='#1e3870',GradientType=0 ); /* IE6-9 */}
.contactus2 .btn_submit:hover {color:#000;
background: #fcc906; /* Old browsers */
background: -moz-linear-gradient(top,  #fcc906 0%, #f2c017 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcc906), color-stop(100%,#f2c017)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcc906 0%,#f2c017 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcc906 0%,#f2c017 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcc906 0%,#f2c017 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcc906 0%,#f2c017 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc906', endColorstr='#f2c017',GradientType=0 ); /* IE6-9 */}
.contactus2 .btn_cancle {color:#203a72; padding:10px 20px; font-size:14px; font-weight:bold; text-transform:uppercase; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
background: #bababa; /* Old browsers */
background: -moz-linear-gradient(top,  #bababa 0%, #a6a6a6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#a6a6a6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bababa 0%,#a6a6a6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bababa 0%,#a6a6a6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bababa 0%,#a6a6a6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bababa 0%,#a6a6a6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#a6a6a6',GradientType=0 ); /* IE6-9 */}

.news {clear:both; padding:10px 0; font-size:14px; line-height:22px; color:#666666;}
.news .t1 {font-weight:bold; }
.news .t1 a{font-weight:bold; color:#498cc1;}
.news .t2 {color:#868686; padding:5px 0;}
.news .t3 {padding-bottom:20px;}

.down_nav {float:left; width:960px; background:#357baf url(/images/sermon_menu_bg.gif) repeat-x top; height:27px; padding:3px 0 0 0; overflow:hidden;}
.down_nav ul li {float:left; text-align:center; font-size:10pt; font-weight:bold; height:22px; padding:5px 20px 0 20px; margin-left:3px;}
.down_nav ul li a:hover {text-decoration:none;}
.clicked {background:#ffffff; color:#000000; height:27px;}
.clicked a:hover {color:#003399;}
.unclicked a {color:#ffffff; height:27px;}
.unclicked a:hover {color:#78eaff;}

.down_ttl {width:960px; float:left; padding:10px 0; clear:both;}
.down_ttl .tit1 {background:url(../images/ic_pdf_big.gif) no-repeat center left; padding:10px 36px; float:left;}
.down_ttl .tit2 {background:url(../images/ic_mp3.gif) no-repeat center left; padding:10px 36px; float:left;}
.down_ttl p {float:right;}

.down_con {width:270px; min-height:485px; height:auto !important; height:485px; background:#f3f3f3; padding:15px 20px; float:left;}
.down_con li {padding:6px 0 6px 14px; color:#004291; font-size:14px; background:url(../images/dot_blue.gif) no-repeat 0 11px;}
.down_con li a {color:#004291;}

.au_jump {float:left; width:960px; clear:both; padding:10px 0 10px 0;}
.au_jump a {font-weight:bold; font-size:9pt; padding:0 15px 0 35px; background:url(../images/arrow_blue.gif) no-repeat 20px center;}		
.au_jump .grayTxt {color:#b5b5b5;}

.au_con {width:960px; float:left; clear:both; margin-bottom:30px;}
.au_con table {clear:both; padding:3px;}
.audioTle1 {text-align:center; font-size:10pt; font-weight:bold; background-color:#d4d4d4; padding:4px 0;}
.au_con table td {border-bottom:1px solid #d4d4d4;}
.au_con table a {color:#1e5096; padding:2px 3px;}
.au_con table a:hover {text-decoration:none; background:#266ac7; color:#FFFFFF;}
.au_con .bookname {padding:5px 20px; font-size:9pt; font-weight:bold; color:#000;}
.au_con .vers{padding:5px 0;}

/* footer */
#footer {width:960px; height:80px; position:relative; border-top:#e0e0df 1px solid; clear:both;}
#footer .copy {position:absolute; top:18px; left:10px;}
#footer .menu {position:absolute; top:40px; left:10px;}
#footer .slogo {position:absolute; top:20px; right:10px;}