/* CSS Document */

@font-face {
font-family: 'Calibri';
src: url('pro/calibrib.ttf') format('trutype');
}

p {font-family:'Calibri', Arial, Helvetica, sans-serif; font-size:14px; color:#000;}

h1{font-size:22px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; color:#507f00; margin:0 0 20px 0}
h2{font-size:18px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; color:#507f00; margin:0 0 20px 0}
h3{font-size:14px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; color:#507f00; margin:0 0 5px 0}
.readmore{font-weight:bold; color:#09F}
blockquote{line-height:25px; font-size:13px; font-weight:bold; background:#EEE; border-top:1px solid #BBB; border-bottom:1px solid #BBB; margin:5px 0; padding-left:5px}

#clearfix{clear:both}
#thinline { clear:both; margin:5px 0; border-bottom:1px solid #666; }

.thumb{width:80px; height:80px; padding:10px; background:url('../images/bg/thumb_bg.png') center no-repeat}
#header_wrapper{width:900px; margin:auto; background:none;}
#header_wrapper_a{width:900px; margin:auto; margin-bottom:5px}
#user_panel{width:890px; height:30px; margin-bottom:5px; line-height:30px; text-align:right; padding:0 10px 0 0; font-size:12px}
#user_panel_a{width:890px; height:20px; text-align:right; padding:5px 10px 0 0}
#user_panel a{font-weight:bold}
#mid_logo{width:900px; padding:10px 0}

#logo{width:auto; float:left}
#logo h1 {float: left; margin:0;}

#banner_001{width:468px; height:60px; float:right; background:#EEE; border:1px solid #BBB; text-align:right; margin-top:5px;}
#panel_right{width:305px; line-height:25px; float:right; text-align:center; background:url('../images/bg/usr_panel_bg001.gif') right no-repeat}
#panel_right a{font-weight:bold}
.ym:hover{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5}

#mainwrapper{width:900px; background:none; margin:auto}
#leftbar{width:300px; float:left; margin-right:10px}
#sidebar{width:298px; float:right}
#sidebar .add{width:auto; background:#a3c257; padding:10px; padding-top:0}
#top_bar{width:auto; background:#FFF; padding:5px}
#top_bar .block{width:auto; line-height:30px; font-size:12px; font-family:Arial; font-weight:bold; text-indent:10px; letter-spacing:2px; color:#333; text-transform:uppercase; background:#a4c45a url('../images/menu/menu_bg_a-hover.png') repeat-x}
#top_bar .list{width:auto; display:block; line-height:20px; margin:0 10px; font-size:11px; font-family:Arial; font-weight:bold; text-indent:10px; text-transform:uppercase; border-bottom:1px dashed #BBB; background:url('../images/bg/li_dotted.png') left center no-repeat}
#top_bar .list:hover{background:#f1fad4 url('../images/bg/li_dotted.png') left center no-repeat}
#top_bar ul{padding-left:0; font-size:11px; list-style:none; margin-top:10px; margin-bottom:10px}
#top_bar li{margin:0; padding-left:10px; background:url('../images/icon/li_dotted.gif') left center no-repeat}

#advertisement{width:auto; margin-top:10px}
#advertisement .block{width:auto; line-height:30px; font-size:12px; font-family:Arial; font-weight:bold; text-indent:10px; letter-spacing:2px; color:#333; text-transform:uppercase; background:#a4c45a url('../images/menu/menu_bg_a-hover.png') repeat-x}
#advertisement .container{width:auto; background:#EEE; padding:10px}
#advertisement .readmore{font-weight:bold; color:#09F}

#search{width:590px; float:left; margin-top:10px}
.rbroundbox{background:#e1eec8 url(../images/bg/nt.gif) bottom repeat-x}
.rbroundbox h1{font-family:"Arial Black"; font-size:24px; color:#690; font-weight:bold; display:block; margin:0}
.rbroundbox h2{font-family:"Arial Black"; font-size:18px; color:#333; display:block; margin:0}
.rbroundbox a{color:#09F}
.rbtop div{background:url('../images/bg/tl.gif') no-repeat top left}
.rbtop{background:url('../images/bg/tr.gif') no-repeat top right}
.rbbot div{background:url('../images/bg/bl.gif') no-repeat bottom left}
.rbbot{background:url('../images/bg/br.gif') no-repeat bottom right}

.rbtop div, .rbtop, .rbbot div, .rbbot{width:100%; height:7px; font-size:1px}
.rbcontent{margin:0 7px; padding:5px; color:#000}
.rbroundbox{width:100%; margin:0}

#content_wrapper{width:590px; float:left}
#content_wrapper .readmore{font-weight:bold; color:#09F}
#content_01{width:auto; margin-top:10px}
#content_01 .block{width:auto; line-height:30px; margin-bottom:10px; font-size:14px; font-family:Arial; font-weight:bold; text-indent:10px; letter-spacing:2px; color:#507f00; text-transform:uppercase; background:url('../images/bg/block_001.gif') repeat-x; border-top:1px solid #507f00; border-bottom:1px solid #507f00}
#content_01 .block_b{width:auto; line-height:25px; margin-bottom:10px; font-size:12px; font-weight:bold; padding-left:10px; color:#507f00; margin-top:5px; letter-spacing:2px; background:#EEE; border-top:1px solid #b1d88b; border-bottom:1px solid #b1d88b}
.block_bb{width:auto; height:35px; line-height:30px; font-size:14px; font-weight:bold; text-indent:10px; letter-spacing:2px; background:url('../images/menu/menu_bg_a.png') repeat-x; color:#333;}
#events {padding:0 5px; border-bottom:1px solid #bbb; margin:0 5px 5px 5px;}
.cal {background:url('../images/icon/calendar.png') center no-repeat; float:left; margin-right:5px; width:49px; height:43px; padding:17px 5px 0 5px; font-size:14px; font-weight:bold; text-align:center}

#content_01 .left{width:260px; padding:10px; float:left; background:#EEE}

#content_01 .right{width:270px; padding:10px; float:right; background:#EEE; margin-top:10px}
#content_01 .right_block{width:290px; float:right; background:#EEE url('../images/bg/block_001.gif') top repeat-x}
#content_01 .both{width:auto; padding:10px; background:#EEE; border-bottom:1px solid #BBB}
#content_01 .qa-left{width:290px; float:left}

#content_01 .qa-right{width:290px; float:right}
.ask{font-size:12px; margin-top:0}
.clip{float:right; width:150px; padding:5px; background:#F7F7F7; border:1px solid #BBB; border-top:3px solid #BBB}
#cat{width:auto; background:#EEE; border-top:1px solid #b1d88b; border-bottom:1px solid #b1d88b; margin-bottom:10px}

.cats{float:left; width:100px; padding:5px; margin-right:5px; border-right:1px solid #BBB}
.cats-r{float:left; width:440px; padding:5px}
.cats-col{float:left; width:90px; padding:0; padding-right:5px; margin-right:5px}

#content_02{width:auto; background:#EEE url(../images/bg/block_001.gif) top repeat-x; border-top:1px solid #507f00; border-bottom:1px solid #BBB}
#content_02 h1{margin:0; padding-bottom:5px; border-bottom:2px solid #BBB; font-size:18px; font-weight:bold}

#content_01 .content_left{width:190px; float:left; margin-right:10px}
#content_01 .content_right{width:190px; float:right}
#log{border-bottom:1px dotted #BBB; min-height:25px; padding:5px}
#log .activity{width:400px; float:left; padding:0 0 0 10px; background:url(../images/icon/li_dotted.gif) left center no-repeat}
#log .activity_r{width:170px; float:right; padding:0}
#form_001_left{float:left; width:140px; margin:10px 10px 0 0}
#form_001_center{float:left; width:440px; margin:0 10px 0 0}

#list_result{width:auto; border:1px solid #FFF; border-top:1px inset #EFEFEF}
#list_result_highlight{width:auto; border:1px solid #EFEFEF; border-top:1px inset #EFEFEF; background:#fff}

#list_result:hover{width:auto; border:1px solid #b1d88b; cursor:pointer; background:#e5efce}
#list_result:active{width:auto; border:1px solid #b1d88b; cursor:pointer; background:#e5efce}

#list_result .bottom{width:auto; border-bottom:1px solid #b1d88b; cursor:pointer; background:#EEE; padding:5px; text-align:right}
#list_result_l{width:54%; padding:5px; float:left}
#list_result_r{width:40%; padding:5px; float:right}

#list_head_l{width:370px; float:left; margin-top:10px}
#list_head_l h2{font-size:18px; font-family:Arial,Helvetica,sans-serif; color:#000; margin:0; font-weight:normal;}
#list_head_r{width:200px; float:right; padding-left:10px; margin-top:10px}
#shortdesc{width:248px; float:left}
#gallery{width:332px; float:right; z-index:1; }
.userpic{padding:5px; border:1px solid #BBB; margin:10px 2px}
.imgpic{padding:5px; border:1px solid #BBB; margin-right:5px}
#banner_middle{width:auto; margin:auto; padding-top:5px; background:#EEE; text-align:center}
#banner_down{width:900px; margin:auto; padding:5px 0; background:#EEE; margin-top:20px; text-align:center}

#bottom-wrap{width:900px; margin:auto; border-top:5px solid #79A800; font-size:11px; margin-top:20px}
#bottom-pad{width:900px; padding:0 0 20px 0; margin:auto}

#bottom-pad a{font-weight:normal}
#footer-wrap{width:auto; margin:auto; font-size:11px; padding:10px 10px; border-bottom:1px solid #777; color:#444; background:#EEE}
#footertext-wrap{display:block; float:left; width:200px; margin:0 5px; padding:5px; color:#444}

#footertext-wrap a{font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal}

#footertext-wrap a:hover{color:#C30}