/* import global style definitions */

@import url("_global.css");

@media screen {

	/* altering to inherited global style definitions */

	#page-content {
		margin: 0px;
		padding: 0px;
		text-align: justify;
	}

	.section-header {
		background-image: url(/_design/projects/projects-header.jpg);
	}

	.subheader-teaching {
		background-image: url(/_design/projects/teaching-header.jpg);
	}

	.subheader-care {
		background-image: url(/_design/projects/care-header.jpg);
	}

	.subheader-medicine-and-healthcare {
		background-image: url(/_design/projects/medicine-and-healthcare-header.jpg);
	}

	.subheader-conservation-and-environment {
		background-image: url(/_design/projects/conservation-and-environment-header.jpg);
	}

	.subheader-culture-and-community {
		background-image: url(/_design/projects/culture-and-community-header.jpg);
	}

	.subheader-sports {
		background-image: url(/_design/projects/sports-header.jpg);
	}

	.subheader-journalism {
		background-image: url(/_design/projects/journalism-header.jpg);
	}

	.subheader-business {
		background-image: url(/_design/projects/business-header.jpg);
	}

	.subheader-law-and-human-rights {
		background-image: url(/_design/projects/law-and-human-rights-header.jpg);
	}

	.subheader-archaeology {
		background-image: url(/_design/projects/archaeology-header.jpg);
	}

	.subheader-veterinary-medicine-and-animal-care {
		background-image: url(/_design/projects/veterinary-medicine-and-animal-care-header.jpg);
	}

	.subheader-language-courses {
		background-image: url(/_design/projects/language-courses-header.jpg);
	}

	.subheader-2-week-specials {
		background-image: url(/_design/projects/2-week-specials-header.jpg);
	}

	.subheader-tailor-made-group-trips {
		background-image: url(/_design/projects/tailor-made-group-trips-header.jpg);
	}

	.subheader-projects-for-professionals {
		background-image: url(/_design/projects/projects-for-professionals-header.jpg);
	}

	.subheader-university-dissertations {
		background-image: url(/_design/projects/university-dissertations-header.jpg);
	}

	#page-content h1,
	#page-content h2.h1-style {
		margin: 16px 0px 15px 0px;
		padding: 0px 0px 0px 25px;
		background: url(/_design/projects/h1-bullet.jpg) no-repeat scroll 2px 2px;
		font-size: 18px;
	}

	#page-content h2 {
		margin: 30px 0px 0px 0px;
		padding: 2px 0px 2px 0px;
	}

	#page-content  img {
		margin: 4px 0px 6px 12px;
		border: 2px solid #7bbe4a;
		clear: right;
		float: right;
	}

	#page-content  p span.underline {
		margin: 0px;
		padding: 0px;
		text-decoration: underline;
	}

	#page-content  ul#projects {
			margin: 0px 0px 20px 12px;
			padding: 0px;
			list-style-type: none;
			clear: both;
	}

	#page-content  ul#projects li {
			margin: 0px;
			padding: 10px 6px;
			background: url(/_design/projects/bg-projects-top.jpg) no-repeat scroll left top;
			float: left;
	}
	
	#page-content  ul#projects li strong,
	#page-content  ul#projects li p {
		width: 92%;
		text-align: left;
	}

	#page-content  ul#projects li a {
			width: 229px;
			height: 280px;
			text-decoration: none;
			cursor: pointer;
			overflow: hidden;
			display: block;
	}
	
	#page-content  ul#projects li a strong{
			margin: 0px;
			padding: 0px 0px 10px 0px;
			color: #33826e;
			font-size: 12px;
			line-height: 14px;
			text-decoration: underline;
			display: block;
	}
	
	#page-content  ul#projects li a img {
			width: 207px;
			height: 160px;
			margin: 0px 0px 0px 2px;
			padding: 0px;
			border: 2px solid #a5c6bc;
			float: none;
			overflow: hidden;
	}
	
	#page-content  ul#projects li a:hover img {
			margin: 0px 0px 0px 2px;
			padding: 0px;
			border: 2px solid #33826E;
		}
		
	#page-content  ul#projects li a p {
			margin: 0px 0px 0px 3px;
			padding: 4px 0px 0px 0px;
			color: #666666;
			font-size: 11px;
			font-weight: normal;
			line-height: 14px;
			display: block;
		}
		
	#page-content  ul#projects li a:hover p {
			text-decoration: underline;
		}
	
/*	#page-content  ul#projects-------old


	#page-content  ul#projects {
		margin: 20px 0px 0px 0px;
		padding: 20px 0px 0px 10px;
		background: url(/_design/projects/bg-projects-item.jpg) no-repeat scroll left top;
		list-style-type: none;
		display: block;
		float: left;
	}

	#page-content  ul#projects li {
		margin: 0px 0px 20px 0px;
		float: left;
	}

	#page-content  ul#projects li a {
		margin: 0px 0px 8px 0px;
		clear: right;
	}

	#page-content  ul#projects li p {
		width: 412px;
		margin: 8px 0px 0px 0px;
		padding: 0px;
		text-align: justify;
		float: right;
	}
	
	#page-content  ul#projects li img {
		margin: 4px 15px 8px 0px;
		border: 1px solid #00573D;
		display: inline;
		float: left;
	}

*/

		#page-content ul#extra  {
			margin: 0px 0px 0px 0px;
			padding: 0px;
			list-style-type: none;
			clear: both;
		}
		
		#page-content ul#extra li {
			width: 736px;
			margin: 8px 0px 0px 0px;
			padding: 10px 5px 10px 19px;
			background: url(/_design/projects/bg-item-wide.jpg) no-repeat scroll left top;
			float: left;
		}
		
		#page-content ul#extra li strong,
		#page-content ul#extra li p {
			width: 92%;
			text-align: left;
		}
			
		#page-content ul#extra  li a {
			height: 120px;
			text-decoration: none;
			cursor: pointer;
			overflow: hidden;
			display: block;
		}
		
		#page-content ul#extra li a strong {
			margin: 0px;
			padding: 0px 0px 10px 0px;
			color: #33826e;
			font-size: 12px;
			line-height: 14px;
			text-decoration: underline;
			display: block;
		}
		
		#page-content ul#extra li a img {
			margin: 0px;
			padding: 0px 0px 0px 0px;
			border: 2px solid #a5c6bc;
			float: left;
		}
		
		#page-content ul#extra li a:hover img {
			border: 2px solid #33826E;
		}
		
		#page-content ul#extra li a p {
			width: 500px;
			margin: 0px;
			padding: 20px 0px 0px 18px;
			color: #666666;
			text-align: justify;
			font-size: 11px;
			font-weight: normal;
			line-height: 14px;
			display: block;
			float: left;
		}
		
		#page-content ul#extra li a:hover p {
			text-decoration: underline;
		}

	#page-content  p.quote {
		width: auto;
		margin: 30px 20px 15px 20px;
		padding: 20px 20px 15px 15px;
		color: #568476;
		background: url(/_design/projects/bg-quotes.jpg) no-repeat scroll left top;
		text-align: right;
		font-style: normal;
	}

	#page-content  p.quote em {
		margin: 0px 0px 10px 0px;
		text-align: right;
		font-size: 12px;
		font-weight: bold;
		font-style: italic;
		display: block;
	}

	#page-content  p.quote img {
		margin: 0px 5px 0px 10px;
		float: right;
		border: 1px solid #999999;
	}

	#page-content  p.mail {
		width: auto;
		margin: 40px 40px 20px 40px;
		padding: 25px 30px 20px 20px;
		color: #568476;
		background: url(/_design/projects/bg-mail.jpg) no-repeat scroll left top;
		text-align: right;
		font-style: normal;
	}

	#page-content  p.mail em {
		margin: 0px 0px 10px 0px;
		text-align: right;
		font-size: 12px;
		font-weight: bold;
		font-style: italic;
		display: block;
	}

	#page-content  p.mail img {
		margin: 0px 5px 0px 10px;
		float: right;
		border: 1px solid #999999;
	}

	#page-content blockquote {
		margin: 30px 20px 15px 20px;
		padding: 25px 20px 15px 15px;
		color: #568476;
		background: url(/_design/projects/bg-quotes.jpg) no-repeat scroll left top;
		text-align: right;
		font-size: 12px;
		font-weight: bold;
		font-style: italic;
		line-height: 18px;
	}

	#page-content blockquote strong,
	#page-content blockquote em {
		line-height: 36px;
		font-style: normal;
	}

	#page-content .left {
		float: left; 
		margin: 10px 10px 10px 0px;
	}

	table.project {
		width: 100%;
		margin-bottom: 15px;
	}

	table.project tr td {
		padding: 3px;
	}

	table.football-timetable {
		width: 100%;
		padding: 0px;
		margin: 0px;
		background-color: #EFEFEF;
	}

	table.football-timetable tr.header {
		background-color: #014b34;
		line-height: 18px;
	}

	table.football-timetable tr.subheader {
		background-color: #8cb0a5;
	}

	table.football-timetable tr.header strong {
		font-size: 13px;
		color: #fdc500;
	}

	table.football-timetable td {
		text-align: center;
		border-right: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}

	table.football-timetable td.week-day {
		background-color: #a8c3bb;
	}

	/* begin 2-week-specials */
	/*

	#page-content #two-week-specials-project-entries ul {
		width: 100%;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		clear: both;
		float: none;
	}

	#page-content #two-week-specials-project-entries ul li {
		width: 258px;
		margin: 0px 0px 20px 0px;
		padding: 0px;
		text-align: left;
		float: left;
	}

	#page-content #two-week-specials-project-entries ul li a {
		margin: 0px;
		padding: 0px;
		background: url(/_design/projects/bg-items-two-week-specials-project.jpg) no-repeat scroll left top;
		text-decoration: none;
		display: block;
	}

	#page-content #two-week-specials-project-entries ul li a:hover {
		background-position: 2px 2px;
	}

	#page-content #two-week-specials-project-entries ul li a .text-frame {
		width: 130px;
		height: 100px;
		line-height: normal;
		cursor: pointer;
		overflow: hidden;
		display: block;
	}

	#page-content #two-week-specials-project-entries ul li a img {
		float: left;
		width: 80px;
		border: 0px;
		margin: 10px 5px 5px 7px;
	}

	#page-content #two-week-specials-project-entries ul li a:hover img {
		margin: 12px 3px 5px 9px;
	}

	#page-content #two-week-specials-project-entries ul li a .text-frame strong {
		padding-left: 15px;
		padding-top: 24px;
		line-height: normal;
		text-decoration: underline;
		float: left;
		clear: right;
		width: 115px;
		background: url(/_design/projects/entry-arrow-two-week-specials-projects.jpg) no-repeat scroll left 26px;
	}

	#page-content #two-week-specials-project-entries ul li a:hover strong {
		text-decoration: none;
	}

	#page-content #two-week-specials-project-entries ul li a .text-frame strong em {
		white-space: nowrap;
		font-weight: normal;
		font-style: normal;
	}
	*/
	/* end 2-week-high-school-trips */
	
	ul#two-week-high-school-trips {
		margin: 0px;
		padding: 0px;
	}
	
	ul#two-week-high-school-trips li {
		margin: 0px;
		padding: 10px 0px 20px 10px;
		background: url(/_design/projects/bg-projects-item.jpg) no-repeat scroll left top;
		line-height: 0px;
		list-style-type: none;
	}
	
	ul#two-week-high-school-trips h2 {
		margin: 0px;
		padding: 15px 0px 0px 0px;
	}

	ul#two-week-high-school-trips h3 {
		margin: 0px;
		padding: 15px 0px 0px 0px;
		line-height: 25px;
	}
		
	#visit-our-project-website {
		padding-top: 4px;
		padding-bottom: 8px;
		background-color: #D1DDDB;
		float: left;
	}

		#visit-our-project-website a {
			width: 200px;
			height: 70px;
			background: none no-repeat scroll left top;
			text-decoration: none;
			line-height: 40px;
			overflow: hidden;
			display: block;
		}

		#visit-our-project-website a.peru {
			background-image: url(/_design/projects/btn-visit-our-peru-conservation-website.jpg);
		}

		#visit-our-project-website a.mexico {
			background-image: url(/_design/projects/btn-visit-our-mexico-conservation-website.jpg);
		}

		#visit-our-project-website a.south-africa {
			background-image: url(/_design/projects/btn-visit-our-south-africa-conservation-website.jpg);
		}

		#visit-our-project-website a.thailand {
			background-image: url(/_design/projects/btn-visit-our-thailand-conservation-website.jpg);
		}
		
		#visit-our-project-website a:hover {
			background-position: 0px -70px;
		}

		#visit-our-project-website a em {
			display: none;
		}

		#visit-our-project-website a span {
			color: white;
			margin: 0px;
			padding: 0px 0px 0px 20px;
			line-height: 118px;
			display: block;
		}
		
		#visit-our-project-website a:hover span {
			text-decoration: underline;
		}
		
}

@media print {

	#page-content  ul#projects {
			margin: 0px 0px 20px 12px;
			padding: 0px;
			list-style-type: none;
			clear: both;
	}

	#page-content  ul#projects li {
			margin: 0px;
			padding: 10px 6px;
			float: left;
	}
	
	#page-content  ul#projects li strong,
	#page-content  ul#projects li p {
		width: 92%;
		text-align: left;
	}

	#page-content  ul#projects li a {
			width: 229px;
			height: 280px;
			text-decoration: none;
			cursor: pointer;
			overflow: hidden;
			display: block;
	}
	
	#page-content  ul#projects li a strong{
			margin: 0px;
			padding: 0px 0px 10px 0px;
			color: #33826e;
			font-size: 12px;
			line-height: 14px;
			text-decoration: underline;
			display: block;
	}
	
	#page-content  ul#projects li a img {
			width: 207px;
			height: 160px;
			margin: 0px 0px 0px 2px;
			padding: 0px;
			vertical-align: middle;
			float: none;
			overflow: hidden;
			display: none;
	}


}
	.press-cuttings-box {
		padding: 5px 10px 0px 10px;
		border: 2px dashed #b3cac4;
		background-color: #efefef;
		margin-bottom: 15px;
	}

	.press-cuttings-box h2 {
		margin-top: 5px;
	}