body{background-color:#c0c0c0; margin:0; font:arial; color:#000; font-family:arial; font-size:13px; text-align:center; }
img {border: none; }

#container {width:900px; margin-left:auto; margin-right:auto; overflow:hidden; border:1px solid #000; border-top:none; background-color:#ffffff; }

#top {background:url(/jdd/public/images/top.jpg) no-repeat; width:900px; height:322px; }
	#topt {text-align:center; padding-top:9px; font-size:13px; }
	#toptl {color:#fff; font-weight:bold; font-variant:small-caps; }
	#toptr {color:#000; font-weight:bold; }

#left {float:left; width:220px; margin:10px; overflow:hidden; }

	#left1 {}

	#left2 {width:220px; background-color:#dcdcdc; padding:0; margin:10px 0; }
		.left2x {padding:0 10px; }
		.left2t {background:url(/jdd/public/images/bg-left2top.gif) no-repeat; height:11px; }
		.left2b {background:url(/jdd/public/images/bg-left2bottom.gif) no-repeat; height:11px; }
		
	#left2 h1 {background:url(/jdd/public/images/bg-lefth1.gif) no-repeat; height:45px; color:#fff; margin:0; padding:7px 0 0 0; font-size:16px; font-weight:normal; }
	#left2 h2 {background:url(/jdd/public/images/bg-lefth2.gif) no-repeat; height:19px; color:#fff; margin:0; padding:3px 0 0 0; font-size:13px; }

	.left3 {background-color:#fff; overflow:hidden; clear:both; margin-top:10px; }
		.left3t {background:url(/jdd/public/images/bg-left3top.gif) no-repeat; height:11px; }
		.left3b {background:url(/jdd/public/images/bg-left3bottom.gif) no-repeat; height:11px; }
		
		.left3 ul {background-color:#fff; margin:0; padding:0 10px; list-style:none; }
		.left3 li {margin:0; padding:3px 0 5px 0; }
		.left3 h2 {background:url(/jdd/public/images/bg-lefth2.gif) no-repeat; height:22px; color:#fff; margin:0; padding:3px 0 0 0; font-size:13px; }
		.left3 a {background-color:#fff; color:#000; text-decoration:none; }
	
	#left4 {width:220px; height:337px; background:url(/jdd/public/images/bg-left4.gif) no-repeat; padding:30px; text-align:left; }
	#left4 p {font-weight:bold; margin:0 0 10px 0; }
	
#right {float:right; width:640px; padding:0; text-align:left; overflow:hidden; }

	#postit {float:left; width:400px; height:382px; background:url(/jdd/public/images/bg-postit.gif) no-repeat; }
	#postit img {position:relative; top:60px; left:35px; }
	#postitl {float:right; width:200px; text-align:left; margin: 0 30px 0 0; }
	#postitl h1 {font-size:14px; }
	#postitl p {font-size:11px; }
	
	.title { background:url(/jdd/public/images/bg-title.gif) no-repeat; width:600px; height:37px; clear:both; }
	.titlel { float:left; padding:10px 0 0 40px; }
	.titler { float:right; padding:10px 60px 0 0; }

#youxiu {background:url(/jdd/public/images/bg-yellow.gif) no-repeat 0px 25px; height:203px; width:560px; text-align:right; padding:0 20px; }
	#youxiu  h1 {font-size:13px; margin:20px 0; padding:0px; }

#bottom {clear:both; background:url(/jdd/public/images/bg-bottom.gif) repeat-y; margin:0; padding:1px; font-variant:small-caps; }
	#bottom ul { }
	#bottom li {display:inline; margin:0px 20px; }
	#bottom a {color:#000; text-decoration:none; font-size:14px; font-weight:bold; }

#subbottom {background-color:#f2f2f1; background:url(/jdd/public/images/logo-bottom.gif) no-repeat 150px 20px; color:#999; font-size: 11px; width:auto; padding:35px 0 20px 280px; text-align:left; }

.face {border:2px #fff solid; }
.more {color:#000; text-decoration:none; font-weight:bold; font-style:italic; font-size:12px; background:url(/jdd/public/images/more.gif) no-repeat right; padding:0 15px 0 10px; }

.bggy {clear:both; padding:10px 0 0 0; width:600px; overflow:hidden; }
	.bggyl {float:left; background:url(/jdd/public/images/bg-gyl.gif) no-repeat; width:99px; height:99px; }
	.bggylin {margin: 10px; text-align:center; font-size:13px; }
	.bggyr {float:right; background:url(/jdd/public/images/bg-gyr.gif) no-repeat; width:493px; height:99px; }
	.bggyrin {margin: 10px; font-size:11px; }
	.bggyrin ul {margin:0; }