/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:gray;
	
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
}

h1 { 
	font:2em georgia,serif; 
	margin:0.5em 0;
	text-transform:uppercase;
}

h2 {
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
}
	h1, h2 {
		color:#316891;
	}
	
	div#members h2{
		color:#316891;
		margin-top:2a0px;
		text-transform:uppercase;
	}
	
p { 
	line-height:1.5em; 
	/*margin:0 0 1em;*/
}

hr
{
	height: 1px; 
	background: #666; 
	border: none; 
	margin: 15px 0 15px
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:750px;
	background:#ffffff;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	/*padding:1em;*/
	background:#316891;
	/*border-bottom:6px double gray;*/
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

div#content {
	padding:1em 1em 5em; /* bottom padding for footer */
}
	/*div#content p {
		text-align:justify;
		padding:0 0em;
	}*/
	
	div#content A:link,
	div#content A:visited
	{
		text-decoration:none;
		color:#316891;
	}
	div#content A:hover
	{
		text-decoration:underline;
		color:#316891;
	}
	div#content h3
	{
		font:1.1em arial,sans-serif;
		/*margin:0 0 0 0.5em;*/
	}

#footer {
	position:absolute;
	width:750px;
	bottom:0; /* stick to bottom */
	background:#ddd;
	border-top:6px double gray;
}
	div#footer p {
		padding:1em;
		margin:0;
		text-align:right;
	}	

#title
{
	border-bottom:3px solid gray;
	padding:1.2em;
	color:white;
}

#tabPanel
{
	background:#454545;
	padding:0px;
	margin:0px;
	width:750px;
	white-space:nowrap;
}

.tabOn,
.tabOff
{
	display:inline;
	float:left;
	margin-bottom:0px;
	padding:5px;
	border-right:2px solid #787878;
}

.tabOn
{
	background-color:white;
}

.tabOff
{
	background-color:#787878;
	color:white;
}

.menu
{
	margin-top:0px;
	padding:5px;
	background:white;
	width:740px;
	border-bottom:3px solid gray;
}

.menu A:link,
.menu A:visited
{
	text-decoration:none;
	color:#316891;
}

.menu A:hover
{
	text-decoration:underline;
	color:#316891;
}

.clear { clear:both; margin:0px; padding:0px; height:0px; }


/*
*
* Members Page
*
*/


.memberbox
{
	border: solid #454545 1px; 
	margin-top: 10px; 
	padding: 5px; 
}

.memberpic
{
	width:115px;
	vertical-align:top;
}

.industrylogo
{
	width:250px;
	vertical-align:top;
}

.memberinfo
{
	text-align:right;
	vertical-align:top;
	padding-top:5px; 
	padding-left:10px;
	width:275px;
}

.memberbio
{
	padding-left: 10px; 
	text-align: justify;
	vertical-align:top;
}

/*
*
* Events Page
*
*/

.sebaseevent
{
/*	color:#ff7f00;*/
	font-weight:bold;
}

.host
{
	background-color:#ff7f00;
	color:white;
	font-weight:normal;
	vertical-align:top;
	font-size:9px;
}


/*
*
* Yanyuan
*
*/

.STYLE1 {
	color: #316891;
	font-weight: bold;
}

#rep_left{
float:left;
width:145px;
 height: 145px;
 margin-left:75px;

}

#rep_right{
float:left;

 height:145px;
  width: 450px;

}

#rep_info{
margin-top:30px;
}

#rep_info li{
margin-top:14px;
font-family: Georgia, "Times New Roman", Times, serif;


}

#rep_main{
height:200px;
padding-top:40px;

}

#rep_enter {
margin-top:100px;
margin-right:115px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}

a.x{
color:#FFFFFF;
	text-decoration:none;
 
}


#rep_pics
{
padding-left:110px;
}
#rep_pics ul{ margin:0;padding:0;list-style:none;padding-bottom:410px; /*padding给图片撑开空间*/}

#rep_pics li{display:inline; }

#rep_pics li a{position:relative;}

/*#rep_pics li a:hover{position:relative;
		border:none;z-index:1000;}*/
/*此处要有border:none属性，否则IE6下面无法显示出来，是IE6伪类的BUG*/

#rep_pics li a img{width:80px;height:80px;border:none;position:absolute;}/*使用绝对定位让图片固定，从而脱离页面流*/

/*#rep_pics li#pic-01 a:hover img{
	position: absolute;
	left:-50px;
	top:-10px;
	width:649px;
	height:430px;
	padding:5px;
	background:#fff;
	border:2px solid #000;
	z-index:1000;
} 注意这里的z-index显示设置，否则会有重叠

#rep_pics li#pic-02 a:hover img{
	position: absolute;
	left:-50px;
	top:-10px;
	width:649px;
	height:430px;
	padding:5px;
	background:#fff;
	border:2px solid #000;
	z-index:1000;
} 注意这里的z-index显示设置，否则会有重叠

#rep_pics li#pic-03 a:hover img{
	position: absolute;
	left:-50px;
	top:-10px;
	width:649px;
	height:430px;
	padding:5px;
	background:#fff;
	border:2px solid #000;
	z-index:1000;
} 注意这里的z-index显示设置，否则会有重叠*/









#rep_pics li#pic-01 a img{top:0px;left:0px;}
#rep_pics li#pic-02 a img{top:125px;left:0px; }
#rep_pics li#pic-03 a img{top:250px;left:0px;}


#rep_explain
{
margin-top:14px;
font-family: Georgia, "Times New Roman", Times, serif;

float:right;
width:220px;
margin-right:250px;
margin-top:38px;
}

#rep_explain_p
{
margin-bottom:75px;
}