/*************************************************************************
	@imports
*************************************************************************/

/*************************************************************************
  @zones	
*************************************************************************/
	div#zoneHeader
	{
		background: transparent url(../img/home/bg_zoneHeader.gif) left top repeat-x;
		height: 125px;
		position: relative;
	}
	
	div#zoneUtilities
	{
		margin-top: 0;
		padding-top: 0;
	}
		
	#zoneMain #zone1 h3 { margin-top: 0em; }

	/*********************/
	/*** @zoneBranding ***/
	/*********************/
		div#zoneBranding
		{
			background: transparent url(../img/home/logomark_screen.gif) left top no-repeat;
			border-bottom: 3px solid #b69178;
			height: 125px;
		}
				
		div#zoneBranding h1,
		div#zoneBranding strong
		{
			left: 63px;
			top: 45px;
			width: 347px;
		}
		
		div#zoneBranding h1 a,
		div#zoneBranding strong a
		{
			background: transparent url(../img/home/logoEnLg_screen.gif) left top no-repeat;
			height: 19px;
			width: 347px;
		}
		
		div#zoneBranding h1 div,
		div#zoneBranding strong div
		{
			top: 3px;
			width: 200px;
		}
		
		div#zoneBranding h1 div a,
		div#zoneBranding strong div a
		{
			background: transparent url(../img/home/logoRuSm_screen.gif) left top no-repeat;
			height: 17px;
			width: 200px;
		}

		
		/*** @zoneCobrand ***/
			div#zoneCobrand
			{
				float: right;
				margin: 0;
				padding: 0;
				position: relative;
				right: 34px;
				top: 52px;
				width: 371px;
			}
	
			div#zoneCobrand h2
			{
				width: 371px;
			}
			
			div#zoneCobrand h2 a
			{
				background: transparent url(../img/home/logoCEIPEn.gif) left top no-repeat;
				display: block;
				height: 11px;
				width: 371px;
			}
	
		div#zoneCobrand ul.centersNav
		{
			display: table;
			width: 371px;
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			left: 1px;
			top: 3px;
		}

		div#zoneCobrand ul.centersNav li
		{
			background: transparent url(../img/hdrnav_bullet.gif) left center no-repeat;
			list-style: none;
			float: left;
			margin-left: 4px;
			padding: 0 3px 0 12px;
		}
			
			div#zoneCobrand ul.centersNav li a
			{
				height: 7px;
			}
			
			div#zoneCobrand li#washington	{ margin-left: 0; background: none; padding-left: 0; }
			div#zoneCobrand li#washington a	{ background-image: url(../img/home/hdrnav_washingtondc.gif); width: 102px; }
			div#zoneCobrand li#washington a:hover	{ background-image: url(../img/home/hdrnav_washingtondc_active.gif); }
			
			div#zoneCobrand li#moscow a	{ background-image: url(../img/home/hdrnav_moscow.gif); width: 54px; }
			div#zoneCobrand li#moscow a:hover	{ background-image: url(../img/home/hdrnav_moscow_active.gif); }
			
			div#zoneCobrand li#beijing	{ padding-left: 11px; }
			div#zoneCobrand li#beijing a	{ background-image: url(../img/home/hdrnav_beijing.gif); width: 44px; }
			div#zoneCobrand li#beijing a:hover	{ background-image: url(../img/home/hdrnav_beijing_active.gif); }
			
			div#zoneCobrand li#beirut a	{ background-image: url(../img/home/hdrnav_beirut.gif); width: 40px; }
			div#zoneCobrand li#beirut a:hover	{ background-image: url(../img/home/hdrnav_beirut_active.gif); }
			
			div#zoneCobrand li#brussels	{ padding-right: 0; padding-left: 11px; }
			div#zoneCobrand li#brussels a	{ background-image: url(../img/home/hdrnav_brussels.gif); width: 56px; }
			div#zoneCobrand li#brussels a:hover	{ background-image: url(../img/home/hdrnav_brussels_active.gif); }
		
		
	/************************/
	/*** @containerSearch ***/
	/************************/
		div.containerSearch	
		{
			bottom: 12px;
			display: block;
			width: 100%;
			margin: 0;
			padding: 0;
		}

		div.containerSearch	form input.txtFld
		{
			background-color: #FFF;
			border: 1px solid #bdd1e8;
			border-right: none;
			color: #949381;
			font-size: 1.1em;
			font-weight: bold;
			padding: 4px 0 4px 4px;
			width: 225px;
		}

		div.containerSearch	form button
		{
			background-image: url(../img/home/btn_searchSite.gif);
			float: right;
			height: 25px;
			width: 25px;
			padding: 2px;
		}
			
			
	/*******************/
	/*** @navPrimary ***/
	/*******************/
		div#wrapper.home div#navPrimary
		{
			border-bottom: 1px solid #FFF;
			background: none;
			height: auto;
			width: auto;
			font-size: 1.2em;
			padding: 5px 10px 0 10px;
			width: 122px;
		}
		
		div#wrapper.home div#navPrimary ul
		{
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			margin: 0;
		}
		
		div#wrapper.home div#navPrimary li
		{
			background: none;
			float: none;
			margin: 0;
			list-style: none;
			padding-bottom: 1em;
		}
		
		div#wrapper.home div#navPrimary li#aboutus
		{
			padding-bottom: 0;
			margin-bottom; 0;
		}
		
		div#wrapper.home div#navPrimary li a
		{
			background: none;
			color: #3d71b7;
			font-size: 1.4em;
			font-weight: normal;
			padding: 0;
			text-decoration: none;
		}

		div#wrapper.home div#navPrimary li#arabic a
		{
			font-size: 1.8em;
			font-weight: normal;
			line-height: normal;
			padding-bottom: 0;
			margin-bottom; 0;
		}		
		
		div#wrapper.home div#navPrimary li a:hover
		{
			border-bottom: none;
			text-decoration: underline;
		}
		
		div#wrapper.home div#zoneUtilities strong.top
		{
			background-color: #8CABD4;
			color: #FFF;
			display: block;
			font-size: 1em;
			margin: 0 0 .7em 0;
			padding: 6px 10px 5px 10px;
			text-transform: uppercase;
		}
	
		div#wrapper.home div#navPrimary li#language a
		{
			background-color: transparent;
			background-position: center top;
			background-repeat: no-repeat;
			display: block;
			margin-top: 10px;
			padding: 0;
			width: 102px;
			height: 23px;
		}
		div#wrapper.home div#navPrimary li#language a:hover	{ background-position: center -23px; }
		
		div#wrapper.home div#navPrimary li#language.english a	{ background-image: url(../img/home/btn_langEnglish.gif); }
		div#wrapper.home div#navPrimary li#language.russian a	{ background-image: url(../img/home/btn_langRussian.gif); }
		
	
/*************************************************************************
	@zoneUtilities
*************************************************************************/
		div.pageTools.portalLinks ul li
		{
			background: none;
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
		}
		
		div.pageTools ul li span
		{
			display: block;
			margin: .5em 0 0 -24px;
		}
		
		/* for containerRelated forms */
		#zoneUtilities div.pageTools form	{ display: table; width: 105px; margin: 0; padding: 0; }
		#zoneUtilities div.pageTools form div.group li	{ padding: 0; display: table; width: 100%; }
		#zoneUtilities div.pageTools form div.group label	{ width: auto; padding: 0; }
		#zoneUtilities div.pageTools form div.group span.title	{ display: table; line-height: 1.3em; padding: 0; float: left; margin-left: .5em; width: 80px; }
		#zoneUtilities div.pageTools form div.group li label span.title a	{ font-weight: normal; }
		#zoneUtilities div.pageTools form div.group input.checkbox	{ float: left; margin-top: .6em; }
		#zoneUtilities div.pageTools form span	{ width: auto; }
		#zoneUtilities div.pageTools form div.exitLink	{ text-align: center; }
					
			
	/***********************/
	/*** @languageToggle ***/
	/***********************/
	div#languageToggle
	{
		background: #ae8970 url(../img/home/bg_languageToggle.jpg) left top repeat-x;
		border-bottom: 1px solid #7d6554;
		float: none;
		margin: 0pt;
		padding: 0pt;
	}	
	
	div#languageToggle ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	div#languageToggle ul li#arabic
	{
		bottom: 8px;
		left: 0;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	div#languageToggle li#arabic a:hover, div#languageToggle li#arabic.active a
	{
		border-bottom: none;
	}
/*************************************************************************
	@zone1
*************************************************************************/

/*** @tabFeatureRot ***/

	div#tabFeatureRot,
	div#tabFeature
	{
		display: block;
		margin: 0;
		padding: 0;
		position: relative;
		bottom: 30px;
		margin-bottom: -20px;
	}
	div#tabFeature	{ margin-bottom: 10px; }

	div#tabFeatureRot .content,
	div#tabFeature .content
	{
		color: #717264;
		display: block;
		padding: 15px;
		border: 1px solid #BCD0E8;
		border-top: 0;
		background-color: #FFF;
		height: 280px;
		overflow: auto;
		font-family: georgia, serif;
		background: transparent url(../img/bg_issueIntro.gif) left bottom repeat-x;	
	}
	div#tabFeature .content	{ border-top: 1px solid #BCD0E8; height: 286px; }

	/* tabs */
		div#tabFeatureRot ul.tabs
		{
			border-bottom: 1px solid #BCD0E8;
			display: table;
			position: relative;
			right: 21px;
			top: 12px;
			width: 100%;
			/*background: transparent url(../img/bg_issueIntro.gif) left 20px repeat-x;	*/
		}

		div#tabFeatureRot ul.tabs li
		{
			list-style: none;
			float: left;
			position: relative;
			top: 1px;
		}
		
		div#tabFeatureRot ul.tabs li a
		{
			display: block;
			padding: 5px 1em;
			padding-top: 0.4em;
			margin-left: 3px;
			border: 1px solid #A1B1D7;
			border-bottom: none;
			background: #E2EAF4 url(../img/bg_tabFeatureTab.gif) left bottom repeat-x;
			text-decoration: none;
			font-size: 1.1em;
			font-family: arial, sans-serif;
			font-weight: bold;
		}
		
		div#tabFeatureRot ul.tabs li:first-child a
		{
		}
		
		div#tabFeatureRot ul.tabs li a:hover
		{
			color: #333;
		}
		
		div#tabFeatureRot ul.tabs li a:focus
		{
			outline: none;
		}
		
		div#tabFeatureRot ul.tabs li a.active, 
		div#tabFeatureRot ul.tabs li a.active:hover
		{
			background: #fff;
			color: #333;
			border-bottom: 1px solid #fff;
		}

	
	/*for safari*/
	@media screen and (-webkit-min-device-pixel-ratio:0){
	#tabFeatureRot ul.tabbernav li { position: relative; top: 1px;}
	}	

	div#tabFeatureRot .tabbed-content
	{
		/*background: transparent url(../img/bg_issueIntro.gif) left bottom repeat-x;*/
	}
		
	div#tabFeatureRot div.featured-text p
	{
		font-size: 1.1em;
	}
		
	div#tabFeatureRot div.featured-text h1
	{
		margin: -.2em 0 .3em 0;
		padding: 0;
		font-weight: normal;
		font-size: 2.1em;
		line-height: 1.1em;
	}
	
	div#tabFeatureRot.program div.featuredtitle h1 
	{
		padding: 0; 
		display:block;
		font-weight: normal;
		font-size: 1.8em;
		line-height: 1.1em;
		margin: -.2em 0 .3em 0;
	}
	
	div#tabFeatureRot div.featured-text a.readmore
	{
		float: right;
		font-weight: bold;
		font-size: .9em;
		padding-left: .6em;
		margin-top: .5em;
		text-transform: uppercase;
	}
	
	div#tabFeatureRot dl
	{
		font-family: arial, sans-serif;
		font-size: .9em;
		display: block;
		margin: .8em 0 0 0;
		padding: 0;
	}
		
	div#tabFeatureRot dt
	{
		border-top: 1px dotted #666;
		display: block;
		float: none;
		font-weight: normal;
		font-size: .8em;
		padding: 0;
		margin: .4em 0 .2em 0;
		text-transform: uppercase;
	}
	
	div#tabFeatureRot dd
	{
		display: block;
		float: none;
		clear: right;
		width: 100%;
		margin-left: 0;
		margin-bottom: 0.2em;
		padding-bottom: 0;
	}
	
	div#tabFeatureRot dd a
	{
		font-weight: bold;
	}

	div#tabFeatureRot span.contentImg.nowrap	{ padding: 0 0 1em 0; display: block; }

	#zoneMain.landing #zone1 div.containerDoc
	{
		display: table;
		margin-top: 15px;
		width: 100%;
		font-size: .9em;
		line-height: 1.3em;
	}
	#zoneMain.landing #zone1 div.topStories div.containerDoc	{ font-size: 1em; }

	#zoneMain.landing #zone1 div.containerDoc h3
	{
		font-size: 1.7em;
		font-weight: normal;
		line-height: 1.15em;
	}
	#zoneMain.landing #zone1 div.topStories div.containerDoc h3	{ font-size: 1.7em; line-height: 1.2em; }

	#zoneMain.landing #zone1 div.containerDoc span.metaD
	{
		display: block;
		margin-bottom: .3em;
		text-transform: uppercase;
	}
	
	#zoneMain.landing #zone1 div.topStories div.containerDoc p	{ font-size: 1em; line-height: 1.5em; }

	#zoneMain.landing #zone1 span.contentImg
	{
		float: left;
		margin: 0;
	}
	#zoneMain.landing #zone1 span.contentImg.wide	{ display: block; padding-right: 0; }
	#zoneMain.landing #zone1 span.contentImg.right	{ float: right; padding: 3px 0 5px 10px; }
	
	/* @containerPromo */
		#zoneMain.landing #zone1 h3.containerPromo
		{
			display: block;
			margin: 1em 0;
		}
	
		#zoneMain.landing #zone1 h3.containerPromo a
		{
			background-color: transparent;
			background-position: center center;
			background-repeat: no-repeat;
			display: block;
			width: 440px;
			height: 40px;
		}
		#zoneMain.landing #zone1 h3.containerPromo.newVision a	{ background-image: url(../img/home/bnr_newVision2.jpg); }
	
	
/*************************************************************************
	@zone2
*************************************************************************/

	/* @containerRelated */
	#zone2 div.containerRelated.feature
	{
		background-image: url(../img/home/bg_containerIntro.jpg);
		background-position: center bottom;
		margin-bottom: 3px;
		padding-bottom: 30px;
	}
	
	#zone2 div.containerRelated.feature div.containerDoc
	{
		color: #002664;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1em;
		line-height: 1.7em;
	}
	
	#zone2 div.containerRelated.feature div.containerDoc p span.moreLink
	{
		border-left: 1px solid #002664;
		font-family: arial,sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		margin-left: 15px;
		padding-left: 5px;
		text-transform: uppercase;
	}



	/* @containerPromo */
	#zone2 h3.containerPromo
	{
		display: block;
		margin-bottom: 1em;
	}

	#zone2 h3.containerPromo a
	{
		background-color: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		display: block;
		width: 250px;
	}
	
	#zone2 h3.containerPromo.newVision	{ display: block; height: 98px; margin-bottom: 25px; }
	#zone2 h3.containerPromo.newVision a	{ background-image: url(../img/home/bnr_newVision.jpg); height: 98px; }
	
	#zone2 h3.containerPromo.nppCon2009	{ margin: 20px 0; }
	#zone2 h3.containerPromo.nppCon2009 a	{ background-image: url(../events/nppCon2009/banner_squareShort.jpg); height: 100px; }
	#zone2 h3.containerPromo.nppCon2009 span	{ color: #888; display: block; font-size: .6em; font-weight: normal; padding-bottom: .2em; text-transform: uppercase; }
	
	#zone2 h4
	{
		font-size: 1.4em;
		font-weight: normal;
		line-height: 1.1em;
	}
	
	/* @promoLink */
	#zone2 div.promoLink
	{
		margin: 0 auto; 
		text-align:center;	
	} 
	
	/* centerHighlights */
	#zone2 div.containerRelated,
	#zone2 div.containerRelated.feedFB
	{
		background: #FFF url(../img/home/bg_zone2.gif) left top no-repeat;
		border-bottom: none;
		position: relative;
		margin-bottom: 1em;
	}
	#zone2 div.containerRelated.centerHighlights div#beirutch.containerDoc	{ display: none; }
	
	#zone2 div.containerRelated h5,
	#zone2 div.containerRelated.feedFB h5
	{
		background-color: transparent;
		background-image: none;
		background-position: left top;
		background-repeat: no-repeat;
		position: relative;
		right: 10px;
		top: 5px;
		text-align: right;
		width: 100%;
	}
	#zone2 div.containerRelated.centerHighlights h5	{ background-image: url(../img/home/bg_zone2highlightsCenters.gif); left: 0; top: 0; }
	#zone2 div.containerRelated h5.latestCommentaryAnalysis,
	#zone2 div.containerRelated.feedFB h5.latestCommentaryAnalysis	{ background-image: url(../img/home/hdr_latestCommentaryAnalysisAr.gif); }

	#zone2 div.containerRelated div.containerDoc
	{
		border-bottom: 1px dotted #ccc;
		margin-bottom: 1em;
		padding-bottom: 1em;
	}
	#zone2 div.containerRelated div.containerDoc.last
	{
		border-bottom: 2px solid #EBEBE3;
		margin-bottom: 0;
	}
	
	#zone2 div.containerRelated div.metaD
	{
		font-size: 1.2em;
		margin-bottom: .2em;
	}
	
	#zone2 div.containerRelated div.metaD span
	{
		color: #666;
		display: inline;
	}
	
	#zone2 div.containerRelated div.metaD span.location
	{
		background-position: left 3px;
		background-repeat: no-repeat;
		background-color: transparent;
		font-weight: normal;
		padding-left: 16px;
	}
	#zone2 div.containerRelated div.metaD span.beijing	{ background-image: url(../img/blt_beijing.gif); }
	#zone2 div.containerRelated div.metaD span.beirut	{ background-image: url(../img/blt_beirut.gif); }
	#zone2 div.containerRelated div.metaD span.brussels	{ background-image: url(../img/blt_brussels.gif); }
	#zone2 div.containerRelated div.metaD span.moscow	{ background-image: url(../img/blt_moscow.gif); }
	#zone2 div.containerRelated div.metaD span.washington	{ background-image: url(../img/blt_washington.gif); }
		
	#zone2 div.containerRelated div.containerDoc p
	{
		line-height: 1.3em;
		margin-bottom: .5em;
	}
	
	#zone2 div.containerRelated div.containerDoc div.pageTools ul li
	{
		font-size: .85em;
		line-height: 1.5em;
		padding-left: 24px;
		margin-bottom: .3em;
	}

	#zone2 div.containerRelated.feature.events
	{
		background: #FFF url(../img/home/bg_zone2featuredEvents.gif) right top no-repeat;
		border-top: none;
		padding-left: 0;
		padding-right: 0;
		padding-top: 2em;
	}
	
	/* feedFB */
	#zone2 div.containerRelated.feedFB span.headline a
	{
		font-family: georgia, serif;
		font-size: 1.1em;
		font-weight: normal;
		line-height: 1.1em;
	}
	
	
/*************************************************************************
	@zone3
*************************************************************************/
	#zone3 div.containerDoc span.contentImg
	{
		display: block;
		height: 60px;
		overflow: hidden;
		padding-right: 0;
		position: relative;
	}
	
	/*** project display ***/
		#zone3 div.containerDoc span.contentImg.fourCols	{ width: 155px; }
	
		#zone3 div.containerDoc span.contentImg img	{ position: relative; bottom: 10px; }
		#zone3 div.containerDoc span.contentImg.middleEastEconomies img { bottom: 38px; }
		#zone3 div.containerDoc span.contentImg.security img	{ bottom: 10px; right: 50px; }
		#zone3 div.containerDoc span.contentImg.arabPolitics img	{ bottom: 0px; }
		
		
		
		

	
	/*** @eurocrisisbox ***/
	div#zone1 div#eurocrisisbox.featurebox 
	{
		background: #3669AB url(/media/publications/special/misc/eurocrisis/img/home/bg_featureBox.jpg) left bottom no-repeat;
		border: none;
		color: #FFF;
		padding: 0 0 10px 0;
	}
	
	div#zone1 div#eurocrisisbox.featurebox h2
	{
		background: transparent url(/media/publications/special/misc/eurocrisis/img/home/hdr_paradigmLost.jpg) left top no-repeat;
		display: block;
		margin: 0;
		padding: 0;
		width: 440px;
		height: 93px;
	}
	div#zone1 div#eurocrisisbox.featurebox h2 a	{ display: block; width: 100%; height: 93px; }
	
	div#zone1 div#eurocrisisbox.featurebox div.intro
	{
		background: transparent url(/media/publications/special/misc/eurocrisis/img/home/bg_intro.jpg) left top no-repeat;
		font-size: .9em;
		line-height: normal;
		margin: 0;
		padding: 10px 20px 15px 20px;
		width: 400px;
	}
	div#zone1 div#eurocrisisbox.featurebox div.intro a	{ color: #E9B31F; font-weight: bold; text-transform: uppercase; }

	div#zone1 div#eurocrisisbox.featurebox div.containerCols
	{
		display: table;
		margin: 0;
		padding: 0 10px 0 20px;
	}

	div#zone1 div#eurocrisisbox.featurebox div.column.first
	{
		margin: 0;
		padding: 0;
		width: 140px;
	}

	div#zone1 div#eurocrisisbox.featurebox div.column.first ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
		color: #FFF;
		font-size: 1.3em;
		line-height: 1.1em;
	}

	div#zone1 div#eurocrisisbox.featurebox div.column.first li
	{
		margin: 0 0 .5em 0;
		padding: 0 0 0 10px;
		list-style: none;
		color: #FFF;
		font-size: 1em;
		line-height: 1.1em;
	}

	div#zone1 div#eurocrisisbox.featurebox div.column.first li a
	{
		background: transparent url(/media/publications/special/misc/eurocrisis/img/home/bullet.gif) left .25em no-repeat;
		padding-left: 14px;
		margin-left: -14px;
		color: #FFF;
	}
	div#zone1 div#eurocrisisbox.featurebox div.column.first li a:hover	{ color: #EAB21F; }

	div#zone1 div#eurocrisisbox.featurebox div.column.last
	{
		margin: 0;
		padding: 0;
		width: 270px;
		height: 138px;
	}
	
	/*#wrapper.home #zoneMain #zone1 #eurocrisisbox	{ display: none; }*/