@charset "utf-8";
/* CSS Document */

/*-- html elements --*/
body{
   background-color: #CCCCCC;
	/* background-color: #517aa6;
	background-image: url(../images/body-bg.png);
	*/
	background-repeat: repeat-x;
	margin: 0;
}

h2{
  margin-top: 0;
}

ul{
  margin: 0;
  padding-left: 0;
}

li{
  padding: 0;
  list-style-type: none; 
  margin-left: 0;
}

#front-left ul{
  
}  

#front-left ul li, ul.courseslist li, ul.workshopslist li{
  list-style-type: decimal;
  margin-left: 29px;
}

ul.courseslist li .year, ul.workshopslist li .year{
  display: inline;
  margin-left: 13px;
  width: 32px;
}

ul.courseslist li .title, ul.workshopslist li .title{
  color:#336600;
  margin-top:-21px;
  padding-bottom:5px;
  padding-left:72px;
  font-weight: bold;
}

a{
  color: #416c99;
  text-decoration: none;
}

/*-- layout --*/
#page{
  width: 948px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  background: #fff;
  padding: 0 20px;
}

#mast-head{
  width: 947px;
  height: 147px;
  display: block;
  background: url('../images/mast-head.png') no-repeat;
}

#logo-holder{
  float: right;
  padding-right: 15px;
  margin-top: 16px;
}

#top-menu, #top-menu-2{
  width: 812px;
  height: 15px;
}

#main-content{
  /*background: #314d6f url('../images/main-content-top-bg.png') no-repeat;*/
  
  
}

#main-content-inner{
  background: #fff;

} 

.front-page #main-content-inner {
  /* padding-top: 40px; */
}


#clear{
  clear: both;
}



#footer-inner{
  margin: 0 auto;
  margin-top: 30px;
  color: #666666;
  font-size: 10px;
  border-top: 1px solid #d1d1d1;
  padding-bottom: 10px;
}

#footer-inner p{
  width: 100px;
  float: left;
}

#footer-inner #footer-images{
  float: right;
}

#clear{
  clear: both;
}


/*-- style --*/
h1.main-title{
  /* background: url('../images/main-title.png') no-repeat center; */
	background: url('../images/ICIMOD-LOGO.gif') no-repeat right top;
  width: 810px;
  height: 35px;
  display: block;
  /* text-indent: -9999px; */
  margin: 0 auto;
	color: white;
	font-size: 18px;
}


#top-menu-2{
  padding: 0px 20px 0;
  margin-top: 2px;
  height:47px;
  width: 907px;
  background: #9b9b9b url('../images/info-bar.jpg') no-repeat;
}

#main-menu{
  text-align: right;
}

#main-menu a{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#front-left{
  padding-top: 20px;
  /*padding-left: 15px;*/
  width: 585px;
  text-align: left;
  float:left;
	/* border: 1px solid black; */
}

#front-float-div{
  width: 948px;
  float:left;  
}

#front-float-div #introduction p{
  float: left;
  width: 463px;
}

#front-left #title-border{
   width: 317px;
   height: 7px;
   background: url(../images/title-border.png) no-repeat;
}

#front-left p{
  margin-top: 5px;
}

#animated-pic{
  position:relative;
  float:right;
  
	
}
#front-float-div img{
  position:absolute;
  top:5px;
  right:2px;
  
}

#front-float-div #introduction{
	width:500px;
}


#inner-left{
  padding-top: 20px;
  float: left;
  width: 948px;
}

#inner-left h2, #front-left h2{
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  font-size: 16px;
  border-bottom: 1px solid #314d6f;
}



#inner-left p{
  margin-top: 5px;
  margin-bottom: 0;
  /* float: left; */
}

#inner-left #about p, #inner-left #introduction {
  float: left;
  width: 463px;
}

#inner-left img{
  flaot: right;
}
  
.resource{
  clear: both;
}  

.resource .publication-title {
  font-size: 13px;
  font-weight: normal;
  font-family: "Arial";
  padding-bottom: 5px;
  padding-left: 72px;
  color: #336600;
  margin-top: -21px;
  
}

.publication-title a, .publication-title-2 a{
  color: #336600;
	font-weight: bold;
}

.resource .block{
  border:1px solid #C0C0C0;
  padding:5px;
  margin-bottom: 10px;
  background: #fff;
  overflow: hidden;
  width: 661px;
  float: left;
}



.download{
  background: #F5F5F5 url(../images/background-acroread.png) no-repeat 4px 5px;
  padding: 3px;
  padding-left: 25px;
  border: 1px solid #DDDDDD;
  margin-bottom: 5px;
}
.label{
	font-weight:bold;
	color:#517aa6;
	display:inline;
	font-size:11px;
}  

.element{
  margin-bottom: 0px;
}

.abstract .label{
	font-size:13px;
}
 
a img{
  border: none;
}

/*--------------Sidebar-Right---------------------------*/

#sidebar-right{
  width:215px;
  margin-left:730px;
  padding-top:35px;

}

#sidebar-right li a{
	background: #E8ECE9;
	display:block;
	width:193px; 
	height:19px;
	text-align:left;
	padding-top:5px;
	padding-left: 10px;
	text-decoration: none;
	border-bottom: 2px solid white;
}



#sidebar-right li a:hover,#sidebar-right li a.active{
	background: #ccc;
	color:#fff;
}


#sidebar-right ul.sublist-with-disc li{
  list-style: none;
  text-indent: 10px;
}

#sidebar-right ul.sublist-with-disc li a{
   background: #E8ECE9 url(../images/list-inner-bullets.gif) no-repeat 11px 10px;
	 padding-left: 15px;
	 width: 188px;
}

#sidebar-right ul.sublist-with-disc li a:hover{
   background: #ccc url(../images/list-inner-bullets.gif) no-repeat 11px 10px;
}


img.right-img {
  float: right;
}

img.img-border {
  padding: 5px;
  margin: 5px;
  margin-right: 0;
}

.language .heading, .keywords .heading, .subjects .heading,
.isbn .heading, .authors .heading, .abstract .heading {
  font-weight: bold;
}

#pagination strong{
  border: 1px solid #006699;
  padding: 1px;
}

.publication-list #front-left{
  width: 714px;
  float: right;
}

.publication-list #sidebar-right{
  margin-left: 0;
}

.year {
  display: inline;
  
  margin-left: 22px;
  width: 32px;
  
}

/*-- main menu ---*/
#about, #publications, #courses, #software{
  float: left;
	padding-right: 1px;
}

#about a{
  background: url(../images/about-off.png) no-repeat; 
  width:109px;
  height: 47px;
  display: block;
  text-indent: 9999px;
  overflow: hidden;
}

#about a:hover
{
  background: url(../images/about-hover.png) no-repeat; 
}

#about a.active{
  background: url(../images/about-active.png) no-repeat; 
}

#publications a{
  background: url(../images/publications-off.png) no-repeat; 
  width: 93px;
  height: 47px;
  display: block;
  text-indent: 9999px;
  overflow: hidden;
}
#publications a:hover{
  background: url(../images/publications-hover.png) no-repeat; 
}

#publications a.active{
  background: url(../images/publications-active.png) no-repeat; 
}

#courses a{
  background: url(../images/courses-off.png) no-repeat; 
  width: 166px;
  height: 47px;
  display: block;
  text-indent: 9999px;
  overflow: hidden;
}


#courses a:hover{
  background: url(../images/courses-hover.png) no-repeat; 
}

#courses a.active{
  background: url(../images/courses-active.png) no-repeat; 
}

#software a{
  background: url(../images/software-off.png) no-repeat; 
  width: 74px;
  height: 47px;
  display: block;
  text-indent: 9999px;
  overflow: hidden;
}

#software a:hover{
  background: url(../images/software-hover.png) no-repeat; 
}

#software a.active{
  background: url(../images/software-active.png) no-repeat; 
}

/*---- publication lists --*/
#sn, #year, #title{
  float: left;
}

#year, #title{
  padding-left: 20px;
}

#list-head{
  width: 714px;
  height: 25px;
  font-weight: bold;
}

#pub-pic {
 float: right;
 padding-top: 9px;
}
  
#twoparagraphs{
  
}

#twoparagraphs p{
  margin-top: 0;
}

#twoparagraphs p.three{

}

#front-float-div #introduction p.lastnote{
  
  margin-top: 20px;
}
ul.softwarelist {
  margin-left: 20px;
}
ul.softwarelist li{ 
  list-style-type: decimal;
  list-style-position: inside;
	line-height: 2;
}

a.permalink{
  background: url('../images/permalink.gif') left no-repeat;
  margin-left: 20px;
  padding-left: 20px;
}

.slideshow img {
  display: none;
}

.slideshow img.visible {
  display: inline;
 }
 
/* --------------
newly added styles
*/
#main-menu{
  float: left;
}

#main-menu a{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#main-menu-right{
  float: right;
  width: 143px;
}

#home a{
  background: url(../images/home-off.png) no-repeat;
  width: 53px;
  height: 47px;
  display: block;
  text-indent: -9999px;
  float: left;
}

#contact a{
  background: url(../images/contact-off.png) no-repeat;
  width: 90px;
  height: 47px;
  display: block;
  text-indent: -9999px;
  float: left;
}

#home a:hover{
  background: url(../images/home-hover.png) no-repeat;
}

#contact a:hover{
  background: url(../images/contact-hover.png) no-repeat;
}

#countryname {
  float: left;
	margin-right: 10px;
}