@import url(reset.css);
body{
  width:100%;
  margin:0;
  padding:0;
  overflow-x:hidden;
  background:#4d4e52;
}

#header,#content,#footer{
  clear:both;
  text-align:center;
}
#header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  1margin-right:30px;
  z-index:2;
}
#content{
   position:relative;
   margin-top:150px;
   width:100%;
}

#footer{
  height:50px;
  text-align:center;
}
#footer{
  position:relative;
  left:0;
  bottom:0;
  z-index:3;
  width:100%;
  margin:0;
  padding:0;
}

#footerSpace{
  1height:130px;
  1clear:both;
}

#headerPack,#footerPack{
  width:1000px;
  margin:0 auto;
}
#footerPack{
  clear:both;
  width:970px;
  padding-left:30px;
  background:#fff;
  z-index:3;
}

#contentPack{
  width:900px;
  margin:0 auto;
  padding:20px 50px;
  z-index:1;
  text-align:left;
  background:#E4F7A6;
  
}

#logoArea{
  position:relative;
	height:120px;
	width:1000px;
	background:url(../images/header_bg.jpg) no-repeat right bottom;
}
#logoArea img{
	border:none;
}
#header ul{
  height:37px;
  background:#1a4726;
  padding-left:30px;
}

#juccceLogo,#mitLogo{
	float:left;
}
#juccceLogo{
	width:140px;
	height:88px;
	margin-left: 20px;
	margin-top: 10px;
}
#mitLogo{
  padding-top:2px;
  width:400px;
  margin-top:30px;
  margin-left:150px;
  font-size:18px;
  color:#e74b00;
  text-decoration:none;
  text-align:center;
}

#mitLogo span{
  display:block;
  color:#62615f;
}

#mitLogo .organizer{
  color:#808080;
  font-size:11px;
  line-height:1em;
  margin-top:5px;
}
.registerLink,.chineseLink{
	position:absolute;
	right:10px;
}
.registerLink{
	bottom:-30px;
}
.chineseLink{
  top:12px;
  right:10px;
  text-decoration:none;
  width:45px;
  height:17px;
  line-height:17px;
  background:#c1e6f8;
  color:#070003;
}
#header,#header a,#footer,#footer a{
  text-decoration:none;
}

#header li{
  float:left;
  width:110px;
  height:34px;
  margin-left:3px;
  text-align:center;
  margin-top:3px;
}

#header li a{
  display:block;
  float:left;
  width:110px;
  height:34px;
  line-height:34px;
  margin:0px 0px;
  color:#fff;
}

#header ul a:hover,#header .current a{
  color:#006322;
  background:#E4F7A6;
}

/* footer*/
#footerPack table{
  margin-bottom:10px;
  
}

#footerPack th{
  color:#7F7F7F;
  font-size:10px;
}

#footerPack td{
  width:100px;
  text-align:center;
}
#footerPack td{
  padding:3px 0;
  border-bottom:none;
}

.sponsorLink{
  float:left;
  width:120px;
  height:40px;
  border-right:1px solid #C9D3D4;
  text-indent:-5000px;
  position:relative;
  background:url(../images/button_BAS.gif) no-repeat;
  top:10px;
}


a{
  color:#000000;
  text-decoration:underline;
}

a:hover{
  text-decoration:none;
}

.back{
  clear:both;
  float:right;
  font-weight:bold;
  margin-top:10px;
}

h2{
  font-size:12px;
  background:#ACD75E;
  padding:3px;
  margin-bottom:20px;
}
.button{
  width:auto;
  height:auto;
  padding:3px 5px;
  background:#BE3A3A;
  1background:#91ab49;
  color:#fff;
  font-weight:bold;
  border-style:outset;
  cusor:hand;
}
/* home page*/
.mainContent{
  height:200px;
  background:url(../images/bg_leaves.jpg) no-repeat right bottom;
  width:950px;
  padding:50px 0px 10px;
  margin-left:40px;
}
.quote{
  float:left;
  width:656px;
  height:180px;
  background:#C0A941;
  font-weight:bold;
}

.quote div {
	background:#FCE059 none repeat scroll 0%;
	height:160px;
	left:-8px;
	padding:10px;
	position:relative;
	top:-8px;
	width:636px;
}
.quote blockquote{
  font-size:14px;
  margin-top: 15px;
  color:#E74B00;
}
.quote span{
  display:block;
  font-size:11px;
  float:right; 
}
.quote a{
  background:#FFEDAB;
  color:#E74B00;
  padding:5px 7px;
  margin-top: 40px;
  margin-bottom: 20px;
}
.quote p{
  display:block;
  clear:both;
  font-size:14px;
  padding:15px 0;
}
.quote a:hover{
  text-decoration:none;
}
.news{
  color:#194627;
  float:right;
  width:220px;
  margin-right: 15px;
}
.news li{
  margin-bottom:20px;
  background:url(../images/img_leaves.gif) no-repeat left center;
  padding-left:30px;
}
.second {
  height:118px;
  background:#9ac462;
  position: relative;
}
.secondContent{
  position: absolute;
  bottom: 0px;
  height:110px;
  background:#BAD97C;
  width:100%;
  padding-bottom: 10px;
}
.topic,.report{
  float:left;
  width:440px;
  margin-left:28px;
  position:relative;
}
.report{
  float:right;
  margin-left:0;
  margin-right:20px;
}
.secondContent h3{
  font-size:14px;
  margin:13px 5px 8px;
}
.secondContent ul{
  padding-left:60px;
}
.secondContent li{
  margin-top:5px;
}
.topic ul, .report ul{
  height:65px;
  overflow:hidden;
}
.topic ul{
  1background:url(../images/img_topic.jpg) no-repeat left center;
}
.report ul{
  1background:url(../images/img_report.jpg) no-repeat left center;
}
.pre{
  position:absolute;
  right:0;
  top:40px;
}
.next{
  position:absolute;
  right:0;
  top:94px;
}

div#sponsor {
  margin:0px 15px 0 30px;
  overflow:hidden;
  width:775px;
  height: 70px;
}
div#sponsor a {
  margin:0pt 17px;
}

div#footerPack table {
  border:0px none;
  border-spacing:0px;
  margin-top: -1px;
}

div#footerPack td {
  width:100px;
}
li.mail {
  background:transparent url(../images/email.gif) no-repeat scroll left center;
  padding-left:30px;
  margin-top:20px;
}
li.tel {
  background:transparent url(../images/phone.gif) no-repeat scroll left center;
  padding-left:30px;
  margin-top:20px;
}
.clear{
  clear:both;
}