/* import global style definitions */

@import url("_global.css");

@media screen {

	/* altering to inherited global style definitions */
	
	body {
		behavior: url(/_include/styles/csshover.htc);
	}
	
	#main-content {
		width: 960px;
		margin: 0px;
		padding: 0px 0px 10px 0px;
		display: block;
		float: left;
		background: url(/_design/index/bottom-round-corner.gif) no-repeat left bottom;
	}

	#intro {
		width: 960px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
	}

		#intro-text-frame {
			margin: 0px;
			padding: 8px 2px 0px 10px;
			float: left;
		}

		#intro-text {
			width: 228px;
			padding: 0px;
			color: #666;
			font-size: 10px;
			line-height: 14px;
			overflow: hidden;
			float: left;
		}

		#intro-text h1,	
		#intro-text h2 {
			font-size: 14px;
			line-height: 18px;
			margin: 8px 0px;
			color: #00573D;
		}

		#intro-text p {
			text-align: justify;
			margin-bottom: 0px;
			margin-top: 3px;
			margin-bottom: 0px;

		}

		#intro-text a {
			color: #568476;
		}

	#main-right-column {
		width: 720px;
		float: right;
	}

	#intro-banner-frame {
		float: left;
		padding: 6px 1px 4px 10px;
	}

		#intro-banner {
			width: 340px;
			height: 290px;
			padding: 0px;
			margin: 6px 0px 0px 0px;
			overflow: hidden;
			float: left;
		}

	.map {
		padding: 0px;
		margin: 12px 0px 0px 10px;
		background: url(/_design/index/bg-map.jpg) no-repeat scroll left top;
		float: left;
	}

	.map h2 {
		margin: 8px 0px;
		padding-left: 25px;
		font-size: 11px;
		line-height: 15px;
		background-repeat: no-repeat;
		background-position: 10px 3px;
	}

	.map a {
		text-decoration: none;
	}

	.map .world-map {
		width: 348px;
		margin: 0px;
		padding: 0px;
		background: url(/_design/index/destinations-world-map.gif) no-repeat scroll left bottom;
		overflow: hidden;
	}

	.destination-continents {
		width: 100%;
		float: left;
		position: relative;
	}

		.destination-continents a.destinations {
			width: 348px;
			height: 215px;
			top: 0px;
			left: 0px;
			position: absolute;
			z-index: 100;
			display: block;
		}

		.destination-continents ul {
			margin: 0px;
			padding: 219px 0px 10px 5px;
			list-style-type: none;
			float: left;
		}

		.destination-continents ul li {
			width: 68px;
			height: 30px;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			text-align: left;
			cursor: pointer;
			float: left;
		}
		
		.destination-continents ul li.africa {
			width: 52px;
		}
		
		.destination-continents ul li.asia {
			width: 42px;
		}
		
		.destination-continents ul li.eastern-europe {
			width: 78px;
		}
		
		.destination-continents ul li.latin-america {
			width: 90px;
		}
		
		.destination-continents ul li.south-pacific {
			width: 55px;
		}

		.destination-continents ul li strong {
			margin: 0px;
			padding: 10px 0px 8px 12px;
			background: url(/_design/_global/bullet-arrow.gif) no-repeat scroll 6px 12px;
			display: block;
		}

		.destination-continents ul li strong.pink-link,
		.destination-continents ul li strong.blue-link,
		.destination-continents ul li strong.yellow-link,
		.destination-continents ul li strong.purple-link {
			padding: 10px 0px 2px 12px;
		}

		.destination-continents ul li strong.green-link {
			padding: 4px 0px 8px 12px;
		}

		.destination-continents ul li ul {
			width: 67px;
			margin: 0px;
			margin: 0px;
			padding: 0px;
			position: absolute;
			background-color: #cfdcd9;
			z-index: 255;
			display: none;
			float: left;
		}

		.destination-continents ul li:hover ul {
			width: auto;
			margin: 0px;
			padding: 6px 0px 6px 12px;
			background-color: #cfdcd9;
			display: block;
		}

		.destination-continents ul li.africa ul {
			top: 84px;
			left: 5px;
		}

		.destination-continents ul li.asia ul {
			top: 84px;
			left: 56px;
		}

		.destination-continents ul li.latin-america ul {
			top: 84px;
			left: 102px;
		}

		.destination-continents ul li.eastern-europe ul {
			top: 173px;
			left: 190px;
		}

		.destination-continents ul li.south-pacific ul {
			top: 191px;
			left: 258px;
		}

		.destination-continents ul li ul li {
			width: 81px;
			height: auto;
			margin: 0px;
			padding: 3px 0px 3px 0px;
			background-image: none;
			line-height: 12px;
			text-align: left;
			display: block;
			float: none;
		}

		.destination-continents ul li ul li a {
			width: auto;
			margin: 0px;
			padding: 0px;
		}

		.destination-continents ul li ul li a:hover {
			text-decoration: underline;
		}

	#frame-news  {
		width: auto;
		margin: 6px 0px 0px 0px;
		padding: 0px 20px 8px 20px;
		background: url(/_design/index/bg-news-bottom.jpg) no-repeat scroll right bottom;
		overflow: hidden;
		float: left;
	}

		#frame-news .news {
			width: 200px;
			margin: 0px;
			padding: 0px;
			float: left;
		}

		#frame-news .news h2 {
			margin: 10px 0px 0px 0px;
			padding: 0px 0px 8px 15px;
			color: #00573d;
			background: url(/_design/index/arrow-purple.gif) no-repeat scroll left 4px;
			font-size: 13px;
		}

		#frame-news .news ul {
			height: 300px;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			overflow: hidden;
			float: none;
		}

		#frame-news .news ul li {
			margin: 3px 5px 0px 5px;
			padding: 4px 0px 0px 0px;
			color: #487b68;
		}


	#frame-projects {
		margin: 0px;
		padding: 8px 10px 0px 10px;
		background: url(/_design/index/bg-missions-box-bottom.jpg) no-repeat scroll 10px bottom;
		clear: right;
		float: right;
	}

		#projects {
			width: 700px;
			height: 340px;
			margin: 0px;
			padding: 0px;
			background: url(/_design/index/bg-missions-box-top.jpg) no-repeat scroll 0px 0px;
			overflow: hidden;
			float: left;
		}

		#projects h2 {
			width: 340px;
			height: 40px;
			margin: 0px;
			padding: 0px;
			font-size: 13px;
			overflow: hidden;
			display: block;
			float: left;
		}

		#projects h2 a {
			margin: 0px;
			padding: 15px 0px 0px 30px;
			background: url(/_design/index/arrow-green.gif) no-repeat scroll 15px 19px;
			float: left;
		}

		#projects ul {
			width: 100%;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
			display: inline;
			float: left;
		}

		#projects ul li {
			margin: 5px 0px 0px;
			padding: 0px 0px 0px 6px;
			display: inline;
			float: left;
		}

		#projects ul li a {
			width: 110px;
			height: 150px;
			margin: 0px;
			padding: 0px;
			display: block;
			float: left;
		}

		#projects ul li a strong {
			width: auto;
			height: 30px;
			padding: 0px 0px 0px 6px;
			color: #487b68;
			font-size: 9px;
			line-height: 13px;
			cursor: pointer;
			display: block;
			float: left;
		}

		#projects ul li a strong.valign-middle {
			line-height: 27px;
		}

		#projects ul li a:hover img {
			border-color: #00573d;
		}

		#projects ul li a img {
			width: 100px;
			height: 115px;
			margin-left: 3px;
			border: 2px solid #cfdcd9;
		}

	.more {
		float: right;
		margin: 8px 10px 0px 0px;
		padding: 0px;
	}

	
	/*
	#featured-boxes {
		width: 100%;
		float: left;
		padding: 0px;
		padding-bottom: 10px;
		margin: 0px;
	}

	#featured-boxes a {
		overflow: hidden;
	}

	#featured-boxes h2 {
		margin: 10px 0 5px 0px;
		padding-left: 10px;
		font-size: 11px;
		background-repeat: no-repeat;
		background-position: 10px 2px;
	}

	#featured-boxes a:hover {
		text-decoration: none;
	}

	#featured-boxes .featured-photo {
		float: left;
		display: block;
		padding: 0;
		margin: 8px 0 8px 6px !important;
		margin: 8px 0 8px 3px;
		text-align: left;
		position: relative;
		overflow: hidden;
		z-index: 1;
	}

	#featured-boxes .featured-photo a {
		margin-bottom: 3px;
		border: 3px solid #cfdcd9;
		float: left;
	}

	#featured-boxes .featured-photo a:hover {
		border: 3px solid #02583F;
	}

	#featured-boxes .featured-photo img {
		width: 130px;
		height: 150px;
		margin-bottom: 0px;
		border: none;
	}

	.projects-boxes {
		width: 100%;
		float: left;
		clear: both;
	}

	.projects-boxes .featured-tall-green {
		width: 150px;
		margin: 8px 0px 0px 8px !important;
		margin: 8px 4px 0px 4px;
		padding: 0;
		position: relative;
		overflow: hidden;
		background: url(/_design/index/featured-projects-bg-top-tall.jpg) no-repeat scroll left top;
		text-align: center;
		float: left;
	}

	.projects-boxes .featured-tall-green p {
		width: 90%;
		position: relative;
		padding: 0px;
		margin: 0px auto 10px ;
		clear: both;
		overflow: hidden;
		float: none;
	}

	.projects-boxes .featured-tall-green p a {
		color: #666666;
		font-weight: normal;
		text-decoration: none;
	}

	.projects-boxes .featured-tall-green p a:hover {
		text-decoration: underline;
	}

	.projects-boxes .featured-tall-green a {
		color: #33826E;
		text-decoration: underline;
	}

	.projects-boxes .featured-tall-green h2 a {
		padding-left: 15px;
		font-size: 10px;
	}

	.projects-boxes .more-link {
		width: auto;
		margin: 0px;
		padding: 0px 15px 10px 0px;
		text-align: right;
		overflow: hidden;
		float: right;
	}
	*/

	#framesheet-footer {
		width: 960px;
		margin: 0px;
		padding: 0px;
		background: #B2CAC3 url(/_design/_global/bg-footer-additional-information.gif) no-repeat scroll left top;
		float: left;
	}

	#framesheet-footer div {
		padding: 0px 20px;
	}

}

@media print {

	#intro-banner-frame,
	#campaign-banner-frame,
	#specials-boxes {
		display: none;
	}

	#intro-text h1,
	#intro-text h2,
	#intro-text h3,
	#intro-text h4,
	#intro-text h5,
	#intro-text h6,
	#intro-text strong,
	#intro-text em,
	#intro-text a {
		color: #00573D;
	}
	
	#intro-text p {
		text-align: justify;
		font-size: 10pt;
		line-height: 16pt;
	}

	#featured-boxes h2 {
		color: #00573D;
	}
	
	#featured-boxes img {
		margin: 0px;
		padding: 0px;
		border: 1px solid #00573D;
	}
	
	#featured-boxes p {
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}
	
	#featured-boxes .more-link {
		display: none;
	}

	#framesheet-footer {
		margin-top: 20pt;
	}
	
	#framesheet-footer div  h1 a,
	#framesheet-footer div h2 a,
	#framesheet-footer div h3 a,
	#framesheet-footer div h4 a,
	#framesheet-footer div h5 a,
	#framesheet-footer div h6 a,
	#framesheet-footer div h6 stromg {
		color: #00573D;
		font-size: 12pt;
		text-decoration: none;
	}
	
	#framesheet-footer div a {
		color: #00573D;
	}
	
	#framesheet-footer div p {
		text-align: justify;
		font-size: 10pt;
		line-height: 16pt;
	}
	
}