@CHARSET "UTF-8";
@import url(reset.css);
body{
  text-align:center;
  background:#4b4e53;
}

/*Round corner */
.bt,.bb{
  height:10px;
  background-repeat:no-repeat;
}
 
.bt{
  background-position:left top;
}

.bb{
  background-position:left bottom;
  padding:1px;
}

/* layout of the pack */
#pack{
  width:850px;
  margin:0 auto;
  text-align:left;
  padding-bottom:15px;
}

.pack1{
  float:left;
  background:url(../../templates/juccce_template/images/bg_pack.jpg) repeat-y;
  padding:0 20px 10px;
}

.contentPack .bottomCorner{
  clear:both;
  width:850px;
  height:23px;
  background:url(../../templates/juccce_template/images/border_pack.jpg) no-repeat;
}

.bottomCorner div{
 background:url(../../templates/juccce_template/images/content_bottom.gif) no-repeat right bottom;
}

#content{
  float:left;
  width:100%;
  padding-top:10px;
  1position:relative;
  1top:10px;
}
/*start header*/
#home #header{
 height:275px;
}

#header{
  position:relative;
  height:280px;
}

#contact #header{
  
}

.headerMain{
  position:relative;
  height:106px;
  width:810px;
  background:url(../../templates/juccce_template/images/headerMain_bg.jpg) no-repeat right top;
}


#logo{
  position:absolute;
}

#slogan {
  position: absolute;
  left:250px;
  top:45px;
  font-size:1.3em;
  color:#116232;
  font-family:"仿宋";
  z-index:100;
  padding:5px;
}

.utility{
  padding:2px;
}

.utility a{
  padding:0 5px;
  border-right:1px solid #0052A4;
}

#header .utility a{
  color:#0052A4;
}

#header .utility a:hover{
  text-decoration:underline;
}

.utility,#header form{
  text-align:right;
  margin-right:5px;
}

#header form{
  margin-top:34px;
}

/*  Menu Start */
#mainNav{
  background:url(../../templates/juccce_template/images/bg_nav.gif) no-repeat center;
  margin-top:7px;
  font-size:12px;
  font-weight:bold;
  height:23px;
  width:810px;
  position:absolute;
  bottom:0;
  left:0;
}

#mainNav li{
  float:left;
  position:relative;
  height:23px;
  border-right:1px solid #fff;
}

#mainNav #m1 a,#mainNav #m1 .main{
  padding-left:45px;
  padding-right:26px;
}

#mainNav #m5 a,#mainNav #m5 .main{
  padding-left:45px;
  padding-right:35px;
}

#mainNav #m6 a,#mainNav #m6 .main{
  padding-left:45px;
}

#mainNav ul {
    display: none;
    background:url(../../templates/juccce_template/images/banner_bg.png) no-repeat left bottom;
    -moz-opacity: 0.9;
    position: absolute;
    top:23px;
    left:-1px;
    z-index:10;
}
#mainNav li a,.main{
  color:#fff;
  float:left;
  padding:4px 33px 0px;
  height: 19px;
  cursor:default;
}
#mainNav li li a{
  padding-right:0;
}
#m1 li a{
  padding-left:28px;
}
#mainNav ul li a {
  float: none;
  display: block; 
  font-size: 12px;
cursor:pointer;  
}

#mainNav ul li {
  width: 200px;
  height: 23px;
  float: none;  
  border: none;
  border-bottom: 1px solid #888;
}


#mainNav li:hover ul li a:hover,
#mainNav li.iehover ul li.iehover a {
  background-image:url(../../templates/juccce_template/images/icon_menu.gif);
  background-repeat:no-repeat;
  background-position:10% 50%;
}
#mainNav li#m1 .main{
  letter-spacing:1.2em;
}

#mainNav li#m5 .main, #mainNav li#m6 .main{
  letter-spacing:1.3em;
}

a.last, #mainNav li.last{
  border:none;
}

#mainNav li#m1 .main:hover, li#m1.active, #home li#m1, #mainNav li#m1.iehover .main {
  background: transparent url(../../templates/juccce_template/images/banner_home.png) no-repeat left top;
}

#mainNav li#m2 .main:hover, li#m2.active,#about li#m2, #mainNav li#m2.iehover .main,
#mainNav li#m3 .main:hover, li#m3.active,#program li#m3, #mainNav li#m3.iehover .main,
#mainNav li#m4 .main:hover, li#m4.active,#give li#m4, #mainNav li#m4.iehover .main,
#mainNav li#m5 .main:hover, li#m5.active,#learn li#m5, #mainNav li#m5.iehover .main {
  background:#8acb4d;
}

#mainNav li#m6 .main:hover, li#m6.active,#collaborate li#m6, #mainNav li#m6.iehover .main {
  background: transparent url(../../templates/juccce_template/images/collaborate_nav.png) no-repeat right top;
}

#mainNav li:hover ul,
#mainNav li.iehover ul {
  display: block;
}
#mainNav #m6{
  border-right:none;
}

/*  Menu End */


/*Quotation and text in the header */
.headerQuote{
  background-repeat:no-repeat;
  height:140px;
  padding-top:1px;
  position:relative;
}
#home .headerQuote{
  background-image:url(../../templates/juccce_template/images/banner_home.jpg);
  height:133px;
}
#contact .headerQuote{
  background-image:url(../../templates/juccce_template/images/banner_about.jpg);
}
#about .headerQuote{
  background-image:url(../../templates/juccce_template/images/banner_about.jpg);
}
#learn .headerQuote{
  background-image:url(../../templates/juccce_template/images/banner_learn.jpg);
}
#collaborate .headerQuote{
  background-image:url(../../templates/juccce_template/images/banner_col.jpg);
}
#program .headerQuote{
  background-image:url(../../templates/juccce_template/images/banner_pro.jpg);
}
#give .headerQuote{
  background-image:url(../../templates/juccce_template/images/banner_give.jpg);
}
.action{
  position:absolute;
  bottom:8px;
  margin-left:30px;
}

.leftAction{
  position:absolute;
  bottom:8px;
  margin-left:30px;
}
.rightAction{
  position:absolute;
  bottom:8px;
  right:50px;
}

.actionBtn{
  float:left;
  width:81px;
  height:26px;
  padding-top:4px;
  margin-left:10px;
  text-align:center;
  font-weight:bold;
  background:url(../../templates/juccce_template/images/action_button_short.png) no-repeat;
  color:#fff;
  text-decoration:none;
}
.actionBtn:hover{
  text-decoration:none;
}
.actionBtn span{
  display:block;
  font-size:10px;
}
.actionBtnLong{
  float:left;
  width:151px;
  height:26px;
  padding-top:4px;
  margin-left:10px;
  text-align:center;
  font-weight:bold;
  background:url(../../templates/juccce_template/images/action_button_long.png) no-repeat;
  color:#fff;
  text-decoration:none;
}
.longBtn{
  height:33px;
  padding-top:3px;
}

#about .action,#contact .action,#collaborate .action,#give .action{
  right:50px;
}

a.registerForum{
  width:168px;
  background:url(../../templates/juccce_template/images/button_register.png) no-repeat;
}

blockquote{
  clear:both;
}

.mainQuote{
  font-size:14px;
  margin-top:30px;
  margin-left:20px;
  width:600px;
  color:#325EEA;
  font-family:"仿宋";
}

.secondaryQuote{
  position:absolute;
  bottom:0;
  background:url(../../templates/juccce_template/images/bg_quote.png) no-repeat;
  height:36px;
  width:100%;
  color:#fff;
}
.secondaryQuote blockquote{
  margin:3px 15px;
  color:#fff;
}


#about .mainQuote,#contact .mainQuote,#give .mainQuote{
  margin-left:200px;
}

#collaborate .mainQuote{
  margin-left:230px;
}


.secondaryQuote span{
  position:absolute;
  bottom:0;
  right:15px;
  font-weight:normal;
  color:#fdfefd;
  font-size:12px;
}
.shortQuote {
  1text-align:center;
}
#home .secondaryQuote blockquote{
  
}
 
#home .secondaryQuote  span{
  
}
/*end header*/

/* start subNav*/
#subNav {
  float:left;
  display:inline;
  width:173px;
  1position:relative;
}
#home #subNav{
  width:173px;
}

/* end subNav*/

/*start main*/
#main{
  float:right;
  width:628px;
}
/* Layout */
#home #main{
  float:left;
  display:inline;
  width:475px;
  margin-left:9px;
}

#photo{
  float:right;
  width:145px;
  text-align:center;
}
.oneColumn #main{
  width:813px;
}
#main .bt,#main .bb{
  background-image:url(../../templates/juccce_template/images/main_border.jpg);
}

.threeColumn #main .bt,.threeColumn #main .bb{
  background-image:url(../../templates/juccce_template/images/main_learn_border.gif);
}
.oneColumn #main .bt,.oneColumn #main .bb{
  background-image:url(../../templates/juccce_template/images/main_border_one.jpg);
}

#main .i1{
  background:url(../../templates/juccce_template/images/bg_border.jpg) repeat-y;
}

#main .i3{
  padding:5px 10px;
}
#main h1{
  background-repeat: no-repeat;
  background-position:left center;
  margin-bottom:10px;
  margin-top:-5px;
  padding-left:5px;
  line-height:18px;
  background-image:url(../../templates/juccce_template/images/pageTitle.gif);
}
#home #main h1{
   margin:0;
   padding:0;
}
/*#about #main h1{
  background-image:url(../../templates/juccce_template/images/pageTitle_about.gif);
}
#learn #main h1{
  background-image:url(../../templates/juccce_template/images/pageTitle_learn.gif);
}
#program #main h1{
  background-image:url(../../templates/juccce_template/images/pageTitle_pro.gif);
}
#give #main h1{
  background-image:url(../../templates/juccce_template/images/pageTitle_give.gif);
}
#collaborate #main h1{
  background-image:url(../../templates/juccce_template/images/pageTitle_col.gif);
}
#contact #main h1{
  background-image:url(../../templates/juccce_template/images/pageTitle_contact.gif);
}*/

/*start sponsor and footer*/
.bottom{
  clear:both;
  width:830px;
  margin-left:10px;
}

.bottom .bt,.bottom .bb{
  1height:14px;
  background-image:url(../../templates/juccce_template/images/border_footer.png);
}

.bottom .i1{

}
.bottom .i3{
  background:#fff;
}

#sponsors{
  clear:both;
  position:relative;
}

#sponsors a{
  margin:0 8px;
}
#footer{
  text-align:center;
  height:34px;
  margin-top:12px;
}
#footer span{
  margin:0 10px;
}
#sponsors h3{
  position:absolute;
  top:5px;
  padding-top:5px;
  left:0;
  width:90px;
  height:42px;
  text-align:center;
  border-right:1px solid #a5b5aa;
}

.sponsorLogo{
  margin-left:100px;
  overflow:hidden; 
  width: 720px;
}
#footer a{
  color:#727071;
  margin-right:10px;
}
/*end sponsor and footer*/

/* Common style */
h1{
  color:#fff;
  clear:both;
}
#main h2{
  clear:both;
  margin-bottom:5px;
}

#main li{
  margin-left:20px;
  list-style:disc;
}
#home #subNav li{
  font-size:11px;
}
#subNav li,#home #main li{
  padding:3px 3px 0 8px;
  list-style:none;
  margin-left:0;
  margin-bottom:2px;
}
#subNav li{
  margin-bottom:0;
}

p{
  margin-bottom:10px;
}
#main ul{
  margin-bottom:10px;
}
/* Learn */

.latestNews{
   margin:0 8px;
}
#footer .rss{
  background:url(../../templates/juccce_template/images/icon_rss.gif) no-repeat left top;
  padding-left:15px;
}

.clear{
  clear:both;
  height:1px;
}

/*style for team, sponsor*/
.team{
  clear:both;
}
.team img{
  float:left;
  margin-bottom:10px;
  width:90px;
  height:120px;
}
#main .team h2{
  margin-top:0;
}

h2 strong{
  display:block;
  color:#000;
}
.teamDetail{
  width:500px;
  float:right;
}

/* form */
.operation{
  text-align:center;
  margin-top:20px;
}
	
.button{
  width:82px;
  height:22px;
  background-image:url(../../templates/juccce_template/images/button_bg2.gif);
  background-repeat:no-repeat;
  padding:3px 0px;
  margin:0px auto;
  color:#fff;
  font-weight:bold;
  display:block;
}

.program .operation a{
 
}
.operation a:hover{
text-decoration:none;
	
}
.program .operation .donate{
    
  }
.program .operation{
  height:40px;
  margin:10px 0;
  border-bottom:1px solid #ccc;
}
/* Advantages */
.advantage{
  clear:both;
  1padding-top:10px;
 }
.advantage h3{
  float:left;
  width:170px;
  height:86px;
  color:#fff;
  background:url(../../templates/juccce_template/images/collaborate.png) no-repeat;
  line-height:30px;
  text-align:right;
  padding-right:10px;
  margin-right:10px;
}
.education h3{
  background:url(../../templates/juccce_template/images/education.png) no-repeat;
}
.deploy h3{
  background:url(../../templates/juccce_template/images/deployment.png) no-repeat;
}
.advantageDetail{
  float:right;
  width:400px;
  1margin-top:-12px;
}
#main li li{
  list-style-type:none;
  margin-left:0;
}
.inquire{
  clear:both;
  font-weight:bold;
  border-top:1px dotted #666;
  padding-top:5px;
}
/* For the Program & Events */
.programTitle{
  width:594px;
  height:113px;
  background-image:url(../../templates/juccce_template/images/program_education.jpg);
  background-repeat:no-repeat;
  position:relative;
}
.collaborate {
  background-image:url(../../templates/juccce_template/images/program_collaboration.jpg);
}
.deployment{
  background-image:url(../../templates/juccce_template/images/program_deployment.jpg);
}
#main .programTitle{
  color:#fff;
}
.programTitle span{
  position:absolute;
  bottom:10px;
  left:440px;
  width:120px;
  font-size:16px;
}

/*event*/
.event{
  clear:both;
}

.event table{
  color:#fff;
  font-weight:bold;
  border-collapse:collapse;
  text-align:center;
  float:left;
  height:90px;
}

.event td{
  border:1px solid #d1eefc;
  border-top:none;
  width:30px;
  height:30px;
}
.year{
  background:#448e03;
}
.date{
  background:#91dc5b;
}
.month{
  background:#72be3a;
}
.eventDetail{
  float:right;
  width:510px;
  height:89px;
  background:#a5dad0;
  color:#666;
  padding-left:5px;
  font-weight:bold;
  margin-bottom:10px;
}
/* pagination */
.page{
  clear:both;
}


/*link*/
a{
  color:#0052a4;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
#home a{
  color:#414141;
}
#home #main a{
  color:#0052A4;
}
#header a{
  color:#fff;
}
#header a:hover{
  text-decoration:none;
}
.current a,.navItems a:hover{
  background:url(../../templates/juccce_template/images/icon_select.gif) no-repeat left center;
}
.current ul a{
  background:none;
}
/* blog and reading*/
.news{
  margin-bottom:10px;
}
.news span{
  1font-weight:bold;
}

/*quote in about page*/
.pageQuote{
  clear:both;
}
#main .pageQuote .bt,#main .pageQuote .bb{
  background-image:url(../../templates/juccce_template/images/quote_about_border.jpg);
  height:24px;
}
#main .pageQuote .i1{
  background-image:url(../../templates/juccce_template/images/quote_about_bg.jpg);
  background-repeat:repeat-y;
}
#main .pageQuote .i3{
  margin:0 10px;
}
.pageQuote blockquote{
  color:#3e7742;
}
.pageQuote blockquote span{
  color:#666;
  display:block;
  margin-top:5px;
}
#materials{
  height:100px;
}
.material{
  float:left;
  width:130px;
}
#materials h3{
  text-align:center;
  color:#000;
}


#photo,.make,#home #main,.localNav{
  background-repeat:no-repeat;
  background-position:left bottom;
}
#photo h1,.make h1,#home #main h1,.localNav h2{
  background-repeat:no-repeat;
  background-position:left top;
  line-height:24px;
}
.photoContent,#home #main ul,.navItems{
  margin-bottom:10px;
}

#photo{
  background-image:url(../../templates/juccce_template/images/border_photo.jpg);
  height:406px;
}

#photo h1{
  background-image:url(../../templates/juccce_template/images/title_photo.jpg);
}

.photoContent{
  background:url(../../templates/juccce_template/images/bg_photo.gif) repeat-y;
  height:376px;
  font-size:12px;
}

#photo img{
  margin:5px auto 3px;
  width:120px;
}
#photo a{
	 display:block;
}
.make{
  background-image:url(../../templates/juccce_template/images/border_local.gif);
  height:334px;
}
.make a{
  font-size:12px;
  font-weight:bold;
}

.make h1{
  background-image:url(../../templates/juccce_template/images/title_local.gif);
  text-align:center;
}

.make ul{
  margin-bottom:2px;
}

#subNav .make li{
  list-style-type:disc;
  margin-left:18px;
  padding:0;
}

.make .differs{
  background:url(../../templates/juccce_template/images/bg_local.gif) repeat-y;
  height:300px;
  padding:1px;
  padding-left:5px;
  margin-bottom:10px;
}


#home #main{
  background-image:url(../../templates/juccce_template/images/border_main.jpg);
  height:402px;
  padding-bottom:5px;
}

#home #main h1{
  background-image:url(../../templates/juccce_template/images/title_main.jpg);
  text-indent:10px;
}

#home #main ul{
  background:url(../../templates/juccce_template/images/bg_main.gif) repeat-y;
  height:372px;
  padding-top:4px;
}
#home #main .more{
  float:right;
  margin-top:-20px;
  margin-right:5px;
  color:#fff;
}
.localNav{
  padding-bottom:1px;
  margin-bottom:10px;
  background-image:url(../../templates/juccce_template/images/border_local.gif);
}
.localNav h2{
  color:#fff;
  text-align:center;
  background-image:url(../../templates/juccce_template/images/title_local.gif);
}
.navItems{
  margin-bottom:9px;
  background:url(../../templates/juccce_template/images/bg_local.gif) repeat-y;
}

.navItems a{
  color:#414141;
  padding-left:8px;
}

.newsletterForm{
  height:68px;
  text-align:center;
  background:url(../../templates/juccce_template/images/bg_newsletter.gif) no-repeat center center;
  margin-top:8px;
}

.newsletterForm input{
  margin-top:10px;
  width:147px;
  color:#ccc;
}
#pack .newsletterForm a{
  display:block;
  width:147px;
  line-height:21px;
  background:url(../../templates/juccce_template/images/button_subscribe.png) no-repeat center center;
  color:#fff;
  font-size:12px;
  margin:5px auto;
}
#pack .newsletterForm a:hover{
  text-decoration:none;
}
.stat{
  width:173px;
  background:#8acb4d url(../../templates/juccce_template/images/bg_stat.png) no-repeat left top;
  1text-indent:20px;
}
#pack .stat a{
  display:block;
  width:143px;
  background:url(../../templates/juccce_template/images/border_stat.png) no-repeat left bottom;
  color:#fff;
  padding:5px 15px;
  min-height:48px;
  margin-top:8px;
  color:#fff;
  text-align:center;
}
.stat a:hover{
  text-decoration:none;
}
.stat strong{
  color:#FFFFFF;
  font-size:25px;
  line-height:1em;
}


/*Project */
.programDetail{
width:435px;
float:left;
}
.programHelp{	
width:160px;
float:right;
font-size:12px;
color:#414141;
}
#main .programHelp h2{
margin-top:0;
}
#main .programHelp li{
margin-left:15px;
}
#main .programHelp .bt {
  background-image:url(../../templates/juccce_template/images/border_local_up.png);
}
#main .programHelp .bb{
  background-image:url(../../templates/juccce_template/images/border_local_down.png);
  margin-top:-2px;
}
.programHelp .i3{
  background:transparent url(../../templates/juccce_template/images/bg_local_middle.png)
  repeat-y scroll 0% 50%;
}
#main .programHelp .i3{
  padding:5px;
}
#main h2.firstTitle{
  margin-top:-5px;
  margin-bottom:5px;
  color:#414141;
  1border-bottom:1px solid #aaa;
}
.programImg{
  height:90px;
}
.programImg img{
  height:90px;
  float:left;
  margin-left:8px;
}
img.firstImg{
  margin:0;
}
img.lastImg{
  width:105px;
    
}
div#sponsor  table {
  border: 0px;
  border-spacing: 0px;
  border-collapse: 0px;
}
#content, .headerQuote, .bottomCorner {
  width: 810px;
}
.photos{
 text-align:center;
}
.photos img{
  width:140px;
  margin-bottom:10px;
}
.toTop{
  float:right;
  margin-top:-15px;
  color:#414141;
  text-decoration:underline;
  font-size:12px;
}
.toTop:hover{
  text-decoration:none;
}
#sponsors td {
  width: 100px;
}