
@media screen {

	/* altering to inherited global style definitions */
	
	#content h1,
	#content h2.h1-style {
		background: url(/_design/om-projects-abroad/arrow-yellow-big.gif) no-repeat scroll left top;
	}

	#content h2.openday-style, #content h3.openday-style {
		padding: 0px 0px 0px 20px;
		background: url(/_design/om-projects-abroad/strong-arrow.jpg) no-repeat scroll left center;
		font-size: 14px;
		line-height: 14px;
	}

	/* current section style definitions */

	#content  img {
		margin: 4px 0px 4px 8px;
		border: 1px solid #FEC422;
		clear: right;
		float: right;
	}

	#content blockquote {
		margin: 40px 40px 20px 40px;
		padding: 30px 30px 20px 20px;
		color: #568476;
		background: url(/_design/om-projects-abroad/bg-quotes.jpg) no-repeat scroll left top;
		text-align: right;
		font-size: 12px;
		font-weight: bold;
		font-style: italic;
		line-height: 18px;
	}

		#content blockquote span {
			margin: 15px 0px 0px 0px;
			font-style: normal;
			display: block;
		}

	#content #country-office {
		width: 736px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		clear: both;
		float: none;
	}

		#content #country-office li {
			width: 290px;
			height: 150px;
			margin: 0px 15px; 
			padding: 20px;
			background: url(/_design/om-projects-abroad/bg-offices.jpg) no-repeat scroll left top;
			float: left;
		}

		#content #country-office li strong {
			font-size: 14px;
		}

		#content #country-office li em {
			color: #5c9e7f;
		}

	table.history {
		width: 100%;
	}
	
	table.history td {
		padding: 10px 5px;
		margin: 0px;
		float: none;
		vertical-align: top;
	}
	
	table.history td.year {
		text-align: center;
		width: 60px;
	}
	
	#page-content ul.useful-links {
		margin: 0px 0px 80px 0px;
		padding: 0px;
		list-style-type: none;
		float: left;
	}

	#page-content ul.useful-links li {
		margin: 0px 0px 10px 0px;
		padding: 10px;
		background: url(/_design/_global/bg-items.jpg) no-repeat scroll left top;
		float: left;
		clear: left;
	}

	#page-content ul.useful-links li .logo-link {
		width: 170px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		clear: left;
		float: left;
	}

	#page-content ul.useful-links li .logo-link a img {
		margin: 0px;
		padding: 6px;
		background-color: #ffffff;
		border: 1px solid #d0dcda;
		clear: both;
		float: none;
	}

	#page-content ul.useful-links li .description-link {
		width: 530px;
		clear: right;
		float: left;
	}

	#page-content ul.useful-links li .description-link p {
		margin: 0px;
		padding: 0px 0px 0px 10px;
	}

	#page-content ul.useful-links li .description-link a {
		font-weight: normal;
		clear: right;
		display: block;
	}

	#page-content a.h-anchor {
		text-decoration: none;
	}

	/* staff member section */

	#page-content table.staff-member {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 0px;
		background-image: url(/_design/om-projects-abroad/bg-staff-member.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

		#page-content table.rest-our-staff {
			background-image: url(/_design/om-projects-abroad/bg-staff-member-rest.jpg);
		}

		#page-content table.staff-member td {
			vertical-align: middle;
		}

		#page-content table.staff-member td p {
			margin: 16px 0px;
			line-height: 12px;
		}

		#page-content table.staff-member td strong {
			background-image: url(/_design/om-projects-abroad/strong-arrow.jpg);
			background-position: left 2px;
			background-repeat: no-repeat;
			padding-left: 18px;
		}

		#page-content table.staff-member td strong em {
			font-style: normal;
			font-weight: normal;
		}

		#page-content table.staff-member td.photo {
			width: 100px;
			vertical-align: top;
			text-align: center;
			padding-bottom: 20px;
		}

		#page-content table.staff-member td.photo img {
			margin-top: 16px;
			padding: 5px;
			background-color: white;
			border: 1px solid #fec31e;
			float: left;
		}

		#page-content table.staff-member td.description p {
			margin: 14px 0px 0px 0px;
			padding: 0px 10px 0px 0px;
			line-height: 18px;
		}

		#page-content table.staff-member td.description p.txt {
			padding-bottom: 20px;
		}

		#page-content table.staff-member td.description div.profile-data-hide {
			display: none;
		}

		#page-content table.staff-member td.description div.profile-data-show {
			padding: 10px;
			display:block;
		}

		#page-content table.staff-member td.description div.profile-data-show span {
			padding-left: 15px;
			background-image: url(/_design/om-projects-abroad/small-arrow.gif);
			background-position: left 3px;
			background-repeat: no-repeat;
			font-weight: bold;
		}

		p.show-hide-staff {
			margin: 0px 0px 0px 32px;
			padding: 0px;
		}

		.toggle-rest-of-staff {
			display: none;
		}

		a.show-rest-of-staff {
			margin: 0px;
			padding: 0px;
			padding-left: 12px;
			background-image: url(/_design/om-projects-abroad/show-arrow.jpg);
			background-position: left 3px;
			background-repeat: no-repeat;
			font-size: 11px;
		}

		a.hide-rest-of-staff {
			margin: 0px;
			padding: 0px;
			padding-left: 12px;
			background-image: url(/_design/om-projects-abroad/hide-arrow.jpg);
			background-position: left 3px;
			background-repeat: no-repeat;
			font-size: 11px;
		}

		.hide-staff-bottom-link {
			width: 100%;
			margin-bottom: 15px;
		}

		.hide-staff-bottom-link {
			text-align: right;
		}
		
	#content form {
		margin: 20px 0px;
		padding: 0px;
		border: none;
	}
	
	#content fieldset {
		width: auto;
		margin: 8px 0px 0px 0px;
		padding: 20px 30px 0px 30px;
		border: none;
		background: url(/_design/forms/bg-form-fieldset.jpg) no-repeat scroll left top;
	}
	
	#content fieldset legend {
		margin: 0px;
		padding: 0px 2px 2px 18px;
		color: #004f39;
		background: url(/_design/forms/arrow-fieldset-legend.gif) no-repeat scroll 2px 8px;
		font-size: 14px;
		font-weight: bold;
		line-height: 28px;
	}
	
	#content table.form {
		width: 610px;
		margin: 0px;
		padding: 0px;
		border: 0px;
	}
		
		#content table.form tr td {
			margin: 0px;
			padding: 2px 0px 0px 2px;
			text-align: left;
			font-size: 12px;
		}
		
		#content table.form tr td input {
			padding: 3px;
		}
		
		#content table.form tr td input,
		#content table.form tr td select {
			width: 350px;
			height: auto !important;
			height: 22px;
			font-size: 13px;
		}
		
		#content table.form tr td input {
			padding: 3px;
		}
		
		#content table.form tr td select {
			width: 360px !important;
			width: 350px;
			font-size: 13px;
		}
		
		#content table.form tr td textarea {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			width: 355px !important;
			width: 350px;
		}

	.error {
		color: red;
	}
	
}

@media print {



}
