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



/**************************************** Topbox ****************************************/

#topbox {
	width:100%;
	margin-bottom:.5em;
	display:block;
	clear:both;
    
}

#topbox .topleft {
	float:left;
	background-color: #F9F9F9;
	width: 14.5em;
	height:26.25em;
	margin: .5em .5em 0em 0em;
	border-top:1px solid #E5E5E5;
	border-top:1px solid #E5E5E5;
}

.topleft h2 {

	font-size:95%;
}

.topleft a {
	color:#fff;
	text-decoration: none;
	padding:4.2em 0em 0em 0em;
	text-align: center;
	font-weight:bold;
	font-size:11px;
}

.hotspot-list1 {
    width: 152px; height: 60px;
    background: url(../images/hotspots/CPD.gif) no-repeat;
    margin: 15px auto; padding: 0;
    position: relative;
}

.hotspot-item1 a:hover {
    background: transparent url(../images/hotspots/CPD.gif) 0px -60px no-repeat;
	color:#013298;
}

.hotspot-list2 {
    width: 152px; height: 60px;
    background: url(../images/hotspots/estimates-sprite.gif) no-repeat;
    margin: 13px auto; padding: 0;
    position: relative;
}

.hotspot-item2 a:hover {
    background: transparent url(../images/hotspots/estimates-sprite.gif) 0px -60px no-repeat;
	color:#013298;
}

.hotspot-list3 {
    width: 152px; height: 60px;
    background: url(../images/hotspots/migration-sprite.gif) no-repeat;
    margin: 13px auto; padding: 0;
    position: relative;
}

.hotspot-item3 a:hover {
    background: transparent url(../images/hotspots/migration-sprite.gif) 0px -60px no-repeat;
	color:#013298;
}

.hotspot-list4 {
    width: 152px; height: 60px;
    background: url(../images/hotspots/capacity-development.gif) no-repeat;
    margin: 15px 0px 0px 10px; padding: 0;
    position: relative;
}

.hotspot-item4 a:hover {
    background: transparent url(../images/hotspots/capacity-development.gif) 0px -60px no-repeat;
	color:#013298;
}

.hotspot-list5 {
    width: 152px; height: 60px;
    background: url(../images/hotspots/making-family-planning-count.gif) no-repeat;
    margin: 15px 0px 0px 10px; padding: 0;
    position: relative;
}

.hotspot-item5 a:hover {
    background: transparent url(../images/hotspots/making-family-planning-count.gif) 0px -60px no-repeat;
	color:#013298;
}

.hotspot-list1 li, .hotspot-list2 li, .hotspot-list3 li, .hotspot-list4 li, .hotspot-list5 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}
  
.hotspot-list1 li, .hotspot-list1 a, .hotspot-list2 a, .hotspot-list2 li, .hotspot-list3 a, .hotspot-list3 li, .hotspot-list4 li, .hotspot-list4 a, .hotspot-list5 li, .hotspot-list5 a {
    width:152px; display: block;
}
	
.hotspot-item1, .hotspot-item2, .hotspot-item3, .hotspot-list4, .hotspot-list5 {left: 0; width: auto;}

.thumbs {
    margin:0px; 
    padding:0px;
}

.thumb-info {
    /*border: 1px solid black;*/
    list-style: none;
    height:7em;
    margin: 0em 0em .5em 0em;
}

#topbox .topcenter {
    float: left;
    background-color: #F4F4F4;
    width: 52em;
    /*width: 100%;*/
    /*height:26.25em;*/
    margin: .5em 0em 0em 0em;
    border-top: 1px solid #E5E5E5;
    -moz-border-radius-topleft: 10px;
    webkit-border-radius-topleft: 10px;
    -khtml-border-radius-topleft: 10px;
    border-radius-topleft: 10px;
}

#topbox .topright {
    float: left;
    background-color: #F4F4F4;
    width: 11em;
    height: 23.5em;
    margin: .5em 0em 0em 0em;
    border-top: 1px solid #E5E5E5;
    -moz-border-radius-topleft: 10px;
    webkit-border-radius-topleft: 10px;
    -khtml-border-radius-topleft: 10px;
    border-radius-topleft: 10px;
}


/**************************************** Centerbox ****************************************/

#centerbox	{
	width:100%;
	/*height: 63em;*/
	height: 52em;
	display:block;
	clear:both;
	padding-top:2em !important;
}

/*** Left box ****/

.centerboxleft {
	float:left;
}

.centerboxleft1 {
	width:14.5em;    
	margin:0em .5em 0em 0em;
	background-color:#FCFCFC;  
    padding-right:1px;  
     
}

.centerboxleft2 {
	width:14.5em;   
	margin: 15px .5em 0em 0em;
	background-color:#FCFCFC;  
    padding-right:1px;      
}

.centerboxleft3 {
	width:14.6em;     
    border:1px solid #d6d6d6;
	margin:0em .5em 0em 0em;
	background-color:#FCFCFC; 
    height:346px;     
}

.centerboxleft4 {
	width:14.6em;     
    border:1px solid #d6d6d6;
	margin:0em .5em 0em 0em;
	background-color:#FCFCFC; 
    height:250px;      
}


/* Center right boxes */

.centerboxright1 {
	width:15.0em;
	float:left;	
	margin:0em 0em 0em .6em;
	background-color:#FCFCFC;
    
}

.centerboxright2 {
	width:14.5em;    
	float:left;	
	margin:15px 0em 0em .6em;
	background-color:#FCFCFC;
}

.centerboxright3 {
	width:15.1em;   
    border:1px solid #d6d6d6;
	margin:0em .5em 0em 0em;
	background-color:#FCFCFC;  
    height:346px;
}

.centerboxright4 {
	width:15.1em;	
    height:11.8em;
    border:1px solid #d6d6d6;
	margin:0em .5em 0em 0em;
	background-color:#FCFCFC; 
    height: 250px;        
}

.centerboxright5 {
	width:15.1em;   
    border:1px solid #d6d6d6;
	margin:0em .5em 0em 0em;
	background-color:#FCFCFC;  
    height:134px;
}

.centerboxright1 h3 {
	/*background-image:url(../images/center_right_h4.gif);*/
    background-color:#070050;
    color: white;
	padding: .1em 0 .1em .3em;
	font-weight: 500;
    width:12.0em;
}

.centerboxright2 h3 {
	/*background-image:url(../images/center_right_h4.gif);*/
    background-color:#070050;
    color: white;
	padding: .1em 0 .1em .3em;
	font-weight: 500;
    width:12.0em;
}

.centerbreakleft1 {
	width:22.5em;
    height:20em;
	border:1px solid #d6d6d6;
	margin:0em .5em 0em 0em;
	background-color:#FCFCFC;       
}

.widgetheader h2 {		
	padding-left: 2px;
	font-size: 14px;
	height: 26px;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px 0px 0px 0px;	
	text-indent: 10px;
	line-height: 26px;
}

.centerboxleft h2 {
	    
    color: #0c559a;
	padding-left: 2px;
	font-size: 14px;
	height: 26px;
	width:12.5em;	
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px 0px 0px 0px;
	background: #acc8d6 url(../images/corner_blue_right.jpg) right top no-repeat;
	text-indent: 10px;
	line-height: 26px;
}

.centerboxright h2 {
    color: #0c559a;
	padding-left: 2px;
	font-size: 14px;
	height: 26px;
	width:12.99em;	
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px 0px 0px 0px;
	background: #acc8d6 url(../images/corner_blue_left.jpg) left top no-repeat;
	text-indent: 10px;
	line-height: 26px;
}

/* Centernews */

.centernews {
	width:48em;	
	float:left;
}

.centernews p {
	padding-left:.4em;
}

.centernews h2 {	
    display:block;
	font-weight:700;
	color: #0c559a;
	padding-left: 2px;
	font-size: 14px !important;   
}	

.centernews h3 {
	margin:.6em 0em .3em 0em;
	padding-left:.3em;
    font-size: 14px !important;
}

.centernews h3 a {
	text-decoration:none;
}

.centernews h3 a:hover {
	text-decoration:underline;
}	

.centernews ul, .centerbreakleft ul, .centerbreakright ul {
	margin: .4em 0em .7em 0.2em;
}

.centernews_container {
    border-right:1px solid #d6d6d6;
    border-left:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;    
	font-size:13px;
	margin:0 0 0 0px;	
    padding-bottom:12px;  
    height:365px;     
}

.centernews h2, .centerbreakleft h3, .centerbreakright h3 {
    display:block;
	font-weight:700;
	color: #0c559a;
	padding-left: 2px;
	font-size: 14px !important;
    	
	height: 26px;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;   
	margin: 0px 0px 0px -1px;
	background: #acc8d6 url(../images/corner_blue_left.jpg) left top no-repeat;    
	text-indent: 10px;
	line-height: 26px;    

}

.events_container {
    border-right:1px solid #d6d6d6;
    border-left:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;    
	font-size:13px;
	margin: 15px 0px 5px 0px;    
    padding-bottom:12px;    
    height: 270px;
}


/* Centernews Archive */

.centernews_archive {
	width:80%;	
	float:right;
}

.centernews_archive p {
	padding-left:.4em;
}

.centernews_archive h2 {	
    display:block;
	font-weight:700;
	color: #0c559a;
	padding-left: 2px;
	font-size: 14px !important;   
}	

.centernews_archive h3 {
	margin:.6em 0em .3em 0em;
	padding-left:.3em;
    font-size: 14px !important;
}

.centernews_archive h3 a {
	text-decoration:none;
}

.centernews_archive h3 a:hover {
	text-decoration:underline;
}	

.centernews_archive ul, .centerbreakleft_archive ul, .centerbreakright_archive ul {
	margin: .4em 0em .7em 2em;
}

.centernews_archive_container {
    border-right:1px solid #d6d6d6;
    border-left:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;    
	font-size:13px;
	margin:0 0 0 0px;	
    padding-bottom:12px;
    
}

.centernews_archive h2, .centerbreakleft_archive h3, .centerbreakright_archive h3 {
    display:block;
	font-weight:700;
	color: #0c559a;
	padding-left: 2px;
	font-size: 14px !important;
    	
	height: 26px;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;   
	margin: 0px 0px 0px -1px;
	background: #acc8d6 url(../images/corner_blue_left.jpg) left top no-repeat;    
	text-indent: 10px;
	line-height: 26px;    

}

.centerboxleft ul, .centerboxright ul {
	margin-top:.7em;
}

.centerboxleft ul li, .centerboxright ul li {
	background-position:6px 7px;
	list-style-type:none;
	margin-top:0.1em;
	padding:0.2em 0.2em 0.3em .8em;
}

.centerboxleft ul li a, .centerboxright ul li a {
	color:#464646;
}

.centerbreakright p, .centerbreakleft p {
	line-height:1.5em !important;
}

.centernews ul li, .centerbreakleft ul li, .centerbreakright ul li {
	background-image: url(../images/bullet3.gif);
	background-repeat: no-repeat;
	list-style-type:none;
	background-position:.5em .7em;
	padding: .4em 0em 0em 1.6em;
	margin: 0em 0em 0em 0em;
}

.centerbreakleft {
	width:22.5em;
	float:left;
	margin:0em 1.5em 0em 0em;
}

.centerbreakleft h3, .centerbreakright h3 {
	margin:1.5em 0em 0em 0em;
}

.centerbreakright {
	width:22.5em;
	float:left;
	margin:0em 0em 0em 1.5em;	

}



/*** Inside Population ***/


#bottombox {
	height:10em;
    margin-top:65px;
}

#bottombox h3 {
	border-top:1px solid #B0C769;
	border-bottom:1px solid #B0C769;
	background-color:#E3E3E3;
	padding-top:.2em;
	padding-bottom:.2em;
	padding-left:.2em;
	color:#333333;
}

#bottombox h4 {
	font-size:99%;
	margin-top:.5em;
}

#bottombox p {
	margin-top:.2em;
	padding-right:1em;
}


#bottombox ul {
	margin-left:4.9em;
}

#bottombox ul li {
	float:left;
	list-style:none;
	width:14em;
}

/*** Countries By Letter ***/

#countriesByLetter {
	float: left;
	
}

#countriesByLetter tr {
		
}

#countriesByLetter td {
	border: 1px solid black;
		
}

.countryDiv {
	display:none;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:18px;	
}