@charset "utf-8";

@media all
{
	/****************************************************************************************************************************
	 * Global
	 ****************************************************************************************************************************/

		body { background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; }
		textarea, select, input { color: #666666; }
		input, textarea { font-family: Arial, Helvetica, sans-serif; }
		address { font-style: normal; }
		p, ul, ol, form, table, address { margin-bottom: 15px; }
		a img { border: none; }
		a { color: #E88B2C; text-decoration: none; }
		a:hover {
	color: #000033;
	text-decoration: underline;
}
		li { margin: 0 0 10px 25px;}
		ul li { list-style: disc; }
		ul ul { margin: 10px 0 0 0; }
		blockquote { margin: 0 0 15px 15px; }
	
		h1 {
	clear: both;
	color: #333333;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 15px;
	border-bottom: 1px solid #888888;
	padding-bottom: 10px;
}
		h2 {
	font-weight: normal;
	font-size: 22px;
	color: #000033;
	margin-bottom: 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid #888;
}
		h3 { margin-bottom: 15px; font-size: 18px; font-weight: normal; }
		h4 { margin-bottom: 10px; font-size: 16px; }
		h5 { margin-bottom: 10px; font-size: 14px; }
		h6 { margin-bottom: 15px; }


	/****************************************************************************************************************************
	 * Classes
	 ****************************************************************************************************************************/

		/* Body/link styles */
		.body1 { font-size: 15px; color: #666666; padding-bottom: 20px; border-bottom: 1px solid #888888; }
		.body2 { font-size: 15px; color: #666666; padding-bottom: 20px; }
		.linkStyle1 {
	color: #E88B2C;
	font-size: 16px;
}

		.bannerHeading1 { font-size: 30px; color: #fff; margin: 7px 0 0 0; padding: 0; }
		.bannerHeading2 { font-size: 30px; color: #4bd0ff; margin: 0 0 12px 0; padding: 0; }

		/* Float clearer */
		.clearme { position: relative; width: 0; height: 0; line-height: 0; font-size: 0; clear: both; }
		
		/* Inner, central website width */
		.inner {
	position: relative;
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	
		/* Large white/orange arrow. Used on HP banner */
		.largeArrow { width: 32px; height: 38px; display: block; text-indent: 1000px; overflow: hidden; white-space: nowrap; background: url(../images/large-white-orange-arrow-sprite.png) no-repeat; }
			.largeArrow:hover { background-position: -32px 0; }

		/* Elements (links) with a small file icon next to them */
		.fileLink { min-height: 16px; background-position: 0 50%; background-repeat: no-repeat; background-image: url(../images/fileicons/file.gif); padding-left: 25px; }
			.fileLink.xls { background-image: url(../images/fileicons/xls.gif); }
			.fileLink.doc { background-image: url(../images/fileicons/doc.gif); }
			.fileLink.pdf { background-image: url(../images/fileicons/pdf.gif); }
			.fileLink.docx { background-image: url(../images/fileicons/docx.gif); }
			.fileLink.xlsx { background-image: url(../images/fileicons/xlsx.gif); }
			.fileLink.zip { background-image: url(../images/fileicons/zip.gif); }
			.fileLink.file { background-image: url(../images/fileicons/file.gif); }

		/* File table */
		.fileTable { border: 1px solid #00537F; }
			.fileTable tr.alternate td { background-color: #eee; }
			.fileTable td, .fileTable th { padding: 2px 10px 2px 5px; }
			.fileTable th { background-color: #00537F; color: #fff; text-align: left; }

		/* Friendly form */
		.friendlyForm { border: 1px solid #ddd; }
			.friendlyForm fieldset { border: none; margin: 0; padding: 20px; }
			.friendlyForm legend { font-weight: bold; margin-bottom: 10px; }
			.friendlyForm ul, .friendlyForm ol { margin: 0; padding: 0; }
			.friendlyForm li { margin: 0; padding: 0 0 15px 0; list-style: none; clear: left; }
			.friendlyForm li div { position: relative; width: 250px; float: left; }
			.friendlyForm label { display: block; width: 150px; margin-right: 20px; float: left; }
			.friendlyForm input { width: 250px; }
			.friendlyForm select { width: 250px; }
			.friendlyForm select { width: 250px; }
			.friendlyForm textarea { width: 250px; height: 100px; }
			.friendlyForm .checkbox { width: auto; }
			.friendlyForm .radio { width: auto; }
			.friendlyForm .helper { font-size: 10px; color: #666; padding: 5px 0 5px 0; margin: 0 0 0 120px; display: none; clear: both; }
			.friendlyForm label.focus { font-weight: bold; color: #00537F; border: none; }
			.friendlyForm label.hidden { visibility: hidden; }
			.friendlyForm label.disabled { color: #aaa; }
			.friendlyForm .inputField { border: 1px solid #ccc; }
			.friendlyForm .inputField.focus { border: 1px solid #00537F; }
			.friendlyForm .inputField.required { background-color: #eee; }
			.friendlyForm .showHide { clear: both; margin: 0; font-size: 0.8em; text-decoration: none; }
			.friendlyForm .button, .button { cursor: pointer; display: block; background: url(../images/white-arrow-right.png) no-repeat 95% 50% #00537F; border: none; padding: 5px 40px 5px 20px; color: #fff; width: auto; }
		a.button:hover { text-decoration: none; color: #fff; }

		/* Error messages */
		.errorMsg { color: #FF0000; font-weight: bold; }

		/* Accordion style sliders */
        .sliderHeader { margin: 0; border-top: 1px solid #666666; font-weight: normal; font-size: 14px; color: #00537F; background: #fafafa url(../images/orange-arrow-right-small.png) no-repeat 98% 50%; }
            .sliderHeader.on { background: #fafafa url(../images/orange-arrow-down-small.png) no-repeat 98% 50%; }
            .sliderHeader a { display: block; padding: 15px 0 15px 15px; text-decoration: none; color: #00537f; }
                .sliderContainer { clear: both; display: none; padding: 0 0 15px 0; margin: 19px 0 0 0; }
                .sliderContainer.on { display: block; }
                .sliderContainer a { color: #00537f; }
                .sliderFooter { border-bottom: 1px solid #666; margin-top: -15px; }

         /* Specific Awards Styles */
		.sliderHeader .awardName { display: block; font-size: 11px; margin: 3px 0 0 0; color: #888; }
        .sliderContainer .awardImageContainer { width: 100px; height: 100px; overflow: hidden; float: left; margin: 0 15px 0 15px; }
	        .sliderContainer .awardTextContainer { width: 340px; float: left; }
        
        /* Specific Sector Styles */
        .sliderContainer .member { width: 115px; float: left; margin: 0 5px 0 0; overflow: hidden; color: #00537f; }
			.sliderContainer .member .thumbWrapper { position: relative; margin-bottom: 5px; width: 115px; height: 115px; }
			.sliderContainer .sectorCaseStudy { background-color: #F2F2E8; margin-bottom: 15px; }
			.sliderContainer .sectorCaseStudy .logo { width: 115px; float: left; margin: 0 15px 0 5px; }
			.sliderContainer .sectorCaseStudy .description { width: 325px; float: left; padding: 25px 0 0 0; }
			.sliderContainer .button { width: 225px; padding: 5px 20px 5px 10px; color: #fff; }

		/* Search forms */
		.searchForm { position: relative; width: 178px; height: 29px; margin: 0; }
			.searchForm fieldset { border: none; }
			.searchForm label { display: none; }
			.searchForm .field { position: absolute; top: 0; left: 0; width: 150px; height: 27px; border: 1px solid #D3D4D5; line-height: 27px; text-indent: 10px; font-size: 14px; color: #666666; }
			.searchForm .submit { position: absolute; top: 0; left: 152px; width: 26px; height: 29px; background: url(../images/white-arrow-right.png) center center no-repeat #00537F; border: none; text-indent: 1000px; white-space: normal; line-height: 1000px; overflow: hidden; }

		/* Classic pod styling */
		.pod {
	position: relative;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
			.pod h4 { color: #00537F; font-size: 14px; font-weight: bold; }

		/* News list of years */
		.newsYears { margin: 0; padding: 0; }
			.newsYears li { font-size: 14px; list-style: none; margin: 0; padding: 0; }
			.newsYears a { color: #00537F; }
			
		/* News image */
		.newsImage { float: left; margin: 0 20px 10px 0; }
		
		/* Maps */
		.map { width: 100%; height: 400px; margin-bottom: 25px; }

		/* Left/right align */
		.leftAlign { float: left; margin: 0 20px 10px 0; }
		.rightAlign { float: right; margin: 0 0 10px 20px; }
		
		/* RSS icon */
		.rss { display: block; width: 32px; height: 32px; background: url(../images/rss.png) no-repeat; text-indent: 1000px; white-space: nowrap; overflow: hidden; }


	/****************************************************************************************************************************
	 * Layout
	 ****************************************************************************************************************************/

		/* Team members */
		#teamMembers { position: relative; width: 100%; margin: 40px 0 25px 0; }
			#teamMembers .thumbWrapper { position: relative; display: block; width: 168px; overflow: hidden; float: left; margin: 0 20px 20px 0; }
			#teamMembers .thumbWrapper .thumbnail { margin-bottom: 10px; }
			#teamMembers .thumbWrapper .name { margin: 0; }
			#teamMembers .thumbWrapper .name .profileLink { display: block; background: url(../images/orange-arrow-right-small.png) no-repeat right center; }
			#teamMembers .thumbWrapper.on .name .profileLink { background-image: url(../images/orange-arrow-down-small.png); }
			#teamMembers .thumbWrapper .jobTitle { margin: 0; }
			#teamMembers .profile { position: relative; width: 100%; clear: both; margin: 20px 0 20px 0; padding: 20px 0 20px 0; border-top: 1px solid #666; border-bottom: 1px solid #666; }
			#teamMembers .profile.open { display: block; }
			#teamMembers .profile.closed { display: none; }
			#teamMembers .profile .largeImage { float: left; margin: 0 20px 20px 0; }
			#teamMembers .profile .biography { position: relative; width: 500px; float: left; }
			#teamMembers .profile .biography .sectors li { margin: 0; padding: 0; list-style: none; }
			#teamMembers .profile .biography .contact { margin: 0; }
			#teamMembers .profile .biography .telephone { margin: 0; }
		#teamMembersBodyTextWrapper p { padding-right: 300px; }

		/* Press images */
		#pressImages .imageCanvas { position: relative; width: 150px; float: left; margin: 0 5px 20px 0; }
			#pressImages .imageCanvas a { display: block; }
			#pressImages .imageWrapper { width: 150px; height: 113px; background-color: #eee; overflow: hidden; text-align: center; margin: 0 0 5px 0; }
			#pressImages .caption { margin: 0; font-size: 10px; font-weight: bold; height: 26px; overflow: hidden; }

		/* Search tree / sitemap */
		.searchTree li, #sitemap li { margin: 0 0 25px 0; list-style: none; }
			.searchTree li li, #sitemap li li { margin: 0 0 10px 25px;}
			.searchTree li, #sitemap li { font-size: 16px; color: #00537F; }
			.searchTree li a, #sitemap li a { color: #00537F; }
			.searchTree li li, #sitemap li li { font-size: 13px; }
			.searchTree .description,
			#sitemap .description { font-size: 13px; color: #666; }

		/* News */
		#news li { list-style: none; border-bottom: 1px solid #ddd; margin: 0 0 15px 0; }
			#news .date { font-size: 12px; margin: 0 0 5px 0; }
			#news .title { margin-bottom: 0;  }
			#news .title a { font-size: 15px; }
			
		#moreNews { width: 70px; }
		#newsRss { margin: -74px 0 42px 232px; }

		/* Case studies */
		.template-case-study h2 a { color: #00537F; text-decoration: none; }
		.caseStudyLogo { float: left; margin: 0 20px 10px 0; }
		.caseStudyInfo { position: relative; width: 280px; float: left; }
		.caseStudyView { margin-bottom: 25px; }
		.caseStudyImage { margin: 5px 0 25px 0; padding-top: 15px; border-top: 1px solid #888;}

		/* Testimonials */
		#testimonial h4 { color: #666; font-size: 14px; margin-bottom: 15px; }
			#testimonial .quote { font-size: 14px; color: #001E2E; font-style: italic; }
			#testimonial .author { font-weight: bold; color: #000000; font-size: 14px; margin: 0; }
			#testimonial .jobTitle { margin: 0; font-size: 14px; color: #666666; }
		
		#testimonialsList h4 { color: #666; font-size: 14px; margin-bottom: 15px; }
			#testimonialsList { list-style: none; margin: 0; }
			#testimonialsList li { list-style: none; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc; }
			#testimonialsList .quote { font-size: 14px; color: #001E2E; font-style: italic; }
			#testimonialsList .author { font-weight: bold; color: #000000; font-size: 14px; margin: 0; }
			#testimonialsList .jobTitle { margin: 0; font-size: 14px; color: #666666; }

		/* Investments */
		#investmentsForm { border: none; }
			#investmentsForm label { font-weight: bold; margin: 0 0 10px 0; color: #000; }
			#investmentsForm ol li { float: left; clear: none; margin: 0 20px 0 0; text-align: left;}
			#investmentsForm select { width: auto; border: 1px solid #D9D9D9; margin-right: 25px; }
			#investmentsForm input#investmentFormSubmit { width: auto; background: #E88B2C url(../images/small-white-arrow-orange-bg.png) no-repeat 95% 50%; color: #fff; border: none; padding: 2px 25px 2px 5px; margin-top: 0px; }

		#investmentsTable thead { background-color: #EBECDE; font-size: 1.1em; color: #00537F; }
			#investmentsTable thead th a { color: #00537F; }
			#investmentsTable thead th a.on { color: #E88B2C; }
			#investmentsTable thead th { padding: 5px 3px 5px 3px; text-align: left; }
			#investmentsTable tbody tr { border-bottom: 1px solid #666666; background-color: #fff; height: 60px; }
			#investmentsTable tbody tr.stripe {background-color: #F5F5F5; }
			#investmentsTable tbody td { padding: 5px 3px 5px 5px; border-bottom: 1px solid #666666; }
			#investmentsTable thead th.caseStudyCell, #investmentsTable tbody td.caseStudyCell { text-align: center; }
			
		/* Sectors */
		#sectors { margin-top: 40px; }

		/* Awards */
		#awards { margin-top: 40px; }
}

@media print
{
	#printLogo { margin-bottom: 20px; float: left; }
	#contactInfo { float: right; }
		
	#companyName,
	#banner,
	#search,
	#headerLinks,
	#mainMenu,
	#subMenuWrapper,
	#pageControls,
	#podsWrapper,
	#awardsBand,
	#breadcrumb,
	#footer,
	#teamMembers .thumbWrapper { display: none; }
}

@media screen
{
	/****************************************************************************************************************************
	 * Global
	 ****************************************************************************************************************************/
	 
		* { margin: 0; padding: 0; outline: none; }


	/****************************************************************************************************************************
	 * Layout
	 ****************************************************************************************************************************/

		/* Header. Float prevents the strange IE background image rendering bug. */
		#header {
	float: left;
	position: relative;
	z-index: 500;
	width: 100%;
	background-color: #DA251C;
	background-image: url(../images/default-banner.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	min-height: 228px;
}

		#printLogo { display: none; }

		#topBand { position: absolute; z-index: 500; top: 35px; left: 0; width: 100%; height: 120px; background: url(../images/white-bg-trans.png); }
			#topBand .inner { height: 100%; }

		#companyName {
	position: absolute;
	top: 10px;
	width: 264px;
	height: 71px;
	text-indent: 500px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	background-image: url(../images/michelle-logo.png);
	background-repeat: no-repeat;
}
			.template-extranet #companyName { position: relative; top: auto; left: auto; padding-bottom: 25px; width: auto; text-indent: 20000px; }

		#contactInfo { position: absolute; right: 0; top: 20px; font-size: 14px; color: #000; margin: 0; }

		#search { position: absolute; bottom: 10px; right: 0; }
		
		#headerLinks { position: absolute; top: 47px; right: 0; }
			#headerLinks li { float: left; list-style: none; background: url(../images/menu-divider.png) right center no-repeat; padding-right: 11px; margin: 0 10px 0 0; }
			#headerLinks li.last { background-image: none; margin-right: 0; padding-right: 0; }
			#headerLinks a { color: #00537F; text-decoration: none; font-size: 14px; }
			#headerLinks a:hover { color: #666666; text-decoration: underline; }

		/* Main menu */
		#mainMenu { position: absolute; margin: 0; padding: 0; width: 770px; bottom: 10px; left: -11px; z-index: 500; line-height: 29px; }
			#mainMenu li { list-style: none; float: left; background: url(../images/menu-divider.png) right center no-repeat; margin: 0; padding: 0 1px 0 0; }
			#mainMenu li a {
	display: block;
	color: #DA251C;
	text-decoration: none;
	font-size: 18px;
	padding: 0 10px 0 10px;
}
			#mainMenu li p.description { display: none; }
			#mainMenu li:hover a { background-color: #fff; color: #666666; }
			#mainMenu li.on a {
	color: #000033;
}
			
		#mainMenu li ol { position: absolute; top: 29px; margin: 0; padding: 0; line-height: normal; background-color: #fff;  }
			#mainMenu li ol { margin: 0; }
			#mainMenu li ol li { position: relative; width: 200px; float: none; border-right: none; border-bottom: 1px solid #dddddd; margin: 10px; padding: 0 0 10px 0; }
			#mainMenu li ol li p.description { display: block; }
			#mainMenu li ol li.last { border: none; margin-bottom: 0; padding: 0 0 10px 0; }
			#mainMenu li:hover ol a {
	font-size: 17px;
	color: #DA251C;
	text-decoration: none;
	padding: 0;
}
			#mainMenu li:hover ol a:hover {
	color: #000033;
}
			#mainMenu li .description { font-size: 13px; color: #525252; margin: 0; }
			
		#mainMenu ol { display: none; }
			#mainMenu li:hover ol { display: block; }	


		/* Content wrappers */
		#contentWrapper {
	position: relative;
	clear: both;
	margin-bottom: 18px;
}
		
		#content { position: relative; }
			.template-sitemap #content { margin-left: 230px; width: 600px; float: none; }
			.template-wide-right #content { width: 630px; float: left; }
			.template-wide #content { width: 100%; float: none; }
			.template-extranet #content { width: 100%; float: none; }
			.template-default #content,
			.template-news #content,
			.template-case-study #content { width: 480px; min-height: 300px; float: left; }

		/* Breadcrumb trail */
		#breadcrumb {
	float: left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
			#breadcrumb li { list-style: none; margin: 0 10px 0 0; padding: 0 15px 0 0; display: block; float: left; background: url(../images/grey-arrow-small.png) right no-repeat; line-height: 11px; }
			#breadcrumb li.last { background: none; margin: 0; padding: 0; }
			#breadcrumb li.last a { color: #666666; }
			#breadcrumb a {
	font-size: 11px;
	color: #000033;
	display: block;
}
			#breadcrumb a:hover {
	color: #FFA500;
}

		/* Page controls */
		#pageControls { float: right; margin: 10px 70px 0 0; padding: 0; }
			#pageControls li { list-style: none; margin: 0; padding: 0; }
			#pageControls li a { font-size: 13px; color: #00537F; }
			#pageControls li a:hover { color: #666666; }

		/* Sub menu */
		#subMenuWrapper { position: relative; width: 205px; min-height: 300px; margin-right: 25px; float: left; overflow: hidden; }
		#subMenu { margin: 0; padding: 0; border-top: 1px solid #888888; }
			#subMenu li { list-style: none; border-bottom: 1px solid #888888; margin: 0; padding: 0; }
			#subMenu li .description { display: none; }
			#subMenu li a {
	display: block;
	color: #000033;
	font-size: 16px;
	padding: 10px 5px 10px 5px;
}
			#subMenu li a:hover,
			#subMenu li.on a {
	color: #000033;
	background-color: #DA251C;
	text-decoration: none;
}
			#subMenu li ol { margin: 0; padding: 0 0 15px 0; }
			#subMenu li.on ol { background-color: #F0F0F0; }
			#subMenu li li a { padding: 0 0 0 25px; }
			#subMenu li.on li a { color: #00537F; }
			#subMenu li li a:hover,
			#subMenu li.on li.on a { color: #666666; }
			#subMenu li li { border: none; }

		/* Pods */
		#podsWrapper { position: relative; width: 215px; min-height: 300px; margin-left: 25px; float: left; }
		#advert {
	position: relative;
	background-color: #DA251C;
	width: 202px;
} /* Width keeps sIFR happy in IE7/Safari Win */
			#advert .bannerHeading1 { font-size: 24px; color: #fff; margin: 10px 0 0 0; padding: 0; }
			#advert .bannerHeading2 { font-size: 24px; color: #4bd0ff; margin: 0 0 10px 0; padding: 0; }
			#advert a:hover { color: #E88B2C; }

		#subscriptionPod { background-color: #fff; }
		
		#newsSearchPod h4,
		#newsCurrentPod h4,
		#newsArchivePod h4 { color: #000; font-size: 16px; }

		/* Extranet */
		.template-extranet { margin: 20px; }
			.template-extranet .fundName.sliderHeader { font-size: 16px; padding: 0; margin-bottom: -1px; }
			.template-extranet .fundName.sliderHeader a { padding: 10px 0 10px 10px; }

		#logoutExtranet { margin-top: 20px; width: 100px }
		#launchExtranet,
		#logout,
		#changePassword { width: 170px }
		.loginForm .button { float: left; margin-right: 20px; }
			.loginForm .forgotPassword { float: left; margin: 5px 0 0 0; }

		/* Footer */
		#footer { position: relative; background-color: #ECECDE; } 
			#footer h6 { font-size: 20px; color: #525252; font-weight: normal; } 
			#footer address.edinburgh { margin-right: 40px; float: left; }
			#footer .col1 { position: relative; width: 670px; margin: 20px 0 20px 0; float: left; }
			#footer .col2 { position: relative; width: 260px; margin: 20px 0 20px 0; float: right; font-size: 14px; }

		/* Awards banner */
		#awardsBand { position: relative; background-color: #F2F2E8; height: 200px; }
		#awardsCarousel { position: relative; height: 175px; overflow: hidden; padding-top: 25px; }
		#awards { list-style: none; width: 100%; height: 100px; overflow: hidden; }
			#awards li { display: block; width: 200px; height: 100px; float: left; }
			#awards .awardWrapper { display: block; width: 100px; height: 100px; overflow: hidden; float: left; margin: 0 10px 0 0; }
			#awards	.awardImage { width: 100px; }
			#awards .awardText { width: 90px; float: left; color: #00537F; font-size: 12px; font-weight: bold; }
			#awards .awardText:hover { color: #666666; }

		/* Useful links */
		#usefulLinks { position: relative; width: 100%; }
		#usefulLinks td { vertical-align: top; padding-right: 10px; }
			#usefulLinks ol,
			#usefulLinks ul { margin: 0; padding: 0; }
				#usefulLinks li { list-style: none; margin: 0 0 15px 0; }
				#usefulLinks li li { margin: 0; }
				#usefulLinks li a { font-weight: bold; font-size: 15px; }
				#usefulLinks li li a { font-weight: normal; font-size: 13px; color: #00537F; }
				#usefulLinks li li a:hover { color: #666666; }

		/* Sign-off */
		#signOff {
	position: relative;
	background-color: #DA251C;
	height: 35px;
	font-size: 11px;
	color: #fff;
	line-height: 35px;
}
		
		#copyright { float: left; margin: 0; }
		
		#credits { float: right; margin-right: 100px; margin: 0; }
			#credits a { color: #fff; text-decoration: underline; }
}
