@charset "utf-8";

*[dir="ltr"] { direction: ltr; unicode-bidi: embed; }
*[dir="rtl"] { direction: rtl; unicode-bidi: embed; }

body  {
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	background-color: #f3f7f8;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

/*Global link styling, will be overridden by more specific selectors*/
a {
	text-decoration:none;
	background:none;
}
a:link {
	color:#1d88be;
}
a:visited {
	color:#739cb1;
	color:#1d88be;
}
a:hover, a:active {
	text-decoration:underline;
	color:#f28654;
}


/*This is the overall container of the page*/
#container { 
	width: 860px;
	/* background:  url(../images/bg_container_middle.gif) top left repeat-y; */
	margin: 15px auto 20px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
        background-color: #fff;
        
        border-radius: 20px 20px 20px 20px;
        -moz-border-radius: 20px 20px 20px 20px;
        -webkit-border-radius: 20px 20px 20px 20px;
        border: 0px solid #fff;
        
        -webkit-box-shadow: 0px 1px 15px -4px rgba(0,0,0,0.5);
        -moz-box-shadow:    0px 1px 15px -4px rgba(0,0,0,0.5);
        box-shadow:         0px 1px 15px -4px rgba(0,0,0,0.5);        
} 

#header { 
	height: 89px;
	margin: 0;
        border-radius: 20px 20px 0px 0px;
        -moz-border-radius: 20px 20px 0px 0px;
        -webkit-border-radius: 20px 20px 0px 0px;
        border: 0px solid #fff;
        background-color: #489ED1;
        overflow: hidden;
        
} 
*[dir="ltr"] #header {
    background: url(/img/unov-header-ltr.png) top center no-repeat;
    
}

*[dir="rtl"] #header {
    background: url(/img/unov-header-rtl.png) top center no-repeat;
    
}

#header h1, #header h4 {
    padding: 0 0 10px 0; margin: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 60, 0.2);
}

.unovHomeLink {
    width: 300px;
    float: left;
}
*[dir="rtl"] .unovHomeLink {
    float: right;
}
*[dir="ltr"] .unovHomeLink {
    padding:24px 0 0 100px;
    font: bold 18px/18px "Roboto Condensed",Arial,Helvetica,sans-serif;
}
*[dir="rtl"] .unovHomeLink {
    padding:20px 80px 0 0;
    font: bold 20px/20px Arial,sans-serif;
}

#header h1 {
    letter-spacing: 2px;
}

#header h4 {
    text-transform: uppercase;
    font-size: 15px;
}
*[dir="rtl"] #header h4 {
    font-size: 20px;
}


#header h1 a, #header h4 a {
    color: #C6E9ED;
    text-decoration: none;
} 

#header h4 a {
    color: #efefef;
}

html[lang="ru"] #header h4{
    font-size: 11px;
}

/*
.default-header #header { 
	background: url(/img/unov-header-default.png) top center no-repeat;
} 
.fr-header #header{ 
	background: url(/images/bg_container_header_fr.jpg) top center no-repeat; 
} 
.de-header #header{ 
	background: url(/img/unov-header-de.png) top center no-repeat; 
} 
.ru-header #header{ 
	background: url(/img/unov-header-ru.png) top center no-repeat; 
} 
.zh-header #header{ 
	background: url(/images/bg_container_header_zh.jpg) top center no-repeat; 
} 
.es-header #header{ 
	background: url(/images/bg_container_header_es.jpg) top left no-repeat; 
} 
*/

/*The footer clears everything above it*/
#footer { 
	clear:both;
	padding: 3px 0 7px 0;
	/* background:  url(../images/bg_container_bottom.jpg) bottom left no-repeat; */
	font-size:0.8em;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
} 

#footer p{ 
	text-align:center;
} 

/*This is the transparent GIF overly image on the top left corner, to link back to the home page*/
#header #headerLink {
        width: 100px;
	float:left;
        padding-top: 10px;
	text-align:right;
}
*[dir="rtl"] #header #headerLink {
	float:right;
        padding-top: 10px;
	text-align:left;
}


#header #headerLink a{
	color:white;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	display:block;
	margin:0;
	text-align:right;
	height:20px;
}
#topMenuContainer #languageSwitch { 
	margin-top: 7px;
	padding: 0 0 0 7px;
	float:left;
} 
#topMenuContainer div#languageSwitch a {
	float:left;
	display:inline;
	margin-left: 8px;
        font:normal 0.9em Arial,sans-serif;
}
#topMenuContainer #languageSwitch a:link, #topMenuContainer #languageSwitch a:visited {    color:#666;}
#topMenuContainer #languageSwitch a:hover {color:#f28654;}

/*This section contains the styles for the grey top bar with Home, Quick links and Search field*/
#topMenuContainer{
	color:#666666;
	background-color:#e9eae5;
	font:bold 13px Arial, Tahoma, Helvetica, sans-serif;
	height:30px;
}
#topMenu{
float:right;
}
#topMenu div#quick-links{
}
body{
behavior: url(csshover3.htc); /*per IE6*/
}
#nav{
margin:0;
padding:0;
}
#nav ul{
padding:0;
margin:0;
}
#nav li{
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
height:auto;
border-top: 1px solid #fff;
}
#nav li a{
display: block;
text-decoration:none;
padding:6px 10px;
background-color: #E9EAE5;
}
#nav li a:hover{
background-color: #E9EAE5;
}
#nav ul ul{
position: absolute;
top: 28px;
visibility: hidden;
background: #fff;
}
#nav ul li:hover ul{
	visibility:visible;
	z-index:100;
}
#nav ul li:hover ul li a{
	width:200px;
}
/*
#topMenu div#quick-links ul{
    position:absolute;
    z-index:20;
    background:#efefef;
    margin:7px 0 0 0;
    padding:0;
    text-align:left;
    padding:10px;
    display:none;
}

#topMenu div#quick-links ul li {
list-style:none;
padding:0;margin:0;

}
*/
#topMenu a {
	color:#666666;
}

#topMenu a:hover{
	color:#f28654;
}

#topMenu label{
	float:left;
}

#topMenu form{
	margin:0;
	padding:6px 0 0 0;
        float: left;
}
#topMenu form label {
	padding: 0 5px;
        float: left;
}
#topMenu form input.keywordSearch{
	color:#333333;
	font-size:11px;
	height:16px;
	width:106px;
	padding:0 5px;
        float: left;
	border: 1px solid #afafaf;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
}

button.topSearchButton {
	border:none;
	background:url(/images/icon_search.png) center top no-repeat;
	cursor:pointer;
	width: 25px;
	height:20px;
        float: left;
}
button.topSearchButton span {
display:none;
}


/*This section contains the styles for the left-hand navigation menu*/
#nav-menu {
	float: left;
	width: 235px; 
	margin:15px 0px 0px 15px;
	padding: 0 0 20px 0;
	display:inline; /*Walkaround for IE double margin bug*/
	font-family: "Franklin Gothic Medium", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	background: url(../images/bg_nav_bottom.gif) bottom left no-repeat;  /*Bottom part of the rounded navigation box*/
        background: none;
}


#nav-menu #navContainer{
	width: 216px;
	margin: 0px;
	padding:0;
	background:url(../images/bg_nav_top.gif) 0 0 no-repeat; /*Top part of the rounded navigation box*/
        background: none;
        border: 1px solid #dadada;
        border-radius: 8px;
}

#nav-menu ul.M0 li ul li a{
	color:#666666;
}

#nav-menu ul.M0 li ul li a:hover, 
#nav-menu ul.M0 li ul li a:active {
	color:#f28654;
}

/*Top level navigation*/
#nav-menu ul.M0{
	margin: 0; 
	padding: 0 10px;
	font-size:16px;
}

#nav-menu ul.M0 li{
	margin: 0 2px 0 0; /*Right margin to align the separator and highlighter*/
	padding: 10px 0px 10px 10px;
	list-style-type:none;
	border-right:1px solid white;	/*Fix the text/bullet disappearing bug in IE*/
}

#nav-menu ul.M0 li.L0{
	background:url(../images/bg_nav_separator.gif) bottom left no-repeat;
        background: none;
        border-bottom: 1px solid #eaeaea;
}

/*Highlight the background of the selected top level element*/
#nav-menu ul.M0 li.expanded{
	padding: 9px 0px 15px 10px;
	background:url(../images/bg_nav_highlight.gif) 0px 5px  repeat-x;
}

/*Make space for the highlighted top level element*/
#nav-menu ul.M0 li.expanded ul.M1{
	padding: 27px 0 0 0;
}

#nav-menu ul.M0 li a.selected,
#nav-menu ul.M0 li a.expanded  {
	color:#f28654;
}

/*Second level navigation*/
#nav-menu ul.M0 li ul{
	margin-left: 0;
	padding-left: 0;
	font-size:14px;
}

/*Selected second level bullet*/
#nav-menu ul.M0 li.expanded ul li{
	padding:0 0 0 14px;
	margin:5px 0 0 0;
	list-style: none;
	background:url(../images/bg_bullet_square.gif) 3px 7px no-repeat;
}

/*Change the top padding to normal and decrease the bullet indentation for lower level*/
#nav-menu ul.M0 li.expanded ul li ul{
	padding: 3px 0 0 0;
}

#nav-menu ul.M0 li.expanded ul li ul li{
	margin:2px 0 0 0;
	padding-left: 10px;
	background:url(../images/bg_bullet_square.gif) 0px 7px no-repeat;
}

/*Label for the meeting calendar*/
#nav-menu span.calendarLabel{
	display:block;
	font-size: 15px;
	color:#1d88be;
  color: #819ec6;
	text-align:center;
	padding:30px 0 0 0 ;
}


/*This section contains the styles for the right-hand menu*/
#sidebar {
	float: right;
	width: 215px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	background: transparent;
	padding: 0px 15px 15px 0px;
	margin:10px 0 0 0;
}

/*IE box model hack*/
* html #sidebar{  /* This is recognized by IE only */
  width: 230px;  /* Total width including padding, only for IE5.x/Win */
  w\idth: 215px; /* Content width for other IE */
}

#sidebar img.toplevelImage {
	border:none;
	margin:0 6px 0 20px;
	padding: 0 0 5px 0;
}

/*Link color for DG's corner and Virtual tour*/
#sidebar a{
	color:#f28654;
}

#sidebar a:hover{
	color:#f4560b;
}

#sidebar .headlink {
	padding-bottom:15px;
	background:url(../images/bg_sidebar_headline.gif) bottom left no-repeat;
}

#sidebar .headlink h1{
	border: 1px solid white; /*Invisible border to force background image display in IE*/
	margin:2px 0 0 0;
	padding: 2px 5px 5px 28px;
	font-size:14px;
}

#sidebar .headlink h1#directorGeneral{
	padding:0px 5px 1px 28px;
	background:url(../images/icon_note.gif) 4px 2px no-repeat;
}

#sidebar .headlink h1#memberStates{
	background:url(../images/icon_globe.gif) 6px 5px no-repeat;
}

#sidebar .headlink h1#virtualTour{
	background:url(../images/icon_camera.gif) 6px 3px no-repeat;
}

#sidebar .headline{
	margin:4px 0 0 0;
	padding:0 0 14px 0;
	background:url(../images/bg_sidebar_headline.gif) bottom left no-repeat;
	color:#666666;
}

#sidebar .headline h1{
	border: 1px solid white; /*Invisible border to force background image display in IE*/
	margin:0px 24px 0 18px;
	padding: 0 0px 5px 10px;
	font-size:14px;
}

#sidebar .headline .headlineContent{
	width: 205px;
	padding-bottom:3px;
}

#sidebar .headline .headlineContent ul{
	list-style:none;
	padding:0;
	margin:0 0 4px 0;
}

#sidebar .headline .headlineContent ul li{
	margin:4px 12px 0 24px;
	padding: 0 0px 4px 6px;
	font-size:12px;
}

#sidebar .headline .headlineContent p{
	margin:6px 12px 0 24px;
	padding: 0 0px 6px 6px;
	font-size:12px;
}

#sidebar .headline a.more {
	font-size:12px;
	padding-left:30px;
	display:block;
}


ul.breadCrumbs{ 
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size:11px;
	padding:0;
	margin-left: 250px;
	margin-right:30px;
	margin-bottom:5px;
}

ul.breadCrumbs li{ 
	display:inline; 
}

ul.breadCrumbs li a{ 
	background:url(../images/bg_breadcrumb_arrow.gif) right 40% no-repeat;
	padding-right:17px;
	display:inline-block;
}

ul.breadCrumbs li.lastBc{ 
	color:#f28654;
}

/*The content area of the page*/
#mainContent { 
	font-family: "Franklin Gothic Medium", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	float:left;
	width:370px;
} 

/*
	Fix for the 3-pixel text jog bug in IE browsers.
	In this case, this bug would cause some list mis-alignment, for example visible on the 
	Conference Management Service page.
	Unfortunately, this workaround makes it impossible to specify the top margin/padding of #mainContent in IE.
	This is again fixed by the following margin specification in p.breadcrumb, which should come as the 
	first element on EVERY page.
*/
* html #mainContent { 
	height:1%;
} 

/*
	Compensate the top margin in IE browsers, because the rule above eliminates the top spacing and it can't be
	added to the #mainContent
	2008.04.15 - Obsolete due to the new structure of breadcrumb

* html #mainContent p.breadcrumb{ 
	margin-top:15px;
}
*/

/*
	Override the above #mainContent definition to span the whole width, 
	for pages that are marked .twoColumnLayout in the body tag
	*/
body.twoColumnLayout #mainContent { 
	float:left;
	padding: 0 0 0 0;
	margin:0;
	width:560px;
} 

/*Eliminate any padding on the gallery page, where the #mainContent has the class gallery*/
body.twoColumnLayout #mainContent.gallery { 
	padding: 0;
} 


#mainContent h1{
	font-size:1.4em;
	margin:0.2em 0 0.5em 0;
}

#mainContent h2{ 
	font-size:1.3em;
	margin:0.2em 0 0.3em 0;
}

#mainContent h3{ 
	font-size:1.1em;
}

#mainContent p{ 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.95em;
	line-height:1.35em;
}

#mainContent li{ 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.95em;
}

/*Styles for the FAQ page*/
#mainContent #faqContainer h2{
	font-size:1.2em;
	margin:0.5em 0;
}

#mainContent #faqContainer h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.95em;
	font-style:italic;
	margin:0.8em 0 0.4em 0;
}

#mainContent #faqContainer p{
	margin:0.4em 0 0.4em 0em;
}

#mainContent #faqContainer p.indented{
	margin:0.6em 0 0.6em 1.5em;
}

#mainContent #faqContainer ul{
	margin-left:1em;
}

/*This is the styling for the image rotator on index.html*/
#mainContent #shuffler{
	background-repeat:no-repeat;
	width:370px;
	height:190px;
	margin:13px 0 37px 0;
	padding:0;
}

/*The image top right, on each top level page*/
#mainContent img.toplevelImage {
	float:right;
	padding: 0 5px 5px 16px;
	border:none;
}

/*The image top right, on each top level page*/
#mainContent img.toplevelImage {
	float:right;
	padding: 0 5px 5px 16px;
	border:none;
}

/*#mainContent .managementStructure ... is only applied on the Management structure page*/
#mainContent .managementStructure h1{
	padding-bottom:0.8em;
}
#mainContent .managementStructure h2{ 
	text-align:center;
	font-size:1.3em;
	padding:0 3em 1em 0;
	margin:0;
}
#mainContent .managementStructure h3{ 
	font-size:1.4em;
	padding-bottom:0.5em;
	margin:0;
}
#mainContent .managementStructure .unovManagement{ 
	float:left;
	width:265px;
	margin:0 0 0 20px;
	padding:0;
}
#mainContent .managementStructure .unodcManagement{ 
	float:right;
	width:270px;
	margin:0 0px 0 0;
}
#mainContent .managementStructure ul{ 
	margin:0;
	padding:0;
  /* Without the following invisible(white) border, background bullet 
		 images disappears in IE (all versions) at mouse hover*/
	border:1px solid white; 
}
#mainContent .managementStructure ul li{ 
	margin:0 0 0 0;
	padding:2px 0 15px 15px;
	list-style: none;
	background:url(../images/bg_bullet_management.gif) 0px 0px no-repeat transparent;
	font-family: "Franklin Gothic Medium", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
#mainContent .managementStructure ul li ul{ 
	margin:5px 0 0 0;
}
#mainContent .managementStructure ul li ul li{ 
	padding:0;
	margin:0;
	background: none;
	font-size:0.75em;
}

/*This is for the list of organization structure on several of the management pages*/
#mainContent .orgstruct {
	background-color: #f3f7f8;
	border:1px solid #DCDCDC;
	padding-left:5px;
	font-family: "Franklin Gothic Medium", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}
#mainContent .orgstruct ul li{
	font-size:0.95em;
}


/*Table styling on the information desk page*/
#mainContent table#infodeskTable{
	margin-top:15px;
	border-collapse:collapse;
}
/*The thumbnail column*/
#mainContent table#infodeskTable th{
	padding: 5px 12px 5px 15px;
	vertical-align:top;
	text-align:left;
	border-right:1px solid #DCDCDC;
	border-top:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;
}
/*The text column*/
#mainContent table#infodeskTable td{
	padding: 5px 15px;
	vertical-align:top;
	border-top:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;
}
#mainContent table#infodeskTable td p{
	margin:0;
	padding: 4px 0px;
}

/*Styles to override the rules in google search stylesheet, so the the search result display correctly */
#mainContent div#gooSearchBox{
	max-width: 100%;
	height: 25px;
	margin-bottom:15px;
}

#mainContent div.gooResult{
	clear:none;
	font-size:15px;
}

/* 
	 This class is used to hide text from the browser, while still making it available for screenreaders.
   It is absolutely positioned off screen, hidden from normal browsers.
*/
.hiddenText {
	position:absolute;
	top:-1000px;
	left:-1000px;
}

.floatRight {
	float: right;
	margin-left: 8px;
}

.floatLeft {
	float: left;
	margin-right: 8px;
}

/* 
	 This class should be placed on a div or break element and should be the final 
	 element before the close of a container that should fully contain a float 
*/
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

img {
	border:0px;
}

@media print {
	body  {
		color:black;
		background:none;
	}

	a {
		text-decoration:underline;
	}
	
	#container { 
		width: 100%;
		background:none;
	} 
	
	#header{
		display:none;
	} 
	#topMenu{
		display:none;
	}
	#sidebar {
		display:none;
	}
	#nav-menu {
		display:none;
	}
	#footer {
		background:none;
	}

	ul.breadCrumbs{ 
		padding:0;
		margin: 0;
	}
	
	#container #mainContent{
		margin:0;
		padding: 5px; 
	} 
		
	#mainContent .orgstruct {
		width:75%;
		border:1px solid #333333;
		padding:8px;
		background:none;
	}

}

#videoWrapper, #videoWrapper * {
    background-color: none;
    display: block;
    height: 420px;
    width: 560px;
}