/*---global common definitions---*/
body {
	margin: 0;
	font-size: 15px;
	font-family: Georgia, serif;
	line-height: 1.3em;
}
form,fieldset{
	margin:0;
	padding:0;
	border:0;
}
img {border:0;}
a{
	color:#656427;
	text-decoration:underline;
}
a:hover{
	color: #8c8900;
	text-decoration:none;
}
a:active{
	color: #2c2b0f;
}
#wrapper {
	width:960px;
	margin:0 auto 12px;
	overflow:hidden;
	background: url(../images/bg-wrapper.gif) repeat-y;
	border-bottom:1px solid #666;
	padding:217px 0 0;
	position:relative;
}
/* header */
#header{
	position:absolute;
	width:960px;
	left:0; top:0;
	background: url(../images/bg-header-wide.gif) no-repeat;
}
#header .top {
	height:113px;
	overflow:hidden;
	border-bottom:1px solid #cdcdcd;
}
#header .logo {
	height:35px;
	overflow:hidden;
	padding:30px 0 0 0;
	margin:0 0 20px 33px;
	width:150px;
}
#header .logo a {
	height:35px;
	width:150px;
	display:block;
	background: url(../images/osf-logo.gif) no-repeat;
	margin:0;
	text-indent:-9999px;
}
.nav{
	list-style:none;
	margin:13px 0 38px 0;
	padding:0;
	float:right;
	overflow:hidden;
}
.nav li{
	float:left;
	margin:0 0 0 9px;
	font:11px Arial, Helvetica, sans-serif;
	display:inline;
}
.search-form{
	position:absolute;
	top:67px;
	left:721px;
	font:10px Arial, Helvetica, sans-serif;
	padding:0 14px 0 0;
}
.search-form fieldset, .sign-up-form fieldset{display:inline;}
.search-form label{
	display:block;
	color:#9a9a9a;
	margin-bottom: 5px;
}
.search-form input, .sign-up-form input{
	color:#999;
	vertical-align:middle;
	margin:0 5px 0 0;
}
.search-form p{margin:6px 0 0;}
.search-form .txt-input, .sign-up-form .txt-input{
	border:1px solid #c5c5c5;
	font:11px Arial, Helvetica, sans-serif;
	padding:3px 6px;
	width:126px;
}
.menu{
	list-style:none;
	margin:0;
	padding:0 0 0 12px;
	height:1%;
	overflow:hidden;
}
.menu li{float:left;}
.menu a{
	float:left;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:27px;
	padding:0 10px;
	border:solid #cdcdcd;
	border-width:1px 1px 0 0;
}
.menu a:hover{background:#f0f0e0;}
#osi-menu{
	list-style:none;
	padding:0 0 0 12px;
	margin:0;
	float:left;
	clear:left;
}
#osi-menu li{
	float:left;
	margin: 0;
	display:inline;
}
#osi-menu a{
	float:left;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
}
#osi-menu .about{
	background: url(../images/bg-about.gif) no-repeat;
	width:50px;
}
#osi-menu .initiatives{
	background: url(../images/bg-initiatives.gif) no-repeat;
	width:70px;
}
#osi-menu .grants{
	background: url(../images/bg-grants.gif) no-repeat;
	width:189px;
}
#osi-menu .resource-center{
	background: url(../images/bg-resource-center.gif) no-repeat;
	width:98px;
}
#osi-menu .newsroom{
	background: url(../images/bg-newsroom.gif) no-repeat;
	width:71px;
}
#osi-menu a:hover{background-position: 0 -28px;}
#osi-menu a:active{background-position:0 -56px;}
.header-container{
	height:1%;
	overflow:hidden;
	background:#f1e9d5 url(../images/bg-header-container.jpg) no-repeat 0 100%;
	margin:0 1px;
	padding:0 0 7px;
}
.sign-up-form{
	float:right;
	font:11px Arial, Helvetica, sans-serif;
	padding:15px 13px 0 0;
	height:40px;
}
.sign-up-form .txt-input{
	border:1px solid #afafac;
	color:#afafac;
	width:107px;
}
.sign-up-form label{
	font-weight:bold;
	color:#b2b098;
	vertical-align:middle;
	margin:0 5px 0 0;
}
.rss{
	background: url(../images/bg-rss.gif) no-repeat 0 50%;
	padding:2px 0 2px 20px;
	font-weight:bold;
	color:#b2b098;
	text-decoration:none;
	margin:0 0 0 23px;
}
.rss:hover{color:#66653a;}
#menu{
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	clear:right;
}
#menu li{
	float:left;
	margin:0 19px 0 0;
	display:inline;
}
#menu a{
	float:left;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
}
#menu .statelessness, #menu .what-means{
	background: url(../images/bg-statelessness2.gif) no-repeat;
	width:118px;
}
#menu .affected, #menu .who-affects{
	background: url(../images/bg-affected2.gif) no-repeat;
	width:92px;
}
#menu .happen, #menu .where-happens{
	background: url(../images/bg-happen2.gif) no-repeat;
	width:110px;
}
#menu .can-do, #menu .what-you{
	background: url(../images/bg-can-do2.gif) no-repeat;
	width:114px;
}
#menu a:hover{background-position:0 -37px;}
#menu .active a{background-position:0 -74px;}
.stateless-logo{
	display:block;
	width:355px;
	margin:12px 0 0;
}
/* content */
#content{
	overflow:hidden;
	height:1%;
	background: #fff url(../images/bg-content.jpg) no-repeat 0 100%;
	margin:0 1px;
}
#content .top{
	height:1%;
	overflow:hidden;
	padding:37px 19px 180px;
	background: transparent url(../images/bg-content-top.jpg) no-repeat;
}
#content .top2{
	height:1%;
	overflow:hidden;
	padding:37px 9px 180px;
	background: transparent url(../images/bg-content-top.jpg) no-repeat;
}
.media{
	list-style:none;
	margin:-30px 0 24px;
	padding:0;
	height:1%;
	overflow:hidden;
}
.media li{
	float:right;
	margin:0 0 0 10px;
}
.media a{
	text-decoration:none;
	font:11px Arial, Helvetica, sans-serif;
}
.media a:hover{text-decoration:underline;}
.media img{
	vertical-align:middle;
	margin:0 5px 0 0;
}
.left-img{
	float:left;
	margin:0 19px 0 0;
}
.right-img{
	float:right;
	margin:0 0 0 19px;
}
.text{
	height:1%;
	overflow:hidden;
}
.caption{
	padding-top: 3px;
	font:11px Arial, Helvetica, sans-serif;
	color: #999;
	font-style: italic;
}
#content h2, #content h1{margin:3px 0 21px;}
#content h3{margin:0;}
#content h2 img, #content h1 img, #content h3 img{display:block;}
#content h4{
	font-size:16px;
	font-weight:normal;
	margin:0;
}
#content p{margin:0 0 19px;}
.large-text{
	font-size:18px;
	line-height: 1.3em;
	font-weight:normal;
	font-style:italic;
}
.bordered{
	background: url(../images/bg-bordered.gif) no-repeat 50% 100%;
	padding:0 0 35px;
}
.holder{
	height:1%;
	overflow:hidden;
	margin:0;
	background: url(../images/bg-holder.gif) repeat-y 458px 0;
}
.holder3col{background: url(../images/bg-holder3col.gif) repeat-y 302px 0;}
.page-holder{background-position:597px 0;}
.leftcol{
	float:left;
	width:441px;
	padding:0 20px 0 0;
}
#content .holder h2 {margin:60px 0 21px;}
#content .holder h2.h2top{margin:3px 0 21px;}
.page-holder .leftcol{width:580px;}
.page-holder .rightcol{width:300px;}
.videos{
	list-style:none;
	margin:26px -20px 0 0;
	padding:0;
	height:1%;
	overflow:hidden;
	width:461px;
}
.videos li{
	float:left;
	margin:0 20px 18px 0;
	display:inline;
}
.videos li img{
	display:block;
	margin:0 0 8px 0;
}

#videothumbs li a {
	text-indent: -9999px;
	display:block;
	width: 114px; height: 64px;
}
#mitrovica a { background: url(../images/faces-roma-slides-th.jpg) no-repeat 0 0; }
#trapped a { background: url(../images/faces-roma-trapped-th.jpg) no-repeat 0 0; }

#drcenter a { background: url(../images/faces-dr-cp-th.jpg) no-repeat 0 0; }
#dionisio a { background: url(../images/faces-dr-dionisio-th.jpg) no-repeat 0 0; }
#estarlin a { background: url(../images/faces-dr-estarlin-th.jpg) no-repeat 0 0; }
#jean a { background: url(../images/faces-dr-jean-th.jpg) no-repeat 0 0; }
#maria a { background: url(../images/faces-dr-maria-th.jpg) no-repeat 0 0; }

#videothumbs li a:hover {
	background-position: 0 -64px;
}

.rightcol{
	float:right;
	width:439px;
}
.col1, .col2{
	float:left;
	width:281px;
	padding:0 20px 0 0;
}
.col2{
	padding:0 20px 0 20px;
}
.col3{
	float:right;
	width:278px;
}
.colwide{
	float:left;
	width:560px;
	padding:0 20px 0 0;
}
.map{
	position:relative;
	height:1%;
	overflow:hidden;
	margin:0 0 21px;
}
.note{
	position:absolute;
	top:50%;
	margin:-90px 0 0 -156px;
	left:50%;
	width:323px;
	height:184px;
	overflow:hidden;
}
.note .inner{
	height:99px;
	overflow:hidden;
	background: url(../images/bg-note.png) no-repeat;
	text-align:center;
	padding:40px 37px;
}
.note .link{
	float:right;
	margin:13px 0 0;
	position:relative;
}
.video{
	float:left;
	margin:0 19px 0 0;
}
.video img{display:block;}
.video .videos{
	width:607px;
	margin:0 -7px 0 0;
}
.video .videos li{margin:10px 7px 0 0;}
#content .container{
	height:1%;
	overflow:hidden;
	margin:0 0 40px 0;
}
.box{
	height:1%;
	overflow:hidden;
	padding:25px 0 0;
}
code {
	font-size: 12px;
	color: #6f4cb8;
}
.timeline {
	position: relative;
	height: 1px;
	top: -573px;
}
/* footer */
#footer{
	height:1%;
	overflow:hidden;
	background:#f0f0e0;
	font:10px Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0 1px;
	padding:5px 0 0;
	color:#666;
}
#footer a{color:#a29a6f;}
#services_footer {
  height: 57px; width:960px;
  margin: 0 auto;
  padding: 0 0 5px 121px;
	border-bottom:1px solid #9b9b9b;
	font-size:12px;
	color:#333;
}
#services_footer table {
  float: left;
  margin: 4px 0 0 10px;
  padding: 0;
}
#services_footer td {
  text-align: left;
}
#services_footer .email_services_footer_links {
  color: #656530 !important;
  font-weight: 700;
  padding-left: 3px;
  padding-right: 17px;
}
#services_footer div.divider {
  float: left;
  background-image: url('http://c0431992.cdn2.cloudfiles.rackspacecloud.com/dotted-vert-short.gif');
  background-repeat: no-repeat;
  width: 10px;
  height: 54px;
  margin: 1px 0 0 10px;
}
#services_footer table.follow_tb {
  margin-left: 1px;
}
.form-holder{
	height:1%;
	overflow:hidden;
	border-bottom:1px solid #9b9b9b;
	padding:7px 0 4px;
	color:#878675;
}
.form{
	float:left;
	left:50%;
	position:relative;
}
.form form, .form fieldset{display:inline;}
.form label, .form input, .form select{
	vertical-align:middle;
	display:inline;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
}
.form select{
	margin:0 -3px 0 0;
	width:183px;
}
.form label{
	color:#666;
	margin:0 3px 0 0;
}
.form ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	left:-50%;
}
.form li{
	float:left;
	text-align:left;
	padding:0 5px;
}
.country{
	float:left;
	background: url(../images/country.gif) no-repeat 0 3px;
	padding:0 0 0 18px;
}
.country a{
	text-decoration:none;
	color:#aaa872;
}
.country img{vertical-align:middle;}
.footer-nav{
	list-style:none;
	margin:0;
	padding:16px 0 0;
	height:1%;
	overflow:hidden;
}
.footer-nav li, .contacts li{
	display:inline;
	background: url(../images/bg-footer-nav.gif) no-repeat 0 50%;
	padding:0 3px 0 8px;
}
.footer-nav li:first-child, .contacts li:first-child{background:none;}
#footer p{margin:17px 140px;}
.license{
	display:block;
	width:80px;
	margin:0 auto;
}
.contacts{
	list-style:none;
	margin:0;
	padding:0 0 14px;
	height:1%;
	overflow:hidden;
}
.contacts li{
	background: url(../images/bg-contacts.gif) no-repeat 0 50%;
	color:#9b9b9b;
}
.bottom{
	height:1%;
	overflow:hidden;
	background:#fff;
	border-top:1px solid #666;
	color:#2f2f2f;
}


	.timelinecss {
		position: relative;
		overflow: visible;
		height: 1px;

	}
	#dates {
		top: -54px; left: 26px;
		position: absolute;
	}
	.pubdate {
		font-size: 12px;
		color: #ccc;
		top: -22px; left: 25px;
		position: absolute;
	}

	#timelineTxt {
		font-size: 12px;
/* 		text-align: center; */
		line-height: 1.2em;
		width: 750px;
		color: #888;
		top: -113px; left: 25px;
		position: absolute;
	}
	.timelinecss ul {
		list-style:none;
	}
	.timelinecss li {
		position: absolute;
		overflow: visible;
	}
	.timelinecss li a {
		padding: 3px;
	}
	.timelinecss li a .info {
		position: absolute;
		visibility: hidden;
		background-color: #fff;
		color: #333;
	}
	.timelinecss li a:hover .info {
		visibility: visible;
	}
	.timelinecss li .hov {
		padding: 3px;
	}
	.timelinecss li .hov .info {
		position: absolute;
		visibility: hidden;
		background-color: #fff;
		color: #333;
	}
	.timelinecss li .hov:hover .info {
		visibility: visible;
	}
	#a1920 { top: -75px; left: 20px; }
	#a1920 .info {
		top: -189px; left: -20px;
		background: url("../images/bg-timeline-6.png") 0 0 no-repeat;
		width: 323px; height: 184px;
	}
	#b1920 { top: -73px; left: 40px; }
	#b1920 .info {
		top: -171px; left: -10px;
		background: url("../images/bg-timeline-5.png") 0 0 no-repeat;
		width: 322px; height: 166px;
	}
	#a1930 { top: -77px; left: 120px; }
	#a1930 .info {
		top: -194px; left: -100px;
		background: url("../images/bg-timeline-w6.png") 0 0 no-repeat;
		width: 375px; height: 189px;
	}
	#b1930 { top: -76px; left: 170px; }
	#b1930 .info {
		top: -137px; left: -100px;
		background: url("../images/bg-timeline-3.png") 0 0 no-repeat;
		width: 330px; height: 132px;
	}
	#a1940 { top: -73px; left: 270px; }
	#a1940 .info {
		top: -111px; left: -100px;
		background: url("../images/bg-timeline-2.png") 0 0 no-repeat;
		width: 321px; height: 106px;
	}
	#b1940 { top: -76px; left: 283px; }
	#b1940 .info {
		top: -137px; left: -100px;
		background: url("../images/bg-timeline-3.png") 0 0 no-repeat;
		width: 330px; height: 132px;
	}
	#c1940 { top: -65px; left: 293px; }
	#c1940 .info {
		top: -171px; left: -100px;
		background: url("../images/bg-timeline-5.png") 0 0 no-repeat;
		width: 322px; height: 166px;
	}
	#d1940 { top: -80px; left: 298px; }
	#d1940 .info {
		top: -154px; left: -100px;
		background: url("../images/bg-timeline-4.png") 0 0 no-repeat;
		width: 330px; height: 149px;
	}
	#e1940 { top: -68px; left: 307px; }
	#e1940 .info {
		top: -213px; left: -130px;
		background: url("../images/bg-timeline-w7.png") 0 0 no-repeat;
		width: 374px; height: 208px;
	}
	#a1950 { top: -74px; left: 322px; }
	#a1950 .info {
		top: -189px; left: -100px;
		background: url("../images/bg-timeline-6.png") 0 0 no-repeat;
		width: 323px; height: 184px;
	}
	#b1950 { top: -74px; left: 360px; }
	#b1950 .info {
		top: -233px; left: -100px;
		background: url("../images/bg-timeline-w8.png") 0 0 no-repeat;
		width: 374px; height: 228px;
	}
	#c1950 { top: -78px; left: 408px; }
	#c1950 .info {
		top: -154px; left: -100px;
		background: url("../images/bg-timeline-4.png") 0 0 no-repeat;
		width: 330px; height: 149px;
	}
	#a1960 { top: -71px; left: 420px; }
	#a1960 .info {
		top: -194px; left: -100px;
		background: url("../images/bg-timeline-w6.png") 0 0 no-repeat;
		width: 375px; height: 189px;
	}
	#b1960 { top: -78px; left: 432px; }
	#b1960 .info {
		top: -233px; left: -100px;
		background: url("../images/bg-timeline-w8.png") 0 0 no-repeat;
		width: 374px; height: 228px;
	}
	#c1960 { top: -75px; left: 470px; }
	#c1960 .info {
		top: -171px; left: -100px;
		background: url("../images/bg-timeline-5.png") 0 0 no-repeat;
		width: 322px; height: 166px;
	}
	#a1970 { top: -76px; left: 530px; }
	#a1970 .info {
		top: -194px; left: -100px;
		background: url("../images/bg-timeline-w6.png") 0 0 no-repeat;
		width: 375px; height: 189px;
	}
	#b1970 { top: -78px; left: 569px; }
	#b1970 .info {
		top: -171px; left: -100px;
		background: url("../images/bg-timeline-5.png") 0 0 no-repeat;
		width: 322px; height: 166px;
	}
	#c1970 { top: -74px; left: 610px; }
	#c1970 .info {
		top: -194px; left: -100px;
		background: url("../images/bg-timeline-w6.png") 0 0 no-repeat;
		width: 375px; height: 189px;
	}
	#d1970 { top: -71px; left: 581px; }
	#d1970 .info {
		top: -252px; left: -100px;
		background: url("../images/bg-timeline-w9.png") 0 0 no-repeat;
		width: 374px; height: 247px;
	}
	#a1980 { top: -72px; left: 670px; }
	#a1980 .info {
		top: -252px; left: -100px;
		background: url("../images/bg-timeline-w9.png") 0 0 no-repeat;
		width: 374px; height: 247px;
	}
	#b1980 { top: -65px; left: 708px; }
	#b1980 .info {
		top: -233px; left: -130px;
		background: url("../images/bg-timeline-w8.png") 0 0 no-repeat;
		width: 374px; height: 228px;
	}
	#c1980 { top: -80px; left: 708px; }
	#c1980 .info {
		top: -233px; left: -130px;
		background: url("../images/bg-timeline-w8.png") 0 0 no-repeat;
		width: 374px; height: 228px;
	}
	#a1990 { top: -72px; left: 720px; }
	#a1990 .info {
		top: -154px; left: -100px;
		background: url("../images/bg-timeline-4.png") 0 0 no-repeat;
		width: 330px; height: 149px;
	}
	#b1990 { top: -74px; left: 732px; }
	#b1990 .info {
		top: -189px; left: -150px;
		background: url("../images/bg-timeline-6.png") 0 0 no-repeat;
		width: 323px; height: 184px;
	}
	#c1990 { top: -74px; left: 790px; }
	#c1990 .info {
		top: -189px; left: -150px;
		background: url("../images/bg-timeline-6.png") 0 0 no-repeat;
		width: 323px; height: 184px;
	}
	#a2000 { top: -75px; left: 840px; }
	#a2000 .info {
		top: -154px; left: -200px;
		background: url("../images/bg-timeline-4.png") 0 0 no-repeat;
		width: 330px; height: 149px;
	}
	#b2000 { top: -70px; left: 870px; }
	#b2000 .info {
		top: -171px; left: -250px;
		background: url("../images/bg-timeline-5.png") 0 0 no-repeat;
		width: 322px; height: 166px;
	}
	#c2000 { top: -77px; left: 881px; }
	#c2000 .info {
		top: -154px; left: -280px;
		background: url("../images/bg-timeline-4.png") 0 0 no-repeat;
		width: 330px; height: 149px;
	}
	#present { top: -73px; left: 910px; }
	#present .info {
		top: -156px; left: -275px;
		background: url("../images/bg-timeline-today.png") 0 0 no-repeat;
		width: 323px; height: 151px;
	}
	.info span {
		margin-bottom: 4px;
		display: block;
		clear: both;
		font-size: 18px;
		color: #68438c;
		font-weight: bold;
	}
	.info p {
		padding: 20px 25px;
	}
	p.today {
		visibility: hidden;
	}
p.mapp {
	width:918px;
	padding-left: 15px;
}
.addTop {
	padding-top: 20px;
}