@charset "utf-8";
html { padding:0; margin:0 auto; /*background:#e9e9e9 url(../images/main_bg2.jpg) repeat left top;*/}
body { margin:0; padding:0; width:100%; border:0; color:#8a8a8a; font:normal 13px/1.5em "Liberation sans", Arial, Helvetica, sans-serif; /*background:url(../images/header_bg.jpg) repeat-x left top;*/}



* { outline:none;}
.main { margin:0 auto; padding:0; background:#fff url(../images/main_bg2.jpg) no-repeat center top;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h2 { margin:0; padding:12px 16px; font-size:28px; font-weight:normal; color:#fff; text-transform:uppercase;}
p { margin:0; padding:8px 0;}
a { color:#14a7fb; text-decoration:underline;}
img { border:none;}

.header, .contents, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .contents .mainbar, .contents .sidebar { margin:0; padding:0;}

/* header */
.header { background:url(../images/header_bg2.png) repeat-x left 142px;}
.header_resize { margin:0 auto; padding:0; width:960px;}
.logo { padding:0; float:left; width:auto; height:142px;}
h1 { margin:0; padding:42px 0 0 0; font-size:58px; font-weight:bold; line-height:1.2em; color:#2e2e2e;}
h1 a, h1 a:hover { color:#2e2e2e; text-decoration:none;}
h1 span { color:#14a7fb;}
h1 small { display:block; margin:0; font-size:13px; line-height:1.2em; text-transform:none; color:#7d7b7b; font-weight:normal;}
.slider { margin:0; padding:0; background:url(../images/slider_bg.png) no-repeat center 336px;}


.top_logo {margin:0px; padding:0px 0px 0px 10px; float:left; display:block; width:940px; }
.logo {margin:0px; padding:0px 0px 0px 0px; float:left;}
.logo h1 {margin:0px 0px 0px 0px; padding:0px; font-size:26px; font-weight:normal; }
.logo p { margin:0px; padding:0px; color:#7f814e; }
.logo p a {color:#7f814e; font-weight:bold;}
.logo p a:hover {text-decoration:none;}
.right_header {float:right; display: block; width:545px; }
.top_right { margin:0px; padding:55px 0px 0px 0px;}
.top_right h2 {margin:0px; padding:0px 0px 0px 10px; font-size:18px; font-weight: normal ; color:#838908;  border-left:2px #ff7e00 solid;}
.top_right h2 span {color:#ff7e00; font-weight:bold;}

a{color:#E6FF63;}

/* social */
.social { padding:20px 0 0 0; float:right; width:auto;}
.social p { padding:0; float:right; width:auto; color:#fdfdfd; text-align:right; font-size:13px; line-height:1.5em; font-weight:normal;}
.social a { color:#fdfdfd; text-decoration:none;}
.social a:hover { text-decoration:underline;}
.social img { margin:-3px 0 -3px 4px; border:none;}

/* menu */
.menu_nav { margin:0; padding:0 0 18px; float:left; width:auto; height:56px;}
.menu_nav ul { list-style:none; padding:0 0 0 2px; height:56px; float:left; background:url(../images/menu_sep.png) no-repeat left top;}
.menu_nav ul li { margin:0; padding:0 2px 0 0; float:left; background:url(../images/menu_sep.png) no-repeat right top;}
.menu_nav ul li a { display:block; margin:0; padding:0 0 0 16px; font-size:16px; line-height:16px; font-weight:bold; color:#2B8402; text-decoration:none; text-transform:uppercase; text-align:center;}
.menu_nav ul li a span { display:block; padding:18px 20px 18px 0; height:20px;}
.menu_nav ul li.active a, .menu_nav ul li a:hover { background:url(../images/menu_2.png) repeat-x left top;}
.menu_nav ul li.active a span, .menu_nav ul li a:hover span { }

/* contents */
.contents { padding:24px 0 0;}
.contents_resize { margin:0 auto; padding:0 0 24px; width:960px; background:url(../images/contents_bg.jpg) repeat left top}
.contents h2 { }
.contents .mainbar { margin:0 0 44px; padding:0; float:right; width:670px; background:url(../images/mainbar_body.jpg) repeat-y 0 bottom; height:100%;}
.contents .mainbar h2 { background:#F8F8F8;}
.contents .mainbar div.img { float:left;}
.contents .mainbar div.img img { padding:0 0 9px; background:url(../images/img_shadow.png) no-repeat center bottom;}
.contents .mainbar img.fl { }
.contents .mainbar .article { margin:0 0 0px; background:url(../images/mainbar_bottom.jpg) repeat-x 0 bottom; padding:0px 20px 30px 0px;}
.contents .mainbar .article h2 { font-size: 1.4em; color:#8a8a8a;padding:3px 0px 2px 0px;}

.contents .mainbar .article  a { color:#8a8a8a; text-decoration:none;}
.contents .mainbar .article  a:hover { text-decoration: underline;}

#w_line {
	width: 650px;
	background-image: url(../images/nav_line.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 1px;}

#ws_line {
	width: 497px;
	background-image: url(../images/nav_line.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 1px;}

.contents .mainbar .post_contents { float:right; width:500px;}
.contents .mainbar .post_contents strong { color:#8a8a8a; font-weight:bold;}
p.spec { padding:0 0 16px;}
p.infopost { margin:0 0 12px; padding:4px 0;}
p.infopost span.date { }
p.infopost a { padding:0 2px; text-decoration:none; font-weight:normal;}
p.infopost a:hover { text-decoration:underline;}
p.infopost a.com { color:#8a8a8a;}
p.infopost a.com span { color:#8a8a8a; font-weight:bold;}
p.infopost a.com:hover { color:#14a7fb; text-decoration:underline;}
.contents .mainbar a.rm { display:block; float:left; padding:10px 0; width:95px; height:16px; font-size:12px; line-height:16px; font-weight:bold; text-decoration:none; text-transform:uppercase; text-align:center; color:#3d3d3d; background:url(iimages/readmore.png) no-repeat center center;}
.contents .mainbar a.rm:hover { text-decoration:none;}

/* pagination */
.contents p.pages { margin:0; padding:24px 0; font-size:13px; text-align:left;}
.contents p.pages span, .contents p.pages a { display:block; margin:0 2px; padding:9px 0; float:left; width:35px; height:17px; color:#fff; line-height:17px; text-align:center; text-decoration:none;}
.contents p.pages span, .contents p.pages a:hover { color:#fff; font-weight:normal; background:url(../images/page_a.png) no-repeat center center;}
.contents p.pages a { color:#8a8a8a;}
.contents p.pages small { font-size:12px; float:right;}

/* sidebar */
.contents .sidebar { margin:0; padding:0; float:left; width:260px;}
.contents .sidebar .gadget1 { margin:0 0 24px; padding:0;}
.contents .sidebar .menu250 {
	background: #ffffff;
	width: 260px;
	height: 800px;
	margin: 0 auto;
	padding: 0;}

.contents .sidebar h2 { font-size:24px; background:#373737;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; font-size:12px;}
ul.sb_menu li, ul.ex_menu li { margin:0; list-style:none; border:1px solid #ebebeb; border-top:none;}
ul.sb_menu li { padding:10px 16px;}
ul.ex_menu li { padding:10px 16px;}
ul.sb_menu li a { margin-left:-16px; padding:8px 8px 8px 16px; font-size:13px; color:#8a8a8a; text-decoration:none; text-transform:uppercase;}
ul.ex_menu li a { font-weight:normal; font-size:13px; color:#8a8a8a; text-decoration:none; text-transform:uppercase;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#14a7fb; font-weight:bold; text-decoration:none;}

/* subpages */
.contents .mainbar .comment { margin:0; padding:16px 0 0 0;}
.contents .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background:#f5e998; border-top:6px solid #FBF4C4; border-bottom:1px solid #F5E88B;}
.fbg_resize { margin:0 auto; padding:40px 20px 24px; width:920px;}
.fbg h2 { padding:2px 0 16px; font-size:22px; color:#3c3c3c;}
.fbg h2 small { display:block; font-size:13px; font-weight:normal; text-transform:none;}
.fbg img.gal { margin:8px 8px 0 0; padding:3px; border:1px solid #FDF5BF; background:#FBF4C4;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:280px;}
.fbg .c2 { padding:0 36px 0 16px; width:270px;}
.fbg .c3 { padding:0 0 0 16px; width:284px;}
.fbg .fbg_ul { margin:0; padding:0; list-style:none;}
.fbg .fbg_ul li { margin:0; padding:0; list-style:none;}
.fbg .fbg_ul li a { display:block; margin:0; padding:2px 0 2px 12px; color:#3c3c3c; text-decoration:none; background:url(../images/li.gif) no-repeat left center;}
.fbg .fbg_ul li a:hover { color:#AFA45A; text-decoration:none; font-weight:normal; background:url(../images/li_a.gif) no-repeat left center;}
.fbg p.contact_info { line-height:1.8em;}
.fbg p.contact_info a { text-decoration:none; color:#D7FCC7; font-weight:normal;}
.fbg p.contact_info span { display:block; float:left; width:74px; font-weight:bold;}

/* footer */
.footer { background:#f5e998; border-top:1px solid #AFA45A;}
.footer_resize { margin:0 auto; padding:0; width:920px;}
.footer p.lf { margin:0; padding:24px 0; text-align:left; width:auto; line-height:1.5em; color:#3c3c3c; text-decoration:none;}
.footer p.lf a { color:#2B8402; text-decoration:none; font-weight:normal;}
.footer p.lf a:hover { text-decoration:none; color:#2B8402;}
.footer p.lf span { float:right;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:0; padding:5px 2px; height:16px; background-color:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:0; padding:2px; background-color:#fff;}
ol li .send { margin:16px 0 0 0;}

/* search */
.searchform { margin:0; padding:40px 0 0; float:right; width:auto; height:36px;}
#formsearch { margin:0; padding:0; width:auto; height:36px;}
#formsearch span { display:block; margin:0; padding:0; float:left; background:url(../images/usebar.png) no-repeat left top;}
#formsearch input.editbox_search { margin:0; padding:10px 10px; float:left; width:274px; height:16px; font-size:13px; line-height:16px; color:#aeaeae; background:none; border:none;}
#formsearch input.button_search { margin:0; padding:0; border:none; float:left;}


/* flash */
#banner960fla {
	background: #ffffff;
	width: 960px;
	height: 122px;
	margin: 0 auto;
	padding: 0;}


#menu250fla {
	background: #ffffff;
	width: 250px;
	height: 760px;
	margin: 0 auto;
	padding: 0;}
/* menu image */
   <img src="css/images/menu.jpg" width="250" height="700" alt="image" class="fl" />  

/* Back to top link */
#toTop {background: url(css/images/totop.png) no-repeat 8px center;border: 0;color: #333;}




        <div class="article">
          <h2><a href="http://www.ibsbivo.org/" rel="IBBS" title="Thanksgiving worship "><strong>ŸcŒ}?–K–â‰ä˜ì“I–Ôâ‹ </strong></a></h2>
          <p class="infopost">Update: November 25, 2012</p>
          <div class="clr"></div>
          <div class="img"><img src="css/images/img01.jpg" width="120" height="90" alt="image" class="fl" /></div>
          <div class="post_contents">
            <p>Š´ŽÓ?˜Ò“žIBBSC‰ä˜ì^½“IŸcŒ}?I2008”NC‘æˆêŽŸgEêäo‰ÑêhŒ¤“¢˜ðŽžC‰ä?Fg˜a‹–‘½–¼Z‘Š”äC‰ä˜ì\•so‘«˜ül‹PàŠ–³”ä“I¬AC–çŸ“—L’´‹‰‹­‘å“I‹³Žöw—eCX’k•sã—LŒ×š Šé‹Æ“IŽxŽBh”‡±C‰ä˜ì‘å”¼“sŠÒŸ“—L--œ—¹ŽtŽ‘”VŠOB —R‰—‰ä˜ì—LœnŽåŽ§˜Ò“I‹­—ó—”O˜aŠôˆÊ—L•òàÙ¸_“IŠjS“¯HB </p>
          </div>
          <div class="clr"></div>
        </div>


#clr1{border-color:#a2b6d8;}#clr1 a{background-color:#c8d2e7;border-color:#c8d2e7;}
#clr2{border-color:#d49fc9;}#clr2 a{background-color:#fbcaf0;border-color:#fbcaf0;}
#clr3{border-color:#ffbc6d;}#clr3 a{background-color:#ffdaa4;border-color:#ffdaa4;}
#clr4{border-color:#4ec346;}#clr4 a{background-color:#95da75;border-color:#95da75;}
#clr5{border-color:#bdbdbd;}#clr5 a{background-color:#d6d6d6;border-color:#d6d6d6;}
#clr6{border-color:#c4defa;}#clr6 a{background-color:#edf4f8;border-color:#edf4f8;}

#clr1 .on,
#clr1 a:hover{background-color:#6179a0;}#clr2 .on,
#clr2 a:hover{background-color:#ef64c8;}#clr3 .on,
#clr3 a:hover{background-color:#ff882b;}#clr4 .on,
#clr4 a:hover{background-color:#1e880b;}#clr5 .on,
#clr5 a:hover{background-color:#737373;}#clr6 .on,
#clr6 a:hover{background-color:#c8d2e7;}

/* usebar */
.usebar { margin:0; padding:20px 0 0; float:right; width:auto; height:60px;}
#usebar_bg {
	background: url(../images/usebar.png) no-repeat;
	width: 274px;
	height: 60px;
	margin: 0;
	padding: 0;
        text-align: left;}
#usebar_ct{ margin: 0;
	      padding: 30px 0px 0px 30px;}

ul{margin:0;padding:0;}
ul{list-style:none;}
ul{color:#1d3994;text-decoration:none;}
#clr{float:left;margin-top:3px;border-right:1px solid #ccc;}
#clr li{float:left;margin-right:5px;border-style:solid;border-width:1px;line-height:0;}
#clr li a{display:block;*float:left;width:6px;height:6px;border-style:solid;border-width:2px;overflow:hidden;text-indent:-9999px;}
#clr3{border-color:#a2b6d8;}
#clr3 a{background-color:#c8d2e7;border-color:#c8d2e7;}
#clr1{border-color:#B6E199;}
#clr1 a{background-color:#B6E199;border-color:#B6E199;}
#clr2{border-color:#ffbc6d;}
#clr2 a{background-color:#ffdaa4;border-color:#ffdaa4;}
#clr6{border-color:#4ec346;}
#clr6 a{background-color:#95da75;border-color:#95da75;}
#clr4{border-color:#C0A97B;}
#clr4 a{background-color:#D2BD95;border-color:#D2BD95;}
#clr5{border-color:#c4defa;}
#clr5 a{background-color:#edf4f8;border-color:#edf4f8;}
#clr3 .on,#clr3 a:hover{background-color:#6179a0;}
#clr1 .on,#clr1 a:hover{background-color:#7CAF59;}
#clr2 .on,#clr2 a:hover{background-color:#ff882b;}
#clr6 .on,#clr6 a:hover{background-color:#1e880b;}
#clr4 .on,#clr4 a:hover{background-color:#91743B;}
#clr5 .on,#clr5 a:hover{background-color:#c8d2e7;}
#uhdassist .help{float:right;margin-top:0px;}
#uhdassist .help a{padding-left:5px;line-height:1em;}














