#homepage {
	width:920px;
	background:#fff;
	text-align:center;
	height: 425px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#yhpi {	width:884px; height:425px; margin:0 auto;padding-top:6px;text-align:center;background:#fff url(main.gif);clear:both;}
#yhpi_left {width:200px;float:left;background: url(side_bg.jpg) repeat-y;}
#yhpi_main {width:230px;float:left;margin:0;padding:0;margin-left:12px;	background:url(yhpi_main_bg.jpg) no-repeat 0 0; }
#yhpi_right {width:200px;float:right;}
a.hh:link {
	font-weight: bold;
}


#yhpi_sidebarl_topimg{display:none}
#yhpi_sidebarl_bottomimg{display:none}
#siderbar_lry { position:relative; top:0; left:0; display:block; width:200px; height:460px; text-align:left; background:url(side_bg.jpg) repeat-y;}
.leftimg {border:0; width:157px; height:157px; float:left; margin-top:5px; background:#ccc url(indpic_bg2.jpg) no-repeat left top;}
.leftimg img {border:0;}
.leftimg a {display:block; border:1px solid #06c; margin:14px 14px;}
.leftimg a:hover {border:1px solid #000;}
.leftul {display:block; margin:0; padding:5px 0 5px 5px; width:190px; float:left; list-style:none;}
a.a:link {
	color: #FFFFFF;
}
a.a:visited {
	color: #FFFFFF;
}


.leftul li { width:188px;}
.leftul a { display:block; height:21px; line-height:21px; padding-left:6px; border-bottom:1px dashed #ddd; color:#666666;}
.leftul a:hover { color:#06c; background:#f6f6f6; border-bottom:1px solid #93BEFF;}

#yhpi_main h1 { display:block; width:230px; height:24px; float:left; padding-top:12px; font-size:13px; text-align:left; text-indent:25px;}
#mainnew { width:420px; height:228px; float:left; margin:3px 0 3px 20px; display:inline;}
#cssnew { width:420px; height:98px; float:left; margin:0 0 0 20px; display:inline;}
.newlist { width:420px; float:left; text-align:left;list-style-type:none;}
.newlist a { display:block; height:28px; line-height:28px; padding-left:28px;
		background:url(yhpi_tb4.gif) no-repeat 8px 8px;
		border-bottom:1px dashed #BCCBD8; color:#069; }
.newlist a:hover { background:#f6f6f6 url(yhpi_tb4.gif) no-repeat 12px 8px;
		border-bottom:1px solid #BCCBD8; color:#06c;}
#mainpic {width:420px; height:135px; float:left; background:#fff url(indpic_bg.jpg) no-repeat left top; margin:8px 0 5px 20px; display:inline; padding:0;}
#mainpic img {border:0;}
#mainpic a {display:block; width:230px; height:105px; border:1px solid #999; margin:14px 14px;}
#mainpic a:hover {border:1px solid #06c;}

#yhpi_sidebarr_topimg{width:200px; height:15px;background:url(side_bgr1.jpg) no-repeat;overflow:hidden;}
#yhpi_sidebarr_bottomimg{width:200px; height:15px;background:url(side_bgr2.jpg) no-repeat;overflow:hidden;}
#siderbar_ry { position:relative; top:0; left:0; display:block; width:200px; height:200px; text-align:left; background:url(side_bgr.jpg) repeat-y;}
#siderdha { display:block; width:200px;}
#siderdha ul { width:185px; float:right; margin:0; padding:0; clear:both;}
#siderdha li { width:185px; height:23px; line-height:23px; list-style:none; }
#siderdha li a { display:block; width:145px; height:23px; padding-left:40px; color:#06c; background:url(yhpi_tb2.gif) no-repeat 23px 7px; border-bottom:1px solid #fff;}
#siderdha li a:hover { color:#000; background:#f6f6f6 url(yhpi_tb2.gif) no-repeat 26px 7px; border-bottom:1px solid #93BEFF; }
.yhpi_rightbt { display:block; width:168px; float:right; height:30px; margin:0; padding:0; 
		font-size:13px; line-height:30px; padding-left:30px; border-bottom:2px solid #DCEAFC; border-top:1px dashed #ccc; background:#fff; margin-bottom:5px; }
.yhpi_rightfei { clear:both;display:block;width:100px;height:12px;overflow:hidden;}

#indfootcon {width:920px;margin:0 auto;background:#fff}
#indfoot{margin:0;padding:3px 5px 6px 5px;color:#555;}
#links{ width:920px; margin:0; padding:6px 0; background:#fff url(foota.gif) repeat-y 0 0;}
#indlinks {margin:0 auto; width:860px; text-align:left; line-height:16px;}
#indlinks a {padding-right:5px; color:#069; }
#indlinks a:hover { color:#000; }

#indfoot p{margin:0px;padding:2px 16px 0 0 ; font-size:12px;text-align:right;background:#fff;}
#indfootfoot {margin:0 auto;width:920px;height:1px;overflow:hidden;}
#footliubai {margin:0 auto;width:920px;height:2px;overflow:hidden;}




* {margin:0; padding:0;}
body{	font-size:12px;
	margin:0px;
	padding:0px;
	background:#ffffff url(pagebg.gif) center top;
	color:#000;
	font-family:Tahoma, Verdana; }
#container{width:920px;margin:16px auto 0 auto;text-align:center;background:#fff url('main.gif');}

  #container #header{margin:0 auto; background-image:url(images/bj.jpg); width:920px;height:68px; margin-bottom:2px;}
  #container #header #blogname{float:right;width:300px;padding-top:10px;height:30px;font-size:20px;color:#6C87E3;text-align:left;font-family:arial;font-weight:bold;}
  #container #header #blogname #blogTitle{padding-top:5px;font-size:12px;height:20px;color:#69c;margin-left:30px;}

  #menu{background:#666 url(menubg.jpg) no-repeat;padding-left:26px; !important;padding-left:25px;height:30px;text-align:right;/*visibility:hidden;*/}
  #menu #Left{width:0px;float:left;}
  #menu #Right{width:0px;float:right;}  
  #menu ul{list-style:none;margin:-5px 6px 0px 8px!important;margin:-5px 6px 0px 6px;padding:5px 0px 0px 0px;float:left;} 
  #menu ul li{float:left;height:24px;margin-top:5px;}  
a.a:hover {
	color: #FFFF99;
}

   .menuL{}
   .menuR{}  
   .menuDiv{display:none}

#yhptop {width:920px;height:40px;margin:0 auto;text-align:left;background:#fff url(pageban_1.jpg) no-repeat;}
#topmenu {width:858px;float:right;display:block;margin:12px 18px 0 0;}
#topmenu ul{list-style-type: none; margin:0;}
#topmenu li{display:inline;padding:0 0 0 12px;float:right;}
#topmenu li a{color:#06c;text-decoration:none;font-weight:800;}
#topmenu li a:hover{color:#00f;}


#foot p{margin:0px;padding-right:20px; font-size:12px;text-align:right;}


/*link area*/

 a:link,a:visited{text-decoration:none;color:#000000;}
 a:hover{text-decoration:none;color:#06c;}

 #container #foot a:link,#container #foot a:visited{text-decoration:none;color:#6b6b52;}
 #container #foot a:hover{color:#949472;text-decoration:none}
 .menuA:link,.menuA:visited{float:left;height:16px;text-align:center;padding:2px 6px 2px 6px;text-decoration:none;color:#fff;}  
 .menuA:hover{color:#000;background:#fff;} 




/* 
	project: internet sharing template
   	author: luka cvrk (www.solucija.com) 
								*/
   
body { padding: 0; margin: 0; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.6em; background: #fff; color: #454545; }

/* links */
a { color: #003B6E; background: inherit; }
a:hover { color: #9EC068; background: inherit; }	

/* headings */
h1 {
	margin: 0;
	letter-spacing: -1px;
	font-family: "ÐÂËÎÌå";
	font-size: 2.5em;
	font-weight: bold;
}
h2 {
	margin: 0;
	padding: 0;
	font-family: "ÐÂËÎÌå";
	font-size: 1.5em;
	font-weight: bold;
}
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #FFF; }
.title { color: #808080; background: #fff; }

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }
input.search { width: 279px; border: none; background: #fff url(images/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }

/* content holder */
#content { margin: 10px auto; width: 960px; }

/* header */
#header { height: 60px; }
#logo { padding: 5px 0 0 5px; }
#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff; }
#top_info { float: right; width: 570px; margin: 20px 5px 0 0; text-align: right; }

/* horizontal tabbed menu */	
#tabs {
	background: #fff url(images/bigbox.gif) no-repeat top left;
	color: #000;
	height: 64px;
	text-align: center;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 75px;
}
#tabs li { display: inline; height: 45px; }
#tabs li a { float: left; background: #fff url(images/barbg.gif) no-repeat; color: #808080; padding: 7px 0; width: 82px; text-align: center; font-weight: bold; text-decoration: none; }
#tabs li a:hover { background: #fff url(images/barcurrent.gif) no-repeat; color: #000; }	
#tabs li a.current { background: #fff url(images/barcurrent.gif) no-repeat; color: #2C71AE; }	
.key { text-decoration: underline; }

/* search form */
#search { 
	float: left;
	clear: both;
	color: #000;
	background: #fff url(images/searchbg.gif) no-repeat;
	padding: 14px 0 20px 5px;
	width: 500px;
	margin: 5px 0 0 0;
}
	#search p { padding: 0; margin: 0; }


/* grey subheader */
.gboxtop {
	clear: both;
	height: 20px;
	color: #000;
	background-image: url(images/gboxtop.gif);
	background-repeat: no-repeat;
}
.gbox {
	color: #444;
	padding: 1px 13px 21px 21px;
	margin: 0 0 20px 0;
	background-image: url(images/gbox.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.gbox p { padding: 7px 0; margin: 0; }


/* left side */
.left { float: left; width: 650px; margin: 0 0 10px 0; }
	.left_articles {
		margin: 0 20px 15px 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		border-bottom: 1px dotted #ccc;
		color: #000;
		background: #fff;
	}
	
	.calendar { height: 50px; float: left; background: #fff url(images/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080;}
	.calendar p { padding: 0; margin: 0; }
	.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc; }
	.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #dedede; }


/* bottom thirds */
.thirds {
	float: left;
	width: 203px;
	background: #ffffff;
	color: #5d5d5d;
	padding: 0 0px 15px 0px;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 10;
	margin-left: 0;
}
	.smallboxtop { height: 14px; background: #fff url(images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.p{align:center}
	.smallbox p { padding: 0; margin: 0; }

	
/* right side */
#right {
	float: right;
	width: 295px;
	margin: 0 0 10px 0;
}
	.boxtop { height: 19px; background: #fff url(images/boxtop.gif) no-repeat; }
	.box { background: #fff url(images/box.gif) no-repeat bottom left; padding: 0 10px 15px 10px; margin: 0 0 10px 0; }
	.box p { padding: 0; margin: 0;}
	.image { float: left; margin: 0 9px 0px 0; }
	.imagex { float: center; margin: 0 0px 3px 0; }


/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #488EB2 url(images/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(images/hoverbtn.gif) no-repeat; color: #fff; }

/* footer  */
.footer { clear: both; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; }

.nav {
	text-align: left;
	color: 	#7D8085;
	width: 130px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	background-color: #FFFFFF;
}
.nav li { 
	font-weight: bold; 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 0 0px; 
	border-bottom: 1px solid #ccc; 
	height: 25px; background: url(li.png) no-repeat left;
}
.nav li a { color: #546078; text-decoration: none;  padding: 5px 0 0 10px; display: block; height: 25px;}
.nav li a:hover { color: #FFF; text-decoration: none; background: #A90000; display: block; height: 25px;}



.pageWrapper {
	FONT-SIZE: 12px; BACKGROUND: #f6f6f6; WIDTH: 620px;
}
.pgbtn A:link {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; BACKGROUND: url(http://image.mop.com/bbspic/deco/2006/1116/img1116/piczw_001.gif); BORDER-LEFT: #ccc 1px solid; COLOR: #686868; LINE-HEIGHT: 20px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
.pgbtn A:visited {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; BACKGROUND: url(http://image.mop.com/bbspic/deco/2006/1116/img1116/piczw_001.gif); BORDER-LEFT: #ccc 1px solid; COLOR: #686868; LINE-HEIGHT: 20px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
.pgbtn A:active {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; BACKGROUND: url(http://image.mop.com/bbspic/deco/2006/1116/img1116/piczw_002.gif); BORDER-LEFT: #ccc 1px solid; COLOR: #686868; LINE-HEIGHT: 20px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
.pgbtn A:hover {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; BACKGROUND: url(http://image.mop.com/bbspic/deco/2006/1116/img1116/piczw_002.gif); BORDER-LEFT: #ccc 1px solid; COLOR: #686868; LINE-HEIGHT: 20px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
.pagnum A:link {
	MARGIN: 0px 2px; WIDTH: 26px
}
.pagnum A:visited {
	MARGIN: 0px 2px; WIDTH: 26px
}
.pagnum A:active {
	MARGIN: 0px 2px; WIDTH: 26px
}
.pagnum A:hover {
	MARGIN: 0px 2px; WIDTH: 26px
}

.pages {
	MARGIN: 5px 0px 5px 0px; FLOAT: left; WIDTH: 460px; TEXT-ALIGN: center
}
.pagetb {
	MARGIN: 0px auto
}
.pregro {
	WIDTH: 60px; PADDING-TOP: 2px; HEIGHT: 20px
}
.nxtgro {
	WIDTH: 60px; PADDING-TOP: 2px; HEIGHT: 20px
}
.pregro {
	DISPLAY: inline; FLOAT: left; MARGIN: 5px 0px 5px 15px;text-align:center;
}
.nxtgro {
	DISPLAY: inline; FLOAT: right; MARGIN: 5px 15px 5px 0px;text-align:center;
}
.leftPaddin20{padding-left: 40px;}
a.hh:link {
	font-weight: bold;
	padding-left: 500px;
}
a.hh:visited {
	font-weight: bold;
	padding-left: 500px;
}
a.hh:hover {
	font-weight: bold;
	padding-left: 500px;
}
.dian{
	background-image: url(images/hxuxian6.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.sub_menu_2 {
	height: 27px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #AAAAAA;
	text-decoration: none;
}