﻿/* CSS Document */

body{
	padding:0;
	margin:5px 0;
	font-family:Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height:1.8em;
	color:#000;
}

p{
	margin:0;
	padding:0;
}

A:link {
	TEXT-DECORATION: none;	COLOR: #000; 
}
A:visited {
	TEXT-DECORATION: none;	COLOR: #000; 
}
A:hover {
	TEXT-DECORATION: underline; color:#ff0000;
}
A:active {
	TEXT-DECORATION: none
}

.STYLE3 {
	FONT-FAMILY: "宋体"; FONT-SIZE: 13px
}

img{ border:none;}

#connt{
	width:990px;
	height:auto;
	margin:0 auto;
}

#header{
	width:990px;
	margin:0 auto;
	height:220px;
}

	#header .sy{
		width:100%;
		height:30px;
		background:#FFF7EC;
	}
	
		#header .sy .sy_left{
			width:30%;
			float:left;
			margin-left:20px;
			margin-top:5px;
		}
		
		#header .sy .sy_right{
			width:30%;
			float:right;
			margin-right:20px;
			text-align:right;
			margin-top:5px;
		}
		
	#header .logo{
		width:100%;
		height:105px;
		margin-top:5px;
	}	
	
		
		#header .logo .logo_left{
			width:210px;
			height:100%;
			float:left;
		}	
		
		#header .logo .logo_right{
			width:751px;
			height:100%;
			float:right;
		}	
		
		#header .mune{
			margin-top:3px;
			height:50px;
		}		
		
			#header .mune p{
				text-align:center;
			}
			
			#header .mune ul{
				list-style-type:none;
				margin:3px 0;
				padding:0;
				width:730px; 
				float:left; 
			}

			#header .mune A:link {
				TEXT-DECORATION: none;	COLOR:#444343; TEXT-DECORATION: none
			}
			
			#header .mune A:visited {
				TEXT-DECORATION: none;	COLOR:#444343;  TEXT-DECORATION: none
			}

			#header .mune  A:hover {
				TEXT-DECORATION: underline; color:#ff0000;
			}

	
		#header .mune li{
			float:left;
			text-align:center;
			width:90px;
			height:25px;
			margin:3px 0;
			border-right:1px dashed #333;
		}		

#main{
	width:990px;
	height:auto;
	margin-top:10px;
	margin:0 auto;
}

	#toutiao{
		width:100%;
		height:70px;
		
	}
	
		#toutiao .t_left{
			width:67px;
			float:left;
		}
		
		#toutiao .t_mid{
			width:840px;
			float:left;
			margin-left:10px;
		}
		
		#toutiao .t_right{
			width:67px;
			float:right;
		}
		
	#toutiao .t_mid h3{
		FONT-FAMILY: "黑体"; 
		COLOR: #115b8a; 
		FONT-SIZE: 36px; 
		FONT-WEIGHT: bold;
		margin:15px 0 10px 0; padding:0;
		text-align:center;		
	}

	#toutiao .t_mid h3 A:link { color:#0766A6;}

	#toutiao .t_mid h3 A:visited { color:#0766A6;}
	
	#toutiao .t_mid p{
		FONT-FAMILY: "宋体"; COLOR: #2a4e80; FONT-SIZE: 12px; text-align:center;
	}
	
	#toutiao .t_mid p A:link { color:#444343;}

	#toutiao .t_mid p A:visited { color:#444343;}
	
	#lmbb{
		width:100%;
		height:90px;
		margin-top:10px;
	}
	
	#hdp{
		width:100%;
		height:300px;
	}
	
		
	
		#hdp .hdp_left{
			width:600px;
			float:left;
		}
				
		#hdp .hdp_right{
			width:370px;
			float:right;
			margin-left:10px;
		}

			.sz1{  FONT-FAMILY: "宋体"; FONT-SIZE: 15px; FONT-WEIGHT: bold;}
			.sz1 a{ color:#0766A6;}
			.sz2{  FONT-FAMILY: "宋体"; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
			.sz2 a{ color:#000;}


		
		.WMSH2 {
			FONT-FAMILY: "宋体"; COLOR: #2a4e80; FONT-SIZE: 12px
		}
    	 .WMSH3 {
		FONT-FAMILY: "宋体"; COLOR: #125b8a; FONT-SIZE: 16px; FONT-WEIGHT: bold
		}
		.WMSH4 {
			FONT-FAMILY: "宋体"; FONT-SIZE: 12px
		}

		#imgTitle {
	POSITION: relative; TEXT-ALIGN: left; FILTER: ALPHA(opacity=70); OVERFLOW: hidden; LEFT: -5px
}
#imgTitle_up {
	TEXT-ALIGN: left; HEIGHT: 1px; LEFT: 0px
}
#imgTitle_down {
	TEXT-ALIGN: right; LEFT: 0px
}
.imgClass {
	BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid
}
#txtFrom {
	TEXT-ALIGN: center; VERTICAL-ALIGN: middle; PADDING-TOP: 2px
}
.button {
	BORDER-LEFT: #fff 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; FONT: bold 9px sans-serif; BACKGROUND: #7b7b63; TEXT-DECORATION: none; PADDING-TOP: 2px
}
A.button {
	BACKGROUND-COLOR: #000000; FONT-FAMILY: sans-serif; COLOR: #ffffff; TEXT-DECORATION: none
}
A.button:link {
	BACKGROUND-COLOR: #000000; FONT-FAMILY: sans-serif; COLOR: #ffffff; TEXT-DECORATION: none
}
A.button:visited {
	BACKGROUND-COLOR: #000000; FONT-FAMILY: sans-serif; COLOR: #ffffff; TEXT-DECORATION: none
}
A.button:hover {
	FONT-FAMILY: sans-serif; BACKGROUND: #fff; COLOR: #fff; TEXT-DECORATION: none
}
.buttonDiv {
	TEXT-ALIGN: center; WIDTH: 21px; BACKGROUND: #000000; FLOAT: left; HEIGHT: 1px; VERTICAL-ALIGN: middle
}
.trans {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=0,finishOpacity=40); BACKGROUND-COLOR: #000; WIDTH: 90px
}


	#bk_1{
		width:100%;
		height:560px;
		line-height:1.6em;

	}
	
		#bk_1 .bk_1_left{
			width:345px;
			float:left;
		}
		
		#bk_1 .bk_1_mid{
			width:370px;
			float:left;
			margin-left:15px;
		}
		
		#bk_1 .bk_1_right{
			width:245px;
			float:right;
			text-align:center;
		}
		
			#bk_1 .bk_1_right p{
				padding:2px 0;
			}
			
		.div1{
			 border:1px solid #c5966c;
		}
		
		
		.title{
			width:100%;
			background:url(../images/index/bg_all.jpg) no-repeat right;
			height:32px;
		}
			.title p{
				background:url(../images/index/bg_red.jpg);
				height:22px;
				color:#fff;
				padding:5px 0;
				text-align:center;
				font-weight:bold;
				font-size:14px;
				font-family:"黑体";
			}
			
			.title p a{
				color:#fff;
			}
		
			ul{
				list-style-type:none;
				margin:0;
				padding:15px 10px;
			}
			
			li{
					FONT-FAMILY: "宋体"; COLOR: #2a4e80; FONT-SIZE: 14px
			}


	#gg1{
		width:100%;
	}
	
	#bk_2{
		width:100%;
		height:620px;
		line-height:1.6em;
	}
	
	
		#bk_2 .bk_2_left{
			float:left;
			width:345px;
		}
		
		#bk_2 .bk_2_mid{
			float:left;
			width:370px;
			margin-left:15px;
		}
		
		#bk_2 .bk_2_right{
			float:right;
			width:245px;
		}
		
	.wz{
		float:right; margin-top:6px;
	}
	
#footer{
	width:990px;
	height:auto;
	margin-top:10px;
	margin:0 auto;
}

	#footer h3{
		COLOR: #944342; FONT-SIZE: 14px; FONT-WEIGHT: bold
	}

	#footer .yqlj{
		width:100%;
		background:#FFF7EC;
	}
	
.bt{
	line-height:1.8em;
	text-align:center;
	color:#0033CC;
	margin-top:20px;
}

.dh{
	line-height:1.8em;
	margin:10px;
	font-weight:bold;
	font-size:14px;
}

.view{
	padding:10px 30px;
	line-height:1.8em;
	font-size:14px;
	border:1px solid #e5e5e5;
	border-top:none;
}

#view_main .view img {
max-width:920px; width:expression(width>920?"400px":width+"px");max-width: 920px; overflow:hidden;
}

#view_main {
	position:relative;	
	width:990px;
	height:auto;
	margin:0 auto;
	margin-top:10px;
}

#AdLayer {position:absolute;width:20px;display:none;height:59px;top:0px;right:-30px;}










#featureContainer A {POSITION: relative}

#featureContainer A {FONT-SIZE: 14px; COLOR: #000;CURSOR: pointer}
#featureContainer A:link {COLOR: #333; TEXT-DECORATION: none;OUTLINE-STYLE: none}
#featureContainer A:visited {COLOR: #333; TEXT-DECORATION: none;}
#featureContainer A:hover {COLOR: #333; TEXT-DECORATION:underline;}
#featureContainer A:active {COLOR: #333; TEXT-DECORATION: none;OUTLINE-STYLE: none}


#featureContainer A IMG {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none
}
#featureContainer {
	BORDER-BOTTOM: #e6e6e6 2px solid; BORDER-LEFT: #999 0px dotted; MARGIN: 0px auto; WIDTH: 990px; FONT-SIZE: 80%; BORDER-RIGHT: #999 0px dotted; height: 210px; overflow:hidden; margin:0 auto;
}
#wrap {
	OVERFLOW: hidden
}
#load {
	BACKGROUND-IMAGE: url(http://www.javolunteer.org.cn/lmwmw/images/index/loader32x32.gif); BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; MARGIN: 0px auto; WIDTH: 990px; DISPLAY: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; HEIGHT: 100px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted
}
#feature {
	BORDER-BOTTOM: #999 0px dotted; POSITION: relative; BORDER-LEFT: #999 0px dotted;   BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted
}
#feature .button {
	BORDER-BOTTOM: #999 0px dotted; POSITION: absolute; BORDER-LEFT: #999 0px dotted; WIDTH: 910px; BORDER-TOP: #999 0px dotted; TOP: 72px; BORDER-RIGHT: #999 0px dotted; LEFT: 0px
}
#feature .prev {
	BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(http://www.javolunteer.org.cn/lmwmw/images/index/feature_left.gif) center top; FLOAT: left; HEIGHT: 48px; BORDER-TOP: #999 0px dotted; TOP: -125px; BORDER-RIGHT: #999 0px dotted
}
#feature .next {
	BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(http://www.javolunteer.org.cn/lmwmw/images/index/feature_right.gif) center top; FLOAT: right; HEIGHT: 48px; BORDER-TOP: #999 0px dotted; TOP: -125px; BORDER-RIGHT: #999 0px dotted
}
#feature .prev:hover {
	BACKGROUND-POSITION: center bottom
}
#feature .next:hover {
	BACKGROUND-POSITION: center bottom
}
.featureUL {
	BORDER-BOTTOM: #000 0px dotted; POSITION: relative; BORDER-LEFT: #000 0px dotted; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 2800px; PADDING-RIGHT: 0px; FLOAT: left; BORDER-TOP: #000 0px dotted; BORDER-RIGHT: #000 0px dotted; PADDING-TOP: 0px; LEFT: 0px; 
}
.featureBox {
	BACKGROUND: url(http://www.javolunteer.org.cn/lmwmw/images/index/bg-featurebox.jpg) no-repeat bottom ; BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; WIDTH: 224px;  FLOAT: left; HEIGHT: 160px; OVERFLOW: hidden; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted; PADDING-TOP: 10px; 
}
#botton-scroll {
	Z-INDEX: 0; BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; MARGIN: 0px auto; WIDTH: 910px; FLOAT: left; HEIGHT: 170px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted; 
}
#block {
	Z-INDEX: 0; BORDER-BOTTOM: #999 0px dotted; POSITION: relative; BORDER-LEFT: #999 0px dotted;  MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 910px; PADDING-RIGHT: 0px; HEIGHT: 170px; FONT-SIZE: 70%; OVERFLOW: hidden; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted; PADDING-TOP: 0px; 
}
#block .box {
	BORDER-BOTTOM: #d8d8d8 0px solid; BORDER-LEFT: #d8d8d8 0px solid; PADDING-BOTTOM: 10px; MARGIN: 0px 10px; PADDING-LEFT: 10px; WIDTH: 200px; PADDING-RIGHT: 10px; FLOAT: left; HEIGHT: 120px; BORDER-TOP: #d8d8d8 0px solid; BORDER-RIGHT: #d8d8d8 0px solid; PADDING-TOP: 10px;
}
#block .box .feature-title {
	FONT-SIZE: 140%; FONT-WEIGHT: normal
}
#block .box .feature-thumb {
	WIDTH: 200px; MARGIN-BOTTOM: 5px; FLOAT: left; HEIGHT: 120px
}
