/* import global style definitions */

@import url("_global.css");

@media screen {

	/* altering to inherited global style definitions */

	body {
		behavior: url(/_include/styles/csshover.htc);
	}

	#myprojectsabroad-login {
		width: auto;
		height: 30px;
		margin: 0px;
		padding: 0px 9px 0px 0px;
		background: url(/_design/_global/bg-special-links-right.jpg) no-repeat scroll right top;
		overflow: hidden;
		float: right;
	}

		#myprojectsabroad-login form {
			width: 390px;
			margin: 0px;
			padding: 0px 0px;
			background: url(/_design/_global/bg-special-links-left.jpg) no-repeat scroll left top;
			float: left;
		}

		#myprojectsabroad-login p {
			margin: 0px;
			padding: 0px 10px 0px 15px;
			color: #00573D;
			font-size: 9px;
			font-weight: bold;
			line-height: 30px;
			float: left;
		}

		#myprojectsabroad-login #fields {
			padding-top: 6px;
			float: left;
		}

		#myprojectsabroad-login input {
			width: 100px;
			height: 15px !important;
			height: 19px;
			margin-right: 3px;
			color: #357564;
			border: 1px solid #00573D;
			font-size: 11px;
			float: left;
		}

		#myprojectsabroad-login #login-button {
			width: 43px;
			height: 25px;
			margin: 0px;
			padding: 0px;
			line-height: 25px;
			overflow: hidden;
			float: left;
		}

		#myprojectsabroad-login #login-button a {
			margin-top: 6px;
			background: url(/_design/_global/btn-login.gif) no-repeat scroll 0px 0px;
			display: block;
		}

		#myprojectsabroad-login #login-button a em {
			visibility: hidden;
			display: block;
		}

		#myprojectsabroad-login #login-button a:hover {
			background-position: 0px -19px;
		}

	#intro {
		width: 960px;
		margin: 0px;
		padding: 2px 0px 0px 0px;
		float: left;
	}

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

		#intro-text {
			width: 232px;
			margin: 0px;
			padding: 0px;
			color: #666;
			font-size: 12px;
			line-height: 22px;
			overflow: hidden;
			float: left;
		}

		#intro-text h1,
		#intro-text h2.h1-style {
			font-size: 16px;
			line-height: 18px;
			margin-top: 0px;
			color: #00573D;
		}

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

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

	#intro-banner {
		height: 250px;
		padding: 0px 9px 0px 9px;
		margin: 0px;
		overflow: hidden;
		float: left;
	}
		
	.frame-featured-boxes {
		width: auto;
		margin: 0px;
		padding: 5px 10px 5px 10px;
		float: left;
	}

	.featured-boxes {
		width: 940px;
		margin: 0px;
		padding: 0px;
		float: left;
	}

	.more-link {
		float: right;
		text-align: right;
		padding: 10px 0px 0px 0px;
	}
		
		.more-link a {
			color: #487b68;
		}
		
		.more-link a:hover {
			color: #00573d;
		}
		
	#world-map {
		width: 340px;
		height: 385px;
		margin: 0px;
		padding: 0px;
		background: url(/_design/index/bg-destinations-map-box-top.gif) no-repeat scroll left top;
		overflow: hidden;
		float: left;
	}

		#world-map {
			padding: 0px;
			margin: 0px;
			float: left;
		}
		
		#world-map h2 {
			margin: 0px;
			padding: 0px;
		}

		#world-map h2 a {
			padding-top: 15px;
			padding-left: 30px;
			background: url(/_design/index/arrow-orange.gif) no-repeat 15px 19px;
			font-size: 13px;
			display: block;
		}

		#world-map .destination-continents a {
			text-decoration: none;
		}

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

		#world-map .destination-continents {
			width: 100%;
			float: left;
		}

		#world-map .destination-continents a.destinations {
			width: 340px;
			height: 178px;
			display: block;
		}

		#world-map .destination-continents ul {
			width: 340px;
			height: 176px;
			margin: 0px;
			padding: 0px;
			background: url(/_design/index/bg-destinations-box-bottom.gif) no-repeat scroll left bottom;
			list-style-type: none;
			float: left;
		}

		#world-map .destination-continents ul li {
			width: 85px;
			height: 32px;
			margin: 0px;
			padding: 0px;
			text-align: left;
			cursor: pointer;
			float: left;
		}

		#world-map .destination-continents ul li strong {
			margin: 0px;
			padding: 15px 0px 10px 20px;
			background: url(/_design/index/arrow-bullet.gif) no-repeat scroll 10px center;
			display: block;
		}

			#world-map .destination-continents ul li strong.green-link {
				padding: 6px 0px 6px 20px;
			}

		#world-map .destination-continents ul li ul {
			width: auto;
			height: 127px;
			margin: 0px 4px !important;
			margin: 0px;
			padding: 4px 0px 0px 0px;
			background-image: none;
			float: left;
		}

		#world-map .destination-continents ul li:hover ul {
			background-color: #e0ebe7;
			display: block;
		}

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

		#world-map .destination-continents ul li ul li a {
			width: auto;
			margin: 0px;
			padding: 1px 3px 1px 8px;
			color: #487b68;
			font-size: 10px;
			text-decoration: underline;
			display: block;
		}

		#world-map .destination-continents ul li ul li a:hover {
			text-decoration: none;
		}

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

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

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

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

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

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

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

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

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

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

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

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

	#frame-stages {
		margin: 0px;
		padding: 0px;
		background: url(/_design/index/bg-stages-box-bottom.jpg) no-repeat scroll left bottom;
		float: left;
	}

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

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

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

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

		#stages ul li {
			margin: 5px 0px 0px;
			padding: 0px 1px 0px 3px;
			display: inline;
			float: left;
		}

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

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

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

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

		#stages ul li a:hover img {
			border-color: #f37121;
		}

	#specials-boxes {
		width: 960px;
		margin: 0px;
		padding: 8px 0px 10px 0px;
		float: none;
		clear: both;
	}
		
		#specials-boxes .featured-tall-frame {
			margin: 0px;
			padding: 0px 18px 0px 10px;
			background: url(/_design/index/featured-bg-top-tall.jpg) no-repeat scroll left top;
			font-size: 10px;
			float: left;
		}
		
		#specials-boxes .featured-tall {
			width: 209px;
			margin: 0px;
			padding: 0px;
			float: left;
		}
		
		#specials-boxes .featured-tall-frame.darker {
			padding: 0px 10px 0px 10px;
			background: url(/_design/index/featured-bg-top-tall-darker.jpg) no-repeat scroll left top;
		}
		
		#specials-boxes .featured-tall  h2 {
			margin: 0px;
			padding: 10px 10px 0px 10px;
			font-size: 12px;
		}
		
		#specials-boxes .featured-tall.volunteers-stories  h2 {
			font-size: 18px;
			font-weight: bold;
		}

		#specials-boxes .featured-tall p {
			padding: 0 10px;
			line-height: 15px;
			margin: 10px 0 5px 0;
			text-align: left;
		}
		
		#specials-boxes .featured-tall.volunteers-stories  p {
			font-size: 11px;
		}
		
		#specials-boxes .featured-tall.volunteers-stories  a {
			font-weight: normal;
		}

		#specials-boxes .featured-tall ul {
			width: auto;
			margin: 10px 0px 0px 10px;
			padding: 0px;
			list-style-type: none;
			float: left;
		}

		#specials-boxes .featured-tall ul li {
			width: 185px;
			margin: 0px;
			padding: 0px;
			color: #487b68;
		}

		#specials-boxes .featured-tall ul li a {
			color: #487b68;
			padding: 10px 0px 10px 0px;
			border-bottom: 1px solid #8e8e8e;
			display: block;
		}

		#specials-boxes img.brochure {
			margin: 20px 0px 0px 30px;
			padding: 0px;
			border: 1px solid #00573d;
		}

		#specials-boxes img.two-week-specials {
			margin: 5px 0px 0px 0px;
			padding: 0px;
		}

		#specials-boxes .featured-tall .tweek-projects {
			margin: 10px 0px 10px 0px;
			padding-left: 10px;
			text-align: left;
		}

			#specials-boxes .featured-tall .tweek-projects p {
				margin: 0px;
				padding: 0px;
				text-align: left;
			}

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

		#specials-boxes .more-link {
			width: auto;
			margin: 0px;
			padding: 0px 15px 0px 0px;
			text-align: right;
			overflow: hidden;
			float: none;
		}
}

@media print {

	#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;
	}
	
	#feature-boxes .map-wide {
		display: none;
	}

	#feature-boxes a {
		color: #00573D;
		text-decoration: none;
	}
	
	#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;
	}

}