/*****LAYOUT CSS FOR SG WEBSITE*****/

/**COLOR KEY
dark-blue: #1c3355
light blue: #f2f5f8
dark orange: #993913
light orange: #959595
medium-blue: #134484
links blue: #03C
light grey: #c3c7d0
dark grey: #4d5c6d
**/

body{ /* background gradient uses CSS3 for browsers that support */ 
background-color: #c3c7d0;           
background-position: bottom left;
background-repeat: repeat-x; 
background-image: url(/ru/sg/img/bckg_img.jpg);     /* fallback image */
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c3c7d0), to(#4d5c6d)); /* Safari 4+, Chrome 1-9 */       
background-image: -webkit-linear-gradient(top, #c3c7d0, #4d5c6d);    /* Safari 5.1+, Mobile Safari, Chrome 10+ */         
background-image: -moz-linear-gradient(top, #c3c7d0, #4d5c6d);    /* Firefox 3.6+ */       
background-image: -ms-linear-gradient(top, #c3c7d0, #4d5c6d);      /* IE 10+ */    
background-image: -o-linear-gradient(top, #c3c7d0, #4d5c6d);  /* Opera 11.10+ */    
}


#main{
	background-color: #fff;	
	border: 10px solid #fff;
	min-width:940px;
}

/*****SKIP TO NAVIGATION AND SKIP TO TEXT*****/
 
#skiplink, #skiplink a {
	color:#c3c7d0;
}

/*****LANGUAGES*****/

#languages {
	background-color: #1c3355;
	background-image: url(/ru/sg/img/lang_bkg.jpg);
	background-repeat: no-repeat;
	color: #fff;
	height: 15px;
}

#languages ul li#russian  {
	color: #fff;
	font-size: .917em;
}	

#languages ul li a:link, #languages ul li a:visited, #languages ul li a:hover, #languages ul li a:active {
	color: #fff;
	font-size: .917em;
	text-decoration:none;
}

#languages ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

#languages ul li a:visited{
	color: #c2c2c2;
	}

/*****TOP BANNER: BANNER IMAGE AND BANNER NAVIGATION*****/

#topbanner {
	background-color: #1c3355;
	background-repeat: no-repeat;
	background-position: top left;
	height: 110px;
	clear:both;
	float:left;
}

#topbanner #hiddentitle, #hiddentitle span {
	color: #fff;
	background-image:url(/ru/sg/img/banner_sg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 110px;
}
#topbanner #hiddentitle2, #hiddentitle2 span {
	color: #fff;
	background-image:url(/ru/sg/img/banner_sg2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 110px;
}
#topbanner #hiddentitle2 span {
	background-repeat: no-repeat;
	
}
#bannerimage {
	float: left;
	width: 600px;
}

/*Banner Nav*/

#bannernav{
	background-color: #1c3355;
	background-image:url(/ru/sg/img/bannernav_bkg.jpg);
	background-position: bottom left;
	color: #fff;
	float: left;
	height: 130px;
	width: 340px;
}

#bannernav ul{
	padding-top: 2.2em;
}

#bannernav ul li{
	color: #fff;
	line-height: 1.333em;
	list-style-type:none;
	padding-left: 0;
	padding-right: 0;
}

#bannernav ul li a{
	font-size: 0.917em;
	color: #fff;
	text-decoration: none;
}

#bannernav #firstmenu{
	float:left;
	width: 50%;
}

#secondmenu{
	float:left;
	width: 50%;
}


/*****CONTENT AREA*****/

#content{
	color: #333;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .917em;
	line-height: 1.7em;
	margin-left: 3em;
	margin-right: 0;
	margin-bottom: 2em;
	padding-top: 2em;
	padding-bottom: 0;
	width:70%;
}

#content h2{
	color: #1c3355;
	font-size: 175%;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: .8em;
	margin-top: 0;
	padding-top:.5em;
}

#content h3{
	color: #134484;
	font-size: 158.3%;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin-bottom: .5em;
	margin-top: 1.3em;
}

#content h4{
	color: #993913;
	font-size: 125%;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: .3em;
	margin-top: 1.3em;
}

#content ul li{
	background-image:url(/ru/sg/img/icons/bullet_box.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	line-height: 1.8em;
	list-style-type: none;
	margin-left: 1.5em;	
	padding-left: 1em;
	padding-right: 0;
}

#content ul li ul li{
	margin-left: 1em;	
}

#content ul li a, #content a, #sidecol a{
	color:#03C;
}

#content ul li a:visited, #sidecol a:visited{
	color: #03C;
}

#content ul li a:hover, #content a:hover, #sidecol a:hover{
	color: #777;
}
#content ol{padding-left: 2.5em;}
#content ol li a{text-decoration:none;}
.img_r{
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-left: 2em;
	margin-bottom: 3em;
}

.img_l{
	float: left;
	margin-top: 7px;
	margin-right: 25px;
	margin-left:0;
	margin-bottom: 15px;
}

#content .icon_sm{
	height: 12px;
	margin-left: 5px;
	width: 12px;
}

/*** Blockquote ***/

blockquote{
	margin-top: 1.5em;
	margin-bottom: 3em;
}

blockquote p{
	font-size: 1.167em;
	font-weight: bold;
}

.cite{
	font-size: .917em;
	font-weight: normal;
	text-align: right;
}

/* Buttons */

.content_button a{
	-khtml-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-ms-property-radius: 5px 5px 5px 5px;
	background-color: #a86f36;
	behavior: url(/css/PIE.htc);	
	border-radius: 5px 5px 5px 5px;
	color: #fff;
	display: block;
	float: right;
	padding-top: .5em;
	padding-right: 0;
	padding-bottom: .5em;
	padding-left: 1em;
	position: relative;
	width: 18%;
}

.breadcrum{
	margin-bottom: 2em;
}

/**** Side Column ****/

#sidecol{
	float:left;
	width: 24%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .917em;
	line-height: 1.7em;
}

#sidecol h2{
	font-size: 1.167em;
	line-height: 1.7em;
}

#sidecol h4 {
	color: #333;
	font-size: 1em;
	padding-left: 0;
}

#sidecol a{
text-decoration: none;
}


#related {
	border-left: 1px solid #ccc;
	margin-top: 5em;
	maring-bottom: 0;
	margin-left: 3em;
	margin-right: 0;
	padding-left: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-top: .5em;
}

#sidecol ul li{
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
#sidecol ol {
	padding-left: 2em;
}
#related ul li a{
	text-decoration: none;
}

.side_box{
	border-left: 1px solid #ccc;
	margin-top: 5em;
	padding-left: .5em;
	margin-left: 2em;
}

/* BOTTOM NAVIGATION */

#bottomnav {
	background-image:url(/ru/sg/img/bottomnav_bkg.jpg);
	background-repeat: repeat-x;
	background-color: #f2f5f8;
	border-top: 1px solid #d2e0f1;
	clear: both;
	color: #1c3355;
	height: 15em;
	margin-top: 2em;
}

#sg, #team, #quicklinks, #resources{
	color: #1c3355;
	float:left;
	height: 15em;
	width: 25%;
}
table.tbl tr td {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#bottomnav h5{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top: 2em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2em;
}

#bottomnav ul{
	margin-bottom: 2em;
	}
	
#bottomnav ul li{
	background-image:url(/ru/sg/img/icons/bullet_box_grey.jpg);
	background-repeat: no-repeat;
	background-position: 6% 7px;
	list-style-type:none;
	padding-left: 2em;
	padding-right: 0;

}

#bottomnav ul li a{
	color: #1c3355;
	line-height: 1.5em;
	text-decoration: none;
}

#bottomnav ul li a:hover{
	color: #1c3355;
}

/* FOOTER BAR */

#footer {
	background-color: #09294f;
	color: #fff;
}

#footer ul {
	margin-top: 0em;
	padding-top: .1em;
		
}

#footer ul li  {
	display: inline;
	margin-right:0;

}

#footer ul li a {
	color: #fff;
	text-decoration: none;
}

#footer ul li a:visited {
	color: #ffffff;
}

#footer ul li a:hover {
	color: #ffffff;	
}


#footer #copy{
	float:left;
	padding-left: 2em;
	padding-right: 0;
	text-align:left;
	width:15%;
}

#footer #unfooter{
	float:left;
	font-weight: 100;
	text-align: right;
	width:81%;
}


/** COMMON CLASSES **/
.headline{
	float: left;
}

.headline_thumb{
	float:left;
	margin-right: 10px;
}

.lge_title{
	color: #993913;
	font-size: 1.167em;
	font-weight:bold;
	margin-bottom: .5em;
	padding-bottom: 0;
	text-decoration:none;
}

.headline span{
	font-weight: bold;
}
#nav{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-image: url(http://www.un.org/sg/img/nav_bkgd.gif);
	background-repeat: repeat-x;
	width: 100%;
	float: left;
	height: 1.9em;
	background-color: #D9DEE1;
	z-index: 100;
}
#nav, #nav ul { /* all lists */
    padding: 0;
	padding-left:.05em;
    margin: 0;
    list-style: none;
    line-height: 1;
	z-index: 100;	

}

#nav ul { /* all lists */
 	/*margin-left: 2em;*/

}
ul #subnav  { /* all lists */
	margin-left: 0em;
	z-index: 200;	
}

#nav a {
	display: block;
	padding-top:0.1em;
	text-decoration:none;
	color: #0D3A6C;
	font-size: 110%;
	height:1.3em;
	margin-top: 0.2em;

}

#nav li { /* all list items */
	float: left;
	width: 9%; /* width needed or else Opera goes nuts */
	/*padding:.0em 2em  .0em;*/
	list-style: none;
	border-right: 1px dotted #000;
	padding-left:4px;
	
	
}
#nav li#manage { /* all list items */
	float: left;
	width: 18%; /* width needed or else Opera goes nuts */
	/*padding:.0em 2em  .0em;*/
	list-style: none;
	border-right: 1px dotted #000;
	padding-left:4px;
	
	
}


#nav li#about { /* all list items */
	float: left;
	width: 23%; /* width needed or else Opera goes nuts */
	/*padding:.0em 2em  .0em;*/
	list-style: none;
	border-right: 1px dotted #000;
	padding-left:4px;
	
	
}
#nav li#agenda { /* all list items */
	float: left;
	width: 13%; /* width needed or else Opera goes nuts */
	/*padding:.0em 2em  .0em;*/
	list-style: none;
	border-right: 1px dotted #000;
	padding-left:4px;
	
	
}
#nav li#job { /* all list items */
	float: left;
	width: 20%; /* width needed or else Opera goes nuts */
	/*padding:.0em 2em  .0em;*/
	list-style: none;
	border-right: 1px dotted #000;
	padding-left:4px;
	
	
}
#subnav li {
  padding:.0em .0em  .0em;
  width: 96%;
   border-right:none;
  }
#subnav li a {
	font-size: 92%;
	padding-left:0.5em;
	padding-top: 0.2em;
	height:auto;
 
  }
#nav li ul { /* second-level lists */
	color:#FFFFFF;
    position: absolute;
    background: #26639A;
    width: 13.1em;
    margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a{ /* second-level lists */
	color:#FFFFFF;
	width:100%;
	border-bottom:1px solid #FFFFFF;
	padding-bottom: .5em;
}
#nav li  ul a:hover{ /* second-level lists */
	background-color:#02314D;
}
#nav li ul ul { /* third-and-above-level lists */
    margin: -1em 0 0 -1000em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
    margin-left: -1000em;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
    margin-left: 0;
	color:#FFFFFF;	
}
#nav li li:hover ul, #nav li li.sfhover ul {
    margin-left: 10em;
}
#content {
    clear: left;
  /*  color: #ccc;*/
}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul { margin-left: 0; }
#nav li li a:focus + ul { margin-left: 1010em; }
#nav li li a:focus { margin-left:1000em; width:100%;  background-color: #02314D; }
#nav li li li a:focus {margin-left: 2010em; width: 10em; background-color: #02314D; }
#nav li:hover a:focus, #nav li.sfhover a.sffocus { margin-left: 0; }
#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { margin-left: 10em; }
#media {position: relative;}
  #media img {position:static; }
  #photo_video {position:absolute; left:0; top: 0;}
.clear {
clear:both;
}

.fbook_btn{
width: 40%;
float: left;
margin-bottom: 10px;
margin-top: 10px;
}

.twt_btn{
	clear: right;
	width: 60%;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
.line_below {
border-bottom: 1px dotted #ccc;
padding-bottom: 1em;
}
.line_above {
border-top: 1px dotted #ccc;
padding-top: 1em;
}
.sm {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: right;
	padding-left: 0.7em;
}

#content{
	color: #333;
	float:left;
	margin-left: 1.5em;
	margin-right: 0;
	margin-bottom: 2em;
	padding-top: 2em;
	padding-bottom: 0;
	width:69%;
}

ol li{
	margin-left: 1em;
}


.smtxt{
	font-size: 76.9%;
}
#sidecol .menu-box {
	background-color: #ededed;
	border: 1px solid #d2e0f1;
	margin-top: 15px;
}

.big_img{
	float: left;
	margin-right:20px;
	margin-left:0;
	margin-bottom: 10px;
}