@charset utf-8;
/* CSS Document */
*{list-style:none; margin: 0; padding: 0;}
body {background: url(../images/bg.jpg) repeat-x #a0ce68; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.clear { clear: both; }

h1 { font-size: 14px; margin: 0; padding: 0; color: #FFF; }

#container { width: 960px; margin: 0 auto; }

#l-col { float: left; width: 340px; }
#l-col #logo { height: 70px; width: 330px; background: url(../images/logo.jpg) no-repeat; }
#l-col #logo a { height: 60px; width: 330px; display: block; }
#l-col #bulaga { width:340px; height:450px; position:relative;}
#l-col #bulaga p {position:absolute; bottom:0px;}
#l-col #bulaga p img{width:340px;}
#l-col #search { background: url(../images/bg-search2.jpg); height: 172px; border-top: 4px white solid; border-bottom: 4px white solid; width: 340px; }

#r-col { float: right; width: 620px; }
#r-col #top-links { height: 30px; padding-right: 20px; background: url(../images/bg-top.jpg); }
#r-col #top-links ul { margin: 0; padding: 5px 0 0 0; text-align: right; }
#r-col #top-links ul li { list-style: none; display: inline; color: #FFF; font-size: 11px; font-weight: bold; margin: 0 2px; }
#r-col #top-links a { color: #FFF; text-decoration: none; }
#r-col #top-links a:hover { text-decoration: underline; }

#r-col #content { background: url(../images/bg-r.jpg) no-repeat #FFF; min-height: 670px; }

#quicklinks { background: url(../images/bg-r-btm.jpg) right top no-repeat; width: 960px;padding:80px 0 0 0;}
#quicklinks .l { float: left; }
#quicklinks .col { float: left; margin-left: 60px; }
#quicklinks .col ul { margin: 0; padding: 0; }
#quicklinks .col ul li { list-style: none; font-size: 11px; padding:8px 0 0 2px; }
#quicklinks .col a { text-decoration: none; color: #265D01; }
#quicklinks .col a:hover { text-decoration: underline; }
#quicklinks .r { float: right; width: 220px; padding:0 0 30px 0; }
#quicklinks .btn02 a { width: 240px; height: 60px; background: url(../images/a_blog.gif); display: block; margin: 30px 0 0 160px; float: left; }
#quicklinks .btn02 a:hover {background: url(../images/a_blog_hover.gif); }
#quicklinks .btn03{ width: 240px; height: 60px; background: url(../images/btn3.gif)no-repeat; display: block; margin: 30px 0 0 60px; float: left; }
#footer { height:60px; background: #68a53b;}
#footer p { text-align: center; padding: 20px 0; margin: 0; color: #a0ce68; font-size:11px;}

/*continuation*/
.learn1 a{color:#f2650f;font-weight:bold;text-decoration:none;padding:0 0 0 5px;}
.learn1 a:hover{color:#f2650f;font-weight:bold;text-decoration:underline;padding:0 0 0 5px;}
.learn2 a{color:#f7941d;font-weight:bold;text-decoration:none;padding:0 0 0 5px;}
.learn2 a:hover{color:#f7941d;font-weight:bold;text-decoration:underline;padding:0 0 0 5px;}
.learn3 a{color:#fdc274;font-weight:bold;text-decoration:none;padding:0 0 0 5px;}
.learn3 a:hover{color:#fdc274;font-weight:bold;text-decoration:underline;padding:0 0 0 5px;}
.box_bg{ background:url(../images/bg_cont.gif) no-repeat;width:176px;height:230px;margin:7px 0 0 0;}
span.title a{text-decoration:underline; color:#000;font:11px Arial, Helvetica, sans-serif; text-align:center;}
span.title a:hover{text-decoration:none; color:#000;font:11px Arial, Helvetica, sans-serif; text-align:center;}
span.bold{font-weight:bold;text-align:center;}
/*.add{background:url(../images/add_btn_hover.gif) no-repeat center;width:104px;height:20px;display:block;border:none;}
.add:hover{background: url(../images/add_btn.gif) no-repeat center;width:104px;height:20px;display:block;}*/
.best{background: url(../images/best_btn.gif) no-repeat center;width:104px;height:15px;display:block;}
.new{background: url(../images/new_btn.gif) no-repeat center;width:104px;height:15px;display:block;}
#content div{float:left;}
#box1{width:176px;margin:0 17px 0 14px;}
#box1_head{padding:31px 0 0 0;}
#box1_head a{height:26px;background:#f2650f url(../images/box1_head.gif) no-repeat;display:block; background-position:center;}
#box1_head a:hover{height:26px;background:#f2650f url(../images/box1_head_hover.gif) no-repeat;display:block;background-position:center;}
#box1 p{padding:0 0 10px 5px;width:166px}
#par_kid{background:url(../images/par_kid.jpg) no-repeat;width:176px;height:106px;background-position:center;padding:10px 0 0 0;}
#box2{width:176px;margin:0 17px 0 14px;}
#box2_head{padding:31px 0 0 0;}
#box2_head a{height:26px;background:#f7941d url(../images/box2_head.gif) no-repeat;display:block; background-position:center;}
#box2_head a:hover{height:26px;background:#f7941d url(../images/box2_head_hover.gif) no-repeat;display:block;background-position:center;}
#box2 p{padding:0 0 10px 5px;width:166px}
#tea_lib{background:url(../images/tea_lib.jpg) no-repeat;width:176px;height:106px;background-position:center;padding:10px 0 0 0;}
#box3{width:176px;margin:0 0 0 14px;}
#box3_head{padding:31px 0 0 0;}
#box3_head a{height:26px;background:#fdc274 url(../images/box3_head.gif) no-repeat;display:block; background-position:center;}
#box3_head a:hover{height:26px;background:#fdc274 url(../images/box3_head_hover.gif) no-repeat;display:block;background-position:center;}
#box3 p{padding:0 0 10px 5px;width:166px}
#lit{background:url(../images/lit.jpg) no-repeat;width:176px;height:106px;background-position:center;padding:10px 0 0 0;}

#featured{width:565px;padding:0 auto;margin:0 auto;}
#featured div{width:104px;}
#feat_head{ background:url(../images/feat_head.gif) no-repeat center;width:620px;height:60px;margin:0 0 25px 0}
#featured div ul li{margin:10px 0 0 0;text-align:center;}
#feat1{margin:0 0 0 25px;}
#feat2{margin:0 0 0 35px;}
#feat3{margin:0 0 0 35px;}
#feat4{margin:0 0 0 35px;}
.feat-img{width:104px; display:block;}
.feat-img img{width:104px;}
#b1 a{background:url(../images/book1.gif) no-repeat;width:104px;height:133px;display:block;}
#b2 a{background:url(../images/book2.gif) no-repeat;width:104px;height:133px;display:block;}
#b3 a{background:url(../images/book3.gif) no-repeat;width:104px;height:133px;display:block;}
#b4 a{background:url(../images/book4.gif) no-repeat;width:104px;height:133px;display:block;}

/*edited*/
#search li{float:left;}
#srch_box{margin:114px 0 0 30px;}
#srch_btn button.button{background: url(../images/sch_go1.gif) no-repeat; width:42px;height:22px;display:block;margin:112px 0 0 10px;}
#srch_btn button.button:hover{background: url(../images/sch_go.gif) no-repeat; width:42px;height:22px;display:block;margin:112px 0 0 10px;}
#s_btn{margin:10px 0 0 109px;}
#s_btn li{float:left;margin:0 5px 0 0;}
#fb a:hover{background:url(../images/fb_btn.gif) no-repeat; width:36px;height:37px;display:block;}
#twit a:hover{background:url(../images/twit_btn.gif) no-repeat; width:36px;height:37px;display:block;}
#mul a:hover{background:url(../images/mul_btn.gif) no-repeat; width:36px;height:37px;display:block;}
#fb a{background:url(../images/fb_btn_hover.gif) no-repeat; width:36px;height:37px;display:block;}
#twit a{background:url(../images/twit_btn_hover.gif) no-repeat; width:36px;height:37px;display:block;}
#mul a{background:url(../images/mul_btn_hover.gif) no-repeat; width:36px;height:37px;display:block;}

div#featured div.std{width:100%;}
ul.box_bg li img{height:106px; width:166px; margin:5px;}
ul.box_bg li p{padding:0 0 10px 5px; width:166px;}