/LAYOUT CSS FOR SG WEBSITE/
html {
overflow-y: scroll; /* IE */
min-height: 100%; margin-bottom: 1px;  /* FIREFOX */
}
body{ /* background gradient uses CSS3 for browsers that support */ 
background-color: #c3c7d0;           
background-position: bottom left;
background-repeat: repeat-x; 
background-image: url(/es/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(/es/sg/img/lang_bkg.jpg);
	background-repeat: no-repeat;
	color: #fff;
	height: 15px;
}
#languages ul li#spanish  {
	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;
	clear:both;
	display: block;
	float:left;
	height: 110px;
	position:relative;
	width: 940px;
	z-index: 0;
}
#topbanner #hiddentitle, #hiddentitle span {
	color: #fff;
	background-image:url(/es/sg/img/banner_sg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 110px;
}
/* HORIZONTAL NAVIGATION */
#nav{
	font-family:"Century Gothic", Arial, Verdana;
	font-weight:bold;
	background-image: url(http://www.un.org/es/hq/dpi/images/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: 0 0 0 .05em;
	  /*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: 118%;	
	height:1.3em;
}
#nav li { /* all list items */
	float: left;
	width: 12%; /* width needed or else Opera goes nuts */
	/*padding:.0em 2em  .0em;*/
	list-style: none;
	xtext-align:center;
	border-right: 1px dotted #000;
	padding-left:4px;
}	
#nav li#agenda, #nav li#job { /* all list items */
	float: left;
	width: 16%; /* width needed or else Opera goes nuts */
	/*padding:.0em 2em  .0em;*/
	list-style: none;
	/*xtext-align:center;*/
	border-right: 1px dotted #000;
	padding-left:4px;
}
#subnav li {
  padding:.0em .0em  .0em;
  width: 96%;
  text-align:left;
  border-right:none;
}  
#subnav li a {
  font-size: 100%;
  padding-left:.5em;
  padding-top: .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;}
/CONTENT AREA/
/*#content{
	color: #333;
	float:left;
	margin-left: 3em;
	margin-right: 0;
	margin-bottom: 2em;
	padding-top: 2em;
	padding-bottom: 0;
	width:70%;
}*/
#content{
	color: #333;
	float:left;
	margin-left: 1.5em;
	margin-right: 0;
	margin-bottom: 2em;
	padding-top: 2em;
	padding-bottom: 0;
	width:69%;
}
#content h2{
	color: #1c3355;
	margin-bottom: .8em;
	margin-top: 0;
	padding-top:.5em;
}
#content h3{
	color: #134484;
	margin-bottom: .5em;
	margin-top: 1.3em;
}
#content h4{
	color: #993913;
	margin-bottom: .3em;
	margin-top: 1.3em;
}
#content ul li{
	background-image:url(/es/sg/img/icons/bullet_box.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	list-style-type: none;
	margin-left: 1.5em;	
	margin-right: 0;
	padding-left: 1em;
	padding-right: 0;
}
#content ul li ul li{
	margin-left: 1em;
	margin-right: 0;	
}
#content ul li a, #content a, #sidecol a{
	color:#03C;
}
#content ul li a:visited, #sidecol a:visited{
	color: #777;
}
#content ul li a:hover, #content a:hover, #sidecol a:hover{
	color: #777;
}
.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;
	margin-right: 0;
	width: 12px;
}
/*** BLOCKQUOTE ***/
blockquote{
	margin-top: 1.5em;
	margin-bottom: 3em;
}
blockquote p{
	font-size: 0.9em;
	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%;
}
#sidecol h4 {
	color: #333;
	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;
}
#related ul li a{
	text-decoration: none;
}
#sidecol ol {
	padding-left: 2em;
}
.side_box{
	border-left: 1px solid #ccc;
	margin-top: 5em;
	margin-left: 2em;
	padding-left: .5em;
	padding-right: 0;
}
/* BOTTOM NAVIGATION */
#bottomnav {
	background-image:url(/es/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%;
}
#bottomnav h5{
	padding-top: 2em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2em;
}
#bottomnav ul{
	margin-bottom: 2em;
}	
#bottomnav ul li{
	background-image:url(/es/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;
	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;
	margin-left: 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:40%;*/
	width:15%;
}
#footer #unfooter{
	float:left;
	font-weight: 100;
	text-align: right;
	/*width:56%;*/
	width:81%;
}
/** COMMON CLASSES **/
.headline{
	float: left;
}
.headline_thumb{
	float:left;
	margin-right: 10px;
}
.lge_title{
	color: #993913;
	margin-bottom: .5em;
	padding-bottom: 0;
	text-decoration:none;
}
.mdm_box{ /*to replace tables*/
width: 33%;
float: left;
margin-top: 20px;
}
.lg_box{/*to replace tables*/
width: 55%;
float:left;
clear:both;
}
.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;}
/*Nuevo sept. 21*/
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;
}