@charset "utf-8";

/* import global style definitions */

@import url("/_include/styles/_global.css");

@media screen {

	/* altering to inherited global style definitions */
	
	#page-content h1.hidden {
		display: none;
	}
	
	#page-content div.destinations-flash-map {
		margin-top: 20px;
		padding-left:10px;
	}
	#page-content h2.pink {
		color: #ed4598;
	}
	
	#page-content h2.blue {
		color: #00a9a7;
	}
	
	#page-content h2.yellow {
		color: #fac42a;
	}
	
	#page-content h2.green {
		color: #7abf49;
	}
	
	#page-content div.photo {
		width:272px;
		height:255px;
		background: url(/_design/countries/photo-bg.gif) no-repeat scroll bottom;
		float:left;
		margin-bottom:40px;
	}
	
	#page-content div.photo img {
		display: block;
		float: none;
	}
	#page-content div.photo .addthis_toolbox {
		margin-top:15px;
		margin-left:18px;
	}
	#page-content img.map {
		width:220px;
		margin-left:26px;
		float: left;
	}
	
	#general-info {
		width: 750px;
		background: url(/_design/countries/bg-country-general-info.jpg) no-repeat scroll;
		overflow: hidden;
		clear: both;
		padding:50px 0px 20px 0px;
	}
	
		#general-info .flag {
			width: 320px;
			float: left;
			background: url(/_design/countries/flag_bg.gif) no-repeat scroll right 90px;
		}
		
		#general-info .flag img {
			margin: 20px 0px 20px 55px;
		}
		#general-info .country-info-holder {
			width:380px;
			float:left;
		}
		#general-info .country-info-top {
			width: 380px;
			line-height:9px;
			font-size:1px;
			height:9px;
			float: left;
			background: url(/_design/countries/country-details-box-top.gif) no-repeat;
		}
		
		#general-info .country-info-bottom {
			width: 380px;
			height:9px;
			float: left;
			background: url(/_design/countries/country-details-box-bottom.gif) no-repeat;
		}
		
		#general-info .country-info {
			width: 380px;
			float: left;
			padding:0px;
			background:#e6e6e6;
			color:#333;
		}
		
		#general-info .country-info p {
			margin: 15px 20px;
		}
		
		#general-info .country-info p strong.title {
			font-size: 16px;
			color: #333;
		}
		
		#general-info .country-info ul {
			margin: 0px 20px;
			margin-bottom:10px;
			padding: 0px;
		}
		
		#general-info .country-info ul li {
			list-style-type: none;			
		}
	
	#box-more-information-frame,
	#projects-in-country-frame {
		float: left;
		padding-top:8px;
		margin-bottom:20px;
	}
		
		#projects-in-country-frame {
			width:640px;
			float: right;
			padding-right:60px;
			background: url(/_design/countries/projects-in-country-top.gif) no-repeat top left;
		}
		
		#box-more-information-frame {
			width:640px;
			float: right;
			padding-right:60px;
			background: url(/_design/countries/projects-in-country-top.gif) no-repeat top left;
		}

		#box-more-information-frame .more-information {
			float: left;
			width: 640px;
			padding-bottom:15px;
			background: url(/_design/countries/projects-in-country-bottom.gif) #e6e6e6 no-repeat bottom;
		}
		
		#projects-in-country-frame .projects-in-country {
			float: left;
			width: 640px;
			height: 117px;
			background: url(/_design/countries/projects-in-country-bottom.gif) #e6e6e6 no-repeat bottom;
		}
		
		#projects-in-country-frame .projects-in-country .caption {
			float: left;
			width: 368px;
			height:63px;
			padding-top:24px;
		}
		
		#box-more-information-frame .more-information .caption { 
			float: left;
			width: 318px;
		}
		
		#projects-in-country-frame .projects-in-country .caption p {
			width: 328px;
			height:63px;
			font-size: 16px;
			color:#fff;
			text-align: left;
			font-weight: bold;
			margin:0px 0px 0px 30px;
			padding-left:10px;
			padding-top:10px;
			background: url(/_design/countries/caption-1.gif) no-repeat;
			display:block;
		}
		
		#box-more-information-frame .more-information .caption p {
			font-size: 16px;
			text-align: left;
			font-weight: bold;
			padding: 40px 20px 10px 50px;
			margin:0px;
		}
		
		
		#projects-in-country-frame .projects-in-country .projects-list-frame {
			padding: 15px 30px 0px 10px;
		}
		
		#projects-in-country-frame .projects-in-country .projects-list {
			float: right;
			width: 230px;
			height: 87px;
		}
		
		#box-more-information-frame .more-information .list-frame {
			float: left;
			width: 308px;
			height: 117px;
			background: url(/_design/countries/caption-2.gif) no-repeat;
			margin-top:15px;
			color:#FFF;
		}
			#box-more-information-frame .more-information .list-frame ul {
				margin-top:14px;
			}
			#box-more-information-frame .more-information .list-frame a {
				color:#fff;
				text-decoration:underline;
			}
			
			#box-more-information-frame .more-information .list-frame a:hover {
				color:#ddd;

			}
			
			#box-more-information-frame .more-information .projects-list form,
			#projects-in-country-frame .projects-in-country .projects-list form {
				float: left;
				padding: 0px 0px;
				margin:0px;
			}
			
			#box-more-information-frame .more-information .projects-list form span,
			#projects-in-country-frame .projects-in-country .projects-list form span {
				color: #333;
				font-size: 16px;
				margin: 0px;
				padding: 0px 0px 10px 0px;
				display: block;
				font-weight:bold;
			}
			
			#box-more-information-frame .more-information .projects-list form select,
			#projects-in-country-frame .projects-in-country .projects-list form select {
				font-family:Verdana, Geneva, sans-serif;
				width: 165px;
				cursor: pointer;
				display: block;
			}
			
			#box-more-information-frame .more-information .projects-list form optgroup,
			#projects-in-country-frame .projects-in-country .projects-list form optgroup {
				font-family:Verdana, Geneva, sans-serif;
				color: #333333;
				font-style: normal;
				font-weight: normal;
				padding-left:3px;
			}
			
			#box-more-information-frame .more-information .projects-list form option,
			#projects-in-country-frame .projects-in-country .projects-list form option {
				color: #333333;
			}
			
			#box-more-information-frame .more-information .projects-list form optgroup option,
			#projects-in-country-frame .projects-in-country .projects-list form optgroup option {
				color: #666666;
				font-size: 11px;
			}
			
	#apply-now-frame,
	#box-more-information-frame {
		width: 640px;
		margin: 10px 60px;
		padding-top: 8px;
		background: url(/_design/countries/projects-in-country-top.gif) no-repeat top left;
		clear: both;
		overflow: hidden;
		float: none;
	}

		#apply-now-frame .apply,
		#box-more-information-frame .more-information {
			float: left;
			width: 640px;
			padding-bottom:15px;
			background: url(/_design/countries/projects-in-country-bottom.gif) #e6e6e6 no-repeat bottom;
		}
		
		#apply-now-frame .apply .caption,
		#box-more-information-frame .more-information .caption { 
			float: left;
			width: 318px;
		}
		
		#apply-now-frame .apply .caption p,
		#box-more-information-frame .more-information .caption p {
			font-size: 16px;
			text-align: left;
			font-weight: bold;
			padding: 40px 20px 10px 50px;
			margin:0px;
		}
			
		#apply-now-frame .apply .list-frame,
		#box-more-information-frame .more-information .list-frame {
			float: left;
			width: 308px;
			height: 147px;
			background: url(/_design/volunteer-jobs/bg-caption.gif) no-repeat;
			margin-top:15px;
			color:#FFF;
		}
		
			#apply-now-frame .apply .list-frame ul,
			#box-more-information-frame .more-information .list-frame ul {
				margin-top:10px;
			}
			
			#apply-now-frame .apply .list-frame a,
			#box-more-information-frame .more-information .list-frame a {
				color:#fff;
				text-decoration:underline;
			}
			
			#apply-now-frame .apply .list-frame p,
			#box-more-information-frame .more-information .list-frame p {
				padding: 10px 0px 0px 15px;
				color:#fff;
			}
			
			#apply-now-frame .apply .list-frame a:hover,
			#box-more-information-frame .more-information .list-frame a:hover {
				color:#ddd;

			}
		
}

@media print {

	
}