/* CSS Document */


a:link,a:visited
{
	text-decoration:none;
	color:#707070;
}
a:hover
{
	text-decoration:underline;
}
body{
	background-color:#333333;
	margin: 0px;
	padding:0px;
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#fater{
background-color:#333333;
height:auto;
width:auto;
margin: 0px auto; 
text-align:center
}
#head{
height:auto;
width:auto;
margin:0px auto;
text-align:center;
}
#middlehead{
 float:left;
 background-color:#191919;
 width:10px;
 height:580px

 }
 .picn{
margin:1px;
width:74px;
height:74px;}

#hpleft{ width:210px; height:207px; float:left; border-left:solid 1px #3e3531;
padding-top:10px;
}
 #hpleft .title{
font-family:"ËÎÌå";
font-size:12px;
color:#999999;
margin-top:2px;float:left;width:105px;margin-left:6px;*margin-left:4px;_margin-left:2px;
}
#hpleft .info{
font-family:"ËÎÌå";
padding-left:5px;
font-size:12px;
color:#64686b;
}
.more{
 padding-left:8px;
}

#hpright ul li{ height:35px; width:165px;
overflow:hidden;
margin-bottom:2px;
margin-bottom:1px\9;
*padding-top:1px;
list-style:none;

}
#hpright{width:174px; height:219px; float:left;border-left:solid 1px #3e3531;

}

.pb{ background-image:url(images/indexImage/hupo_piba.jpg) no-repeat; 
	width:386px;
	height:29px;
}



#hpleft ul li{
list-style:none;
margin-bottom:20px;
*margin-bottom:11px;
width:200px;
overflow:hidden;}
#hpleft ul,#hpright ul{
padding:0px;
*padding-top:1px;
*padding-buttom:1px;
margin:10px 0px 0px 10px;
}
 .leftimg{
 width:72px; height:78px; float:left; margin-left:5px;
 padding-right:5px;
 border:solid #6b6b6b 0px;
 }


#hupo-24 {
	 color:#C0C0C0;
	width:394px;
	height:90px;
	  margin-top:5px\9;
	background-color:#191919;
}
#hupo-24 ul{
margin:0px;
padding:0px;
font-size:12px;
color:#666666;
text-align:left;
font-family:"Arial,ËÎÌå";
}
#hupo-24 ul li{
list-style:none;
width:394px;
height:18px;
padding-left:6px;
line-height:18px;
overflow:hidden;
}
#hupo-24 ul li .title{
width:300px;
float:left;
 border:1px soild yellow;
margin:0px;
}
#hupo-24 ul li .location{
margin-right:16px;
  margin-right:10px\9;
 text-align:right;
}
#righttop{
background:url(images/indexImage/hupo2_03.jpg) no-repeat;
background-color:#6e6e6e;
}
#rightmiddle{
background:url(images/indexImage/hupo21_22.jpg) no-repeat;

background-color:#6e6e6e;
}
#rightbottom{
background:url(images/indexImage/hupo21_28.jpg) no-repeat;
background-color:#767676;
}
#righttop,#rightmiddle,#rightbottom{
border:solid #574741 1px;
 width:170px;width:180px\9;
margin-bottom:10px;
font-size:12px;
}
 .hpright{width:236px;margin:10px auto 0px auto;  text-align:left;}

.listyle{margin:0px;padding:0px;text-align:left; }
.listyle li
{
	overflow:hidden;
	list-style:none;
	margin-left:0px;
	*margin-left:-2px;
	margin-top:-3px;
	 
}
.clear{clear:both;height:1px; overflow:hidden}
.event{
float:left;  width:394px; height:580px;
background:#191919;
}
.sjhead{
background-color:#A89C8C; 
width:394px;height:125px;
}
.sjpic{
width:81px;
height:97px;
margin:2px 2px 2px 2px;
}
.sjpicdiv{
width:84px; height:100px;
		 border:solid 1px #dcd7d1; 
		 
		 float:left; margin:12px 8px 5px 13px;_margin-left:6px;
}
.sjpicdivopen{
      
	list-style:none;
	margin-left:0px;
	  margin-top:5px;
	 *margin-top:0px;
	height:110px;
	height:110px\9;
	
}