

html > body {

	font-size:16px; /* 	< IE7 can't read this, so setting in px doesn't leave us unable to resize 

				IE default is also 16px and IE users arguably unlikely to change this, 

				so this should leave us on a level playing field. */

}


body {
	background-color:#ffffff;
	font-family:verdana,arial,helvetica,sans-serif;
	line-height:1.3;
	text-align:center;
}

/* ---------------------------------- MAIN STRUCTURE ----------------------------------- */


#centre {
	width:990px;
	position:relative;
	margin:0 auto;
	padding-top:1px;
	text-align:left;
}
#content {
	margin-left:180px;
	margin-top:68px;
	margin-bottom:10px;
	margin-right:0;
	float:left;
	display:inline; /* fix moronic IE6 margin doubling bug */
	position:relative; 
	font-size:0.7em;
	overflow:hidden;
	color:#333333;
	}

	.homepage #content {
	/*	background:url(/Images/fauxcolwide_tcm91-18629.gif) bottom right no-repeat !important; */
	}


#main-border {
	clear:both;
	width:640px;
	border-top:1px solid;	/* prevent margin collapse */
	border-bottom:#ffffff 1px solid; 
	}

	.homepage #main-border { width:480px; }
	.fullwidth #main-border { width:810px; }
	
	#main {
		background-color:#ffffff; 
		border-bottom:1px #ffffff solid;
		margin:2px 3px; /*	 This sets our main "frame" at 3px -
							 -1px top and bottom cos there is +1px from the margin-collapse-preventing border */
		}
		.photopage #main { border-bottom:0; }
		#standardpage {
			padding:6px 10px 40px 10px;
			position:relative;
			/* dustin diaz min-height fast hack */
			  min-height:400px;
			  height:auto !important;
			  height:400px;
			}
			.homepage #standardpage { 
				min-height:315px !important;  /* why wont 'none' override the 400 here, this selector has more specificity?? */
				height:315px !important; 
				overflow:hidden;
			}
			.photopage #main #standardpage { padding:0; }
			#standardpage img {
				float:right;
			}
/*
			#jobsearch {
				width:200px;
				float:right;
				border-left:1px #939598 solid;
				margin-left:1em;
				padding-left:10px;
				}
				#jobsearch ul {
					list-style:none;
					margin:0;
					font-size:0.9em;
					}
					#jobsearch ul a {
						color:#333333;
					}
*/
		#sectionintro { color:#ffffff; }
			#sectionintro a { color:#ffffff !important;	}
			#sectionintro p { color:#ffffff; }
			.sectionleft #sectionintro { width:330px; margin-left:5px; }
			.sectionright #sectionintro { margin-left:330px; }
			.homepage .sectionright #sectionintro { margin-left:180px; }
			.homepage #sectionintro { width:215px; }
			
		#pullquote {
			position:absolute;
			width:230px;
			bottom:10px;
			color:#ffffff;
			font-weight:bold;
			font-size:1.2em;
			padding-bottom:8px;
			border-bottom:1px solid;
			/* elite transparent badness */
			opacity:0.8;
			-moz-opacity:0.8;
			-khtml-opacity: 0.8;
			filter:alpha(opacity=80);
			}
			.sectionright #pullquote { left:10px; }
			.sectionleft #pullquote { right:10px; }
			.orange #pullquote { background:#ed8000; border-color:#ed8000 !important; }
			.green #pullquote { background:#568000; border-color:#568000 !important; }
			.red #pullquote { background:#b32417; border-color:#b32417 !important; }
			.blue #pullquote { background:#004959; border-color:#004959 !important; }
			
			#pullquote p.pqq {
				margin:4px;
				color:#ffffff;
				line-height:1.4em;
				text-decoration:underline;
				}
				#pullquote p.pqq a { color:#ffffff; }
			#pullquote p.pqp { margin:0; }
			#pullquote p.pqp a {
				display:block;
				width:214px;
				margin:4px;
				padding-bottom:4px;
				border-bottom:1px #ffffff solid;
				color:#000000;
				text-decoration:none;
				}
				.orange #pullquote .pqp a { background:transparent url(/Images/arrow_black_on_orange_tcm91-18591.gif) top right no-repeat; }
				.orange #pullquote .pqp a:hover { background:transparent url(/Images/arrow_white_on_orange_tcm91-18598.gif) top right no-repeat; }	
				.green #pullquote .pqp a { background:transparent url(/Images/arrow_black_on_green_tcm91-18590.gif) top right no-repeat; }
				.green #pullquote .pqp a:hover { background:transparent url(/Images/arrow_white_on_green_tcm91-18595.gif) top right no-repeat; }
				.red #pullquote .pqp a { background:transparent url(/Images/arrow_black_on_red_tcm91-18592.gif) top right no-repeat; }
				.red #pullquote .pqp a:hover { background:transparent url(/Images/arrow_white_on_red_tcm91-18600.gif) top right no-repeat; }
				.blue #pullquote .pqp a { color:#aeb0b2; background:transparent url(/Images/arrow_black_on_green_tcm91-18590.gif) top right no-repeat; }
				.blue #pullquote .pqp a:hover { background:transparent url(/Images/arrow_white_on_green_tcm91-18595.gif) top right no-repeat; }
				
		div.pq {
			width:240px;
			margin:0 0 10px 10px;
			}
			div.pq q {
				display:block;
				clear:both;
				font-weight:bold;
				margin-left:20px;
			}
			div.pq span {
				margin-left:20px;
			}
			div.pq span small { font-size:80%; }

		div.greybox {
			background:#939598;
			padding:1px 0;
			margin-right:0;
			margin-bottom:10px;
			}
			div.pinleft div.greybox {
				margin-right:10px;
				width:297px;
			}
			div.wider div.greybox {
				width:306px;
			}
			div.greybox div#placementcontainer, div.greybox div.whitebox {
				margin:0 1px;
				padding:6px;
				background:#fefefe url(/Images/tint2_tcm91-18606.gif) bottom right no-repeat;	
/*				margin-bottom:2px; */
			}


			div.placements {
				margin:0 6px;
				background:#745919 !important; 
			}
			
			.belt {	
				background:transparent !important; 
				overflow:hidden; 
				width:584px; 
				padding-top:0 !important; 
				padding-bottom:0 !important; 
				}
				.no-js .belt { 
					overflow:scroll !important; 
					width:590px; 
					height:380px; 
					padding-left:0; 
					}
			
			.superwide { 
					width:5000px; 
					padding:0; 
					margin:0; 
					padding-top:0 !important; 
					padding-left:10px; 
					}
					.no-js .superwide { 
						padding-left:0 !important; 
						width:560px !important; 
					}
			
			div.placement {
				padding:0;
				background:transparent !important;
				text-align:left;
				}
				div#placements div.placement {
				/*	display:inline;
					float:left; 
					width:584px;  */
					width:550px;
				}
				.no-js div.placement {
					display:block;
					float:none;
					width:550px;
				}
				
				div.placement h2 { color:#004959 !important; padding-top:0; margin-bottom:0 !important; font-size:115%; }
				div.placement h3 { color:#004959 !important; }
				.no-js div.placement h2 { border-top:1px #939598 solid; }
				.no-js div.placement h2 a, #colorbox div.placement h2 a { color: #004959; text-transform:uppercase; cursor:text; }
				.no-js div.placement h2 a:hover, #colorbox div.placement h2 a { text-decoration:none; }
				div.placement img.flag { clear:both; float:left !important; margin-right:5px; margin-bottom:10px; padding-bottom:10px; }

				div.horizlb { width:202px; float:left; text-align:center; }
				#standardpage div.horizlb img, div.horizlb h2 { margin:inherit auto; float:none; }
				.no-js div.horizlb, #colorbox div.horizlb { width:auto; float:none; text-align:left; }
				div.horizlb div { text-align:left; }

/*
				div.placements h2#ir-exampleplacement { display:none; }
				#colorbox h2#ir-exampleplacement { display:block; }
*/

				#colorbox .details { display:block !important; }
				#colorbox h2, #colorbox img.flag { clear:right; margin-top:5px; }
				#colorbox h2 a { color:#004959; }
				#colorbox .close { float:right; background-color:#939598; }
				#colorbox .close a { color:#ffffff; }
				#colorbox { border:2px #939598 solid; }


			div.greybox h3 { margin-top:0; }
			div.greybox ul { margin-left:20px; }

			div.floatinfocol { 
				border:1px #aeb0b2 solid; 
				background:#fefefe url(/Images/tint2_tcm91-18606.gif) bottom right no-repeat;	
				width:200px;
				margin:10px;
				padding:5px;
				}
				div#standardpage div.floatinfocol img { float:none; }
				div.floatinfocol dl dt, div#hpcountry dl dt { font-weight:bold; }
				div.floatinfocol dl dd { margin-bottom:1em; }
				div.floatinfocol h3 { margin-top:0.5em; margin-bottom:1em; }

		.threecol {
			width:204px;
			float:left;
			} 
			.threecol h3 { text-transform:uppercase; }
			.pad {
				width:185px;
				margin-left:10px;
			}


#sidebar {
/*	position:absolute; 
	right:0;
	top:0; 
*/
	width:160px;
	margin-top:68px;
	float:right;
	background-color:#939598;	
	color:#333333;
	font-size:0.65em;
	line-height:1.25em;	
	}
	#sidebar div#inside { 
		margin:0 3px 3px 3px; 
		background:#ffffff; 
		padding:6px; 
		padding-top:2px;
	}
	#sidebar ul {
		margin-left:20px;
	}
	.homepage #sidebar {
		width:320px;
	}
	.homepage #sidebar div#inside {
		padding-top:0;
		height:312px;
		overflow:hidden;
	}

	#sidebar h3 { 
/*		color:#ed8000; wtf? */
		font-size:1.3em; 
		border-top:1px #939598 solid;
		border-bottom:1px #939598 dashed;
		padding:5px 0 5px 0;
		margin:0.6em 0 0.6em 0;
		}
		.homepage #sidebar h3 {
			color:#004959;
			font-size:1.3em;
			border-top:0;
			border-bottom:1px #004959 solid;
			padding-bottom:4px;
		}
		#sidebar #hpdonate h3 {
			font-size:1.2em;
			border:0;
			padding-bottom:0;
			margin-bottom:-0.7em;
		}
		#hpdonate p {
			margin-bottom:0.6em;
		}
		#hpdonate form div {
			padding-bottom:7px;
		}


#leftcol {
	position:absolute;
	top:36px;
	left:10px;
}
#undermenu p {
	width:160px;
	font-size:0.6em;
	color:#aeb0b2;
}
#undermenu p a { font-weight:normal; color:#aeb0b2; }

#languages {
	position:absolute;
	top:0;
	left:10px;
}

#lowercontent {
	clear:both;
	margin:1em 0 0 180px;
	width:810px;
	font-size:0.7em;
	color:#333333;
}

	div#lowercontent div.greybox div.whitebox { 
		margin:2px 3px;
		padding:4px;
		padding-right:2px;
		background:#ffffff;
		background-image:none;
	}

	#hpboxesleft {
		float:left;
		width:480px;
	}
	#hpboxesright {
		float:right;
		width:320px;
		}
		#hpboxesleft div.whitebox, #hpboxesright div.whitebox {
			height:160px;
			overflow:hidden;
		}
		.minibox {
			/* background-color:#d3e7f5;  */
			float:left;
			width:152px;
			height:160px;
			font-size:0.9em;
			}
			.minibox h3 {
				font-size:1.2em;
			}

		.sep {
			border-right:1px #aeb0b2 solid;
			margin-right:3px; 
		}

div#hpcountry {
	height:160px;
	overflow:hidden;
	border-bottom:1px #aeb0b2 solid;
	}
	#hpcountry img.flag { margin:5px 0; display:block; }


.thickgreybox div {

}


#header {
	position:absolute;
	top:0;
	left:180px;
	width:810px;
	height:30px;
	border-bottom:1px #aeb0b2 solid;
}

#footer {
	clear:both;
	margin-top:10px;
	margin-left:10px;
	border-top:1px #aeb0b2 solid;
	padding-top:3px; 
	width:810px;
	margin-left:180px;
	}
	#footer p {
		clear:both;
		text-align:right;
		padding-top:5px;
		border-top:1px #aeb0b2 solid;
		font-size:0.6em;
		color:#aeb0b2;
		line-height:1.2em;
	}

#breadcrumb {
	position:absolute;
	top:42px;
	left:180px;
}

#search {
	position:absolute;
	top:40px;
	left:830px;
	}

	.searchtext {
/*
		position:relative;
		top:-2px;
*/
		color:#aeb0b2;
		width:127px;
		border:1px #939598 solid;
	}

/* ------ forms -------- */

form#casestudysearch, form#jobsearch, form#skillsearch { margin-top:1.5em; }

form#donate { border-top:1px #ffffff dashed; padding-top:1em; }
form#donate label { float:left; }
form#donate input, form#donate select { margin-bottom:1em;  float:left; margin-right:4px; }
form .textinput { border:1px #939598 solid; }

form .go {
	overflow: hidden;
	border:0;
	padding: 0;
	margin: 0 2px 0 0;
	text-indent: -9999px;
	background:url(/Images/go_tcm91-18605.gif) 0 0 no-repeat; 
	cursor:pointer;
	width:18px;
	height:20px;
}


form#contact, form#theForm { position:relative; margin-left:200px; }
form#theForm span { font-size:0.9em; }
form#contact label, form#theForm label, form#theForm span.green { position:absolute; margin-left:-190px; width:185px; font-size:0.9em; }
form#contact input, form#contact select, form#contact textarea { margin-bottom:1em; } 
form#theForm span.red { position:absolute; margin-left:-200px; width:185px; font-size:0.9em; color:#ff0000; }
form#theForm span.fw { display:block; margin-left: -190px; }
form#theForm span.nfw { display:block; margin-left: -170px; margin-top:-20px; }
form#theForm input.fw { margin-left: -190px; }
form#theForm label.formfl { margin-left: auto; float: left; }
form#theForm label.fw { margin-left: -160px; }

/* ----------- utils ----------- */

.cb { clear:both; }
.fl { float:left; }
.fr { float:right; }
.hidden { display:none; }

hr { height:1px; border:0; border-top:1px #939598 dashed; }

.centre {
	width:990px;
	margin:0 auto 0 auto;
	position:relative;
}

.next { 
	cursor:pointer; 
	color:#ffffff; 
	float:right; 
	background:#939598 url(/Images/arrow_white_on_grey_tcm91-18596.gif) top right no-repeat; 
	padding-right:12px; 	
	margin-right:4px;
	margin-top:0px;
	display:block;
	font-size:115%;
	}
.prev { 
	cursor:pointer; 
	color:#ffffff; 
	clear:both;
	float:left; 
	background:#939598 url(/Images/arrow_white_on_grey_rtl_tcm91-18597.gif) top left no-repeat; 
	padding-left:12px; 
	margin-left:4px;
	margin-top:0px;
	display:block;
	font-size:115%;
}
.no-js .next, .no-js .prev { display:none; }

img.fr { margin:0 0 6px 6px; }


/* --------- faqs and sitemap collapsy stuff ---------- */

ul.sitemap li { border-bottom:1px #ffffff dotted; }
ul.sitemap { list-style-type:none; margin-top:0; margin-bottom:3px; }
ul.sitemap a { background:url(/Images/tinyli2_tcm91-19721.gif) top left no-repeat; }
/*
.no-js ul.sitemap { list-style-type:square; }
*/
ul.sitemap a.openable { 
	cursor:pointer; 
	background:url(/Images/icon_plus_tcm91-20029.gif) left 2px no-repeat; 
	display:block;
	}
h3.faqq { 
	cursor:pointer; 
	color:#004959 !important; 
	background:url(/Images/icon_plus_tcm91-20029.gif) left 2px no-repeat; 
	}
	h3.faqq span, ul.sitemap a span { display:block; margin-left:20px; }
		.no-js h3.faqq span, .no-js ul.sitemap a span { margin-left:0; }
	h3.faqopen, a.sitemapopen { background:url(/Images/icon_minus_tcm91-20030.gif) left 2px no-repeat !important; }
		.no-js h3.faqopen, .no-js a.sitemapopen { background-image:none; }
div.faqa { margin-left:20px; }
	.no-js div.faqa { margin-left:0; }

.level1 { font-size:1.3em; font-weight:bold; }
.level2 { font-size:1.2em; font-weight:bold; }
.level3 { font-size:1.2em; }


/* --------- misc text ---------- */

p { margin:1em 0 1em 0; color:#333333; }
p.date { margin-top:0.1em; margin-bottom:0.7em; }
p.squash { margin-top:0.7em; margin-bottom:0.15em; }
p.quoted { font-style:italic; float:right; }
p.quotee { width:100%; text-align:right; }

strong { font-weight:bold; }
em { font-style:italic; }
div.standfirst { font-weight:bold; font-size:1.1em; padding-bottom:0.7em; border-bottom:1px #939598 dashed; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1 { font-size:1.6em; margin:8px auto; padding-bottom:8px; text-transform:uppercase; }
h2 { font-size:1.3em; margin-bottom:-0.5em; padding-top:4px; }
h3 {  font-size:1.1em; margin-bottom:-0.7em;  margin-top:1.2em; }
h2.faqh { margin-top:1.6em; }
h3.withmargin { margin-bottom:0; }
h2.withmargin { margin-bottom:0.6em; }
h2.lightboxlauncher { margin-top:12px; }

.homepage h3 { text-transform:uppercase; color:#004959; }
.homepage h3 a { color:#004959; }
.homepage #hpnews h3 { text-transform:none; }

form#theForm span.heading { font-size:1.6em; font-weight:bold; }

.twitter p { margin-bottom:0.3em; }
.twitter p a { font-weight:normal; }
.twitter p.date { color:#aeb0b2; text-transform:uppercase; font-size:85%; margin-bottom:1em; }
.twitter hr { clear:both; }

/* --------- lists ---------- */

ul { margin:1em; margin-left:30px; list-style:square; }
ol { margin-left:25px; }

ul.downloads li a { padding-bottom:8px; line-height:2.2em; }

.styledl dt { font-weight:bold; }
.styledl dd { margin-left:15px; margin-bottom:1em; }


/* --------- links ---------- */

a { 
	text-decoration:none; 
	font-weight:bold;
	color:#660066; 
	}
	a:hover, .bl-hover a:link  { text-decoration:underline; }
	a.readmore, ul.readmore a { 
		font-weight:bold; 
		background:url(/Images/arrow_purple_on_white_tcm91-18594.gif) top right no-repeat; 
		padding-right:12px;
		}
		.green .photopage ul.readmore a { background:url(/Images/arrow_white_on_green_tcm91-18595.gif) top right no-repeat; }		
		.red .photopage ul.readmore a { background:url(/Images/arrow_white_on_red_tcm91-18600.gif) top right no-repeat; }
		.orange .photopage ul.readmore a { background:url(/Images/arrow_white_on_orange_tcm91-18598.gif) top right no-repeat; }
	.bl-hover {
		background:#eeeeee;
	}

/* --------- social bookmarks ---------- */

ul#sbm { clear:both; position:absolute; bottom:5px; }
ul.sb { list-style:none; margin:0; margin-top:2em; border-top:1px #939598 dashed; }
	ul.sb li { list-style:none; display:inline; }
		ul.sb a { line-height:2.2em; padding-bottom:8px; font-weight:normal; }
			ul.sb a:hover { text-decoration:none; }
			ul.sb a span { padding-left:20px; }

/* --------- random bits ---------- */

.dottedborder { padding:4px 0; border-top:1px #aeb0b2 dotted; border-bottom:1px #aeb0b2 dotted; margin:6px 0; }
.arrow-white-orange { padding-right:12px; background:url(/Images/arrow_white_on_orange_tcm91-18598.gif) top right no-repeat; }
.arrow-white-red { padding-right:12px; background:url(/Images/arrow_white_on_red_tcm91-18600.gif) top right no-repeat; }

img.flag { margin-bottom:1.2em; }

p.evdate { display:block; float:left; background:url(/Images/calendar-icon_tcm91-21546.gif) top left no-repeat; width:50px; height:51px; margin-right:5px; font-weight:bold; margin-top:8px; position:relative; }
p.evdate span.dd { width:50px; text-align:center; display:block; font-size:18px; margin-top:4px; }
p.evdate span.mm { width:50px; text-align:center; text-transform:uppercase; height:15px; display:block; }

#lpcovers img { float:none; margin:5px; }
.amazonbook { clear:both; margin-top:1em; }
#standardpage .amazonbook img { float:left; }
.amazonbook p.booktitle { font-size:1.2em; margin-bottom:0.4em; }
.amazonbook p.author { font-weight:bold; }

div.blogger { clear:left; padding-top:5px; }
div.blogger img { float:left !important; }
div.blogger div { width:80px; float:left; }
div.blogger div.divflag { width:50px; float:none; margin:10px 0 0 7px; }
div.blogger h4 { font-size:1.3em; padding-top:5px; }

#govtfunding img { margin-bottom:5px; }

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#ffffff; border:8px solid #ed8000; padding:12px;}
#simplemodal-container h2 { margin-bottom:0.6em; }
#simplemodal-container a { margin-top:1em; }

/* ------------------ color scheming --------------------- */

.photopage #main { background:transparent; }

.orange #main-border { background:#ed8000; border-top-color:#ed8000 !important; }
.orange #main { border-color:#ed8000; }
.orange h1 { color:#ed8000; border-bottom:1px #ed8000 solid; }
.orange h5 { color:#ed8000; }
.orange h2, .orange h3, .orange .heading { color:#ed8000; }
.orange .photopage h1, .orange .photopage h2, .orange .photopage h3 { color:#ffffff; border-color:#ffffff; }

.grey #main-border { background:#939598; border-color:#939598 !important; }
.grey #main { border-color:939598; }
.grey h1 { color:#939598; border-bottom:1px #939598 solid; }
.grey h2, .grey h3, #lowercontent h3, .grey .heading { color:#004959; }

.green #main-border { background:#568000; border-color:#568000 !important; }
.green #main { border-color:#568000; }
.green h1 { color:#568000; border-bottom:1px #568000 solid; }
.green h2, .green h3, .green .heading { color:#568000; }
.green .photopage h1, .green .photopage h2, .green .photopage h3 { color:#ffffff; margin-bottom:1em; }

.red #main-border { background:#b32417; border-color:#b32417 !important; }
.red #main { border-color:#b32417; }
.red h1 { color:#b32417; border-bottom:1px #b32417 solid; }
.red h2, .red h3, .red .heading { color:#b32417; }
.red .photopage h1, .red .photopage h2, .red .photopage h3 { color:#ffffff; }

.blue #main-border { background:#004959; border-color:#004959 !important; }
.blue #main { border-color:#004959; }
.blue h1 { color:#004959; border-bottom:1px #004959 solid; }
.blue h2, .blue h3, .blue .heading { color:#004959; }
.blue .photopage h1, .blue .photopage h2, .blue .photopage h3 { color:#ffffff; margin-bottom:1em; }