/* main styles */

body {


	font-family: sans-serif;
	background-color: #fdfdfd;
/*	height:100%;
*/
}


h1, h2, h3, h4, h5 {
	color: #365C00;
}

h1 {font-size:1.3em;}
h2 {font-size:1.2em; padding-bottom:1px;margin-bottom:0;}
h3 {font-size:1.1em;}


p {
	/*text-align:justify;*/
	font-size:.9em;
	line-height:1.5em;
	padding:4px 0;
	
}

b {
	color:#2A4800;
}



.page{
/*	width:900px;*/
	width:80%; 
	min-width:800px;
	position: relative;
	margin: 110px auto;/*was 80, then 130*/

	/*
	height:538px;
	width:920px;
	*/
	padding:20px 40px;
	border: 1px solid #ddd;
	background-color: #ffffff;
/*

        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
*/
/*
	-webkit-box-shadow:  2px 0 4px #eee;
    	-moz-box-shadow:  2px 0 4px #eee;
    	box-shadow:  2px 0 4px #eee;
*/
    	z-index:2;
}

#feeding div.item p{
	margin-top:0;
	padding-top:0;
}

#feeding div.item, #newinsts div.item,  #resources div.item {
	border-top: 1px solid #f0f0f0;
	
}



#feeding div.item hr, #newinsts div.item hr, #resources div.item hr{
	display: block; 
	clear: left; 
	visibility: hidden;
}

#feeding div.item img.fl{
	float: left; 
	padding:20px 40px 20px 0px;
}
#feeding div.item img.fr{
	float: right; 
	padding:20px 10px 20px 40px;
}

#newinsts div.item img.fl {
	float: left; 
	padding:20px 40px 20px 0px;
}
#newinsts div.item img.fr {
	float: right; 
	padding:20px 0px 20px 40px;
}

#resources div.item img.fr {
	float: right; 
	padding:30px 10px 20px 0px;
}


#feeding div.item p  {
	padding:30px 40px 0px 0px;
	font-size:1em;
 	text-align:left; 

} 

#newinsts div.item p  {
	padding-top:10px;
	/*font-size:1em;*/
 	text-align:left; 

} 

#resources h4 {display:inline;}
#resources h4 span{display:inline; padding:4px 20px 4px 0;}
 
#adjust {
/*	padding-top:40px;*/
}

#feeding div.clearer,#newinsts div.clearer, #resources div.clearer  {
	clear: both; 
	line-height: 0; 
	height: 0;}




.pagebackground  {
	display:block;
	overflow:visible;
	z-index:8;
	position:absolute;
	top:-20px;
	right:-20px;
	
}

#hujilogo {

	position:absolute;
	top:8px;
	left:20px;
	height:100px;
	width:1000px;
	background-image:  url('/english/ftw/img/pageslogo.png');
	background-repeat: no-repeat;
	background-position: top left ;
	z-index:10;
}

#hujilogo img{

	/* for IE */
	/*filter:alpha(opacity=50);*/
	/* CSS3 standard */
	/*opacity:0.5;*/



}

#hujilogo h2, #hujilogo h3 {
	position:relative;
	left:40px;
	top:-3px;
	font-weight:normal;
	color:#333;
	
}

#hujilogo a {
	color:#698838;
	padding: 0 20px 0 0;
	text-decoration:none;
}

.pagenav {  
	display:block;
	cursor:pointer;
	position:absolute;
	font-size: x-small;
    	font-family: Georgia, serif;
    	font-style: italic;
    	font-weight: normal;
    	letter-spacing: normal;
    	line-height: .9em;
	color:#2A4800;
	z-index: 30;
   }


i.pagenav { 
	left: 16px;
	top: 14px;	
}

em.pagenav {
	right: 16px;
	top: 14px;
}

.pagenav {display:none;}

#huji #test {
	position:fixed;
	top:10px; 
	right:10px;
	background-color: #ffffcc;
	border:1px double #ffff66;
	height:50px;
	width:50px;
	padding:10px;
}


#flist1, #centlist {
	width: 840px;	
	height: 320px;
	display:block;
        overflow:hidden;
	/*overflow:scroll;*/
	position: relative;
	/*margin:0 30px 0 30px*/
	margin-left:10px;
	padding: 20px 0 20px 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	
	

}

div#flist1 ul, div#centlist ul {
	position: absolute;
	top: 20px;
	list-style: none;	
	padding: 0;
	margin: 0;
		}


ul#achieve, ul#cents {
 
	left:1px;
	padding: 0;
	margin: 0;
	z-index: 2;
	width: 400px;
}

ul#achieve, ul#cents {
	list-style:none;
	font-size:1em;
	margin:0;
	padding:0;

}

ul#achieve li, ul#cents li {
/*	height: 320px;
	display:block;*/
/*	z-index:5;*/
	display:block;
	width:400px;
/*	height:320px;*/
	
}

 

ul#achieve li span{
	/*margin:  10px 10px;*/
	padding: 17px 4px 16px 10px ;
	color:#577729;/*324417;*/
	/*color:#5E86C4;*/
	/*color:#698838;*/
	display:block;
	/*z-index:5;*/
	text-decoration: none;	
	width:330px;
	/*line-height: .9em;*/
	outline:none;
	height:20px;
	font-size:.9em;
	font-weight:bold;
	/*text-transform: uppercase;*/
	cursor:pointer;
}



ul#cents li span{
	/*margin:  10px 10px;*/
	padding: 30px 4px 0px 25px ;
	color:#577729;/*324417;*/
	/*color:#5E86C4;*/
	/*color:#698838;*/
	display:block;
	/*z-index:5;*/
	text-decoration: none;	
	width:330px;
	line-height: 1.2em;
	outline:none;
	height:50px;
	font-size:1em;
	font-weight:bold;
	/*text-transform: uppercase;*/
	cursor:pointer;
}


ul#achieve li.current, ul#cents li.current {
	background:  url('/english/ftw/img/fl-53-400.png');
 	
	/*z-index:6;*/
		}
		
		
ul#cents li.current {
	background:  url('/english/ftw/img/fl-80-400.png');

		}

ul#achieve li.current span, ul#cents li.current span{
 
	color: #FFF;
	/*z-index:6;*/
		}





ul#achievepics, ul#centpics {
	position: relative;
	right: 0px;
	width: 480px;
	height: 320px;
	/*z-index:4;*/

}

ul#achievepics li, ul#centpics li{

	position: absolute;
	width: 480px;
	height: 320px;
	/*height: 320px;*/
	/*overflow:scroll;*/
 	font-size:small;
 	/*display:block;*/
	

}


ul#achievepics li img, ul#centpics li img{
	/*float:right;*/
}


ul#achievedesc, ul#centdesc {

	/*color:#324417;*/
 
/*	border:1px solid #eee;*/
   	text-align:justify;
   	margin:0;
   	padding:0;
   	
}




#achievedesc li, #centdesc li {
	display:block;
	margin:0px -10px 4px -10px;
	padding: 4px 10px;
	color:#577729;/*43608C;*/
	font-size:.9em;
	line-height:1.4em;

	background-color:#fcfcfc;
	border-bottom:1px dotted #f6f6f6;
	border-left:1px dotted #f6f6f6;
}

#achievedesc li.curdesc, #centdesc li.curdesc {
	display:block;
	margin:10px -20px;
	padding:8px 4px 6px 10px;
	color:#000000;
	/*color:#3E551D;*//*5D84C1;*/
	list-style:none;
/*	border-left:1px solid #5D84C1;*/
 
	border-top:1px dotted #f0f0f0;
	border-bottom:1px dotted #f0f0f0;
	font-size:.9em;
	background-color:#fff;
	/*-webkit-box-shadow:  2px 0 4px #ccc;
    -moz-box-shadow:  2px 0 4px #ccc;
    box-shadow:  2px 0 4px #ccc;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;*/

}


#vision h4 {clear:both;}

 
#institutes img.fig {
	float:right;
	margin-right:0px;
	padding-right:0;

}

#institutes p.figcap {
	position:relative;
	min-width:200px;
	max-width:500px;
	padding:0;

}


#footer {
	float:right;
	padding:0 200px 10px 0px;
	font-size:xx-small;
	

}

/*
#env {clear:both;}
#env p {margin:10px 0 10px 0;}

#env img{
	float:right;
	padding:0px 0 4px 10px;
}
#asvm {clear:both;}
#asvm img{	
	float:left;
	padding:0px 10px 4px 0px;}


.cl {clear:both;}
*/
/* pagesmenu */

#pagesmenu  {
/*	width:900px;*/
	margin:0px 0px 0px 0px;
	padding:0px;
	position:absolute;
/*	top:70px;*/
	top:55px;
	left:80px;

/*	margin: 80px auto;*//*was 80*/
	z-index:10;	
	border-top: 1px dashed #698838;/*#aaa;*/
 /*   border-bottom: 1px dashed #aaa;*/

	
}

#pagesmenu ul {

	    float:right;
	    clear:both;
	    list-style:none;
 	    padding:0px; 
	    margin:8px 0 0 0;

}

#pagesmenu ul li{
    float:left;
    font-size: small;
    font-family: Georgia, serif;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    line-height: .9em;
}
#pagesmenu ul li a{
    display:block;
    text-decoration:none;
    padding:3px;
    margin:0px;
    color:#698838;/*aaa;577729;66b8d8;*/
    width:80px;
    /*height:30px;*/
	text-align:left;
	outline:none;
}
#pagesmenu ul li a span{
    display:block;
    padding:0px;
    margin:0px;

}

#pagesmenu ul li a span.title{
}

#pagesmenu ul li a:hover span.title{
    color:#999;/*00adef;*/
 
}

#pagesmenu ul li a span.text{
    padding:8px 15px;

	color:#698838;/*aaa;577729;66b8d8;*/
    visibility:hidden;
    width:200px;
    margin-left:10px;
    margin-bottom:10px;
    outline:none;
    
}

#pagesmenu ul li a:hover span.text{
    visibility:visible;
 
    /*margin-bottom:2px;*/
}
/* kwicks section */
/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */

#facultypics, #rccenters {
	/*background-color: #1d1e21;*/
	padding: 10px;
}

#facultypics p {
			/*position:absolute;
			right:0px;
			top:50px;*/
/*
			width:200px;
			float:right;
			text-align:left;
*/
}

#facultypics p.fpleft {
 
                        width:75%;
                        float:left;
                        text-align:left;
}
#facultypics p.fpright {
                        width:25%;
                        float:right;
                        text-align:left;
			right:0;
}

#feeding div.clearer {clear: both; line-height: 0; height: 1em;}

#kwickme, #kwickme li { list-style: none; }

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 100px;
	height: 268px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

img {border:none;}