@charset "utf-8";

* { margin:0; padding:0;}
body { margin:0; padding:0; background:url(../images/body_bg.jpg) repeat-x center top #7e7e7e; font-family:Arial, Helvetica, sans-serif;}
:focus { outline:none;}
.clr { clear:both;}
.fl { float:left;}
.fr { float:right;}
ul, li { list-style:none;}
a { text-decoration:none;}
a img { border:none;}


#wrap { width:980px; margin:0 auto; overflow:hidden;}

#header { width:980px; height:95px; margin:0; padding:0; float:left;}
#header .logo { margin:3px 0 0 0; padding:0; float:left;}
#header .logo a { margin:0; padding:0;}

#banner { width:980px; height:184px; margin:0; padding:0; float:left; position:relative;}
#banner .img { width:980px; height:184px; margin:0; padding:0;}
#banner .tran_bg { width:980px; height:184px; position:absolute; left:0; top:0;}

#container { width:980px; margin:20px 0 0 0; padding:0; float:left; overflow:hidden;} 
#container .topbg { width:980px; margin:0; padding:0; float:left; background:url(../images/con_topbg.png) no-repeat center top; margin:0; padding:0; height:10px;}
#container .bottombg { width:980px; margin:0; padding:0; float:left; background:url(../images/con_bottombg.png) no-repeat center top; margin:0; padding:0; height:10px;}
#container .middlebg { width:980px; margin:0; padding:10px 0 20px 0; float:left; background:#fff; overflow:hidden;}

#content { width:940px; margin:0; padding:0 20px; float:left; overflow:hidden;}

#sidebar { width:185px; margin:0 17px 0 0; padding:0; float:left; overflow:hidden;}
#sidebar h2 { font-family: 'AgendaLightRegular'; font-size:26px; color:#33CC00; font-weight: normal; margin:0; padding:0; border-bottom:solid 1px #d5d5d5;}
#sidebar ul { margin:0; padding:0;}
#sidebar ul li { display: block; background:url(../images/li_bg.png) no-repeat left 6px; list-style:none; margin:5px 0 0 0; padding:0 0 0 15px; }
#sidebar ul li a { font-family: 'ChaletLondonNineteenEightyRg'; display:block; margin:0; padding:0; font-size:17px; color:#484848; }
#sidebar ul li a:hover { color:#d15104;}
#sidebar ul li a.active { color:#d15104;}


#post { width:720px; margin:0; padding:0 0 0 15px; float:left; overflow:hidden; border-left:dashed 1px #7c7c7c;}
#post h1 { font-family: 'AgendaLightRegular'; font-size:30px; margin:-2px 0 0 0; padding:0 0 2px 0; color:#33CC00; letter-spacing: -1px font-weight:normal; border-bottom:solid 1px #d5d5d5;}
#post h2 { font-family: 'AgendaLightRegular'; font-size:24px; margin:0; padding:10px 0 2px 0; color:#33CC00; letter-spacing: -1px; font-weight:bold; border-bottom:solid 1px #d5d5d5;}
#post p { font-size:13px; margin:0; padding:10px 0 5px 0; color:#2f2f2f; line-height:20px; font-weight:normal;}



#footer { width:100%; height:145px; margin:20px 0 0 0; background:#454545;}
#footer .footer { width:980px; height:145px; margin:0 auto; padding:0;}
#footer ul { margin:20px 110px 15px 125px; padding:0; float:left;}
#footer ul li { display:block; float:left; background:url(../images/sep_1.jpg) no-repeat right 2px; list-style:none; margin:0; padding:0 10px;}
#footer ul li.nobg { background:none;}
#footer ul li a { display:block; float:left; margin:0; padding:0; font-size:14px; color:#fff; font-weight:normal;}
#footer ul li a:hover { color:#cacaca; text-decoration:underline;}
#footer ul li a.active { color:#cacaca; text-decoration:underline;}
#footer p { font-size:14px; color:#fff; font-weight:normal; margin:0; padding:10px 0 0 0; text-align:center; line-height:22px;}
#footer p strong { color:#f8ae6d; font-weight:normal;}