@charset "utf-8";

@import url("reset.css");

/* -- TYPE -- */
body {
	font-family:Helvetica, Arial, sans-serif;
	color:#363636;
	
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	
	background-image:url(../images/_ui/bg_main.gif);
	background-position:center top;
	background-repeat:repeat-y;
	
	text-align:center;
}
h1 {
	font-size:1.5em;
	font-weight:normal;
	line-height:1.1em;
	margin-top:30px;
	margin-bottom:20px;
}
h1.larger {
	font-size:1.6em;
}
h2 {
	font-size:1.4em;
	line-height:1.2em;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:0.5em;
}
h2.larger {
	font-size:1.45em;
}
h2.smaller {
	font-size:0.3em;
	font-weight:bold;
}
h3 {
	font-size:1.3em;
	line-height:1.1em;
	margin-top:2em;
	margin-bottom:0.5em;
}
h4 {
	font-size:0.9em;
	font-weight:bold;
	margin-top:2em;
	margin-bottom:0.5em;
}

p, .bodyText, .fakeParagraph {
	/*margin-top:0.75em;*/
	margin:0px;
	line-height:1.4em;
	padding-bottom:10px;
}
p.leadCopy {
	font-size:1.5em;
}
p.larger {
	font-size:1.1em;
}

strong {
	font-weight:bold;
}
em {
	font-style:italic;
}

a img {
	border:none;
}
a {
	color:#0e9eda;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:visited {
}
a:active {
}


.printOnly {
	display:none;
}

/* -- CORE LAYOUT -- */
.primaryCentredHolder {
	position:relative;
	margin:0 auto;
	width:900px;
	/*min-height:510px;     /* sets min-height - only works for browsers except IE */
	/*height:auto !important;     /* sets height to auto - only works for browsers except IE as IE ignores !important */
	/*height:510px;*/
	text-align:left;
}
.accessibilityLinks {
	display:none;
}

/* MAIN HEADER */
.mainHeader {
	position:relative;
	width:900px;
	height:148px;
}
.mainHeader .mainLogo {
	position:absolute;
	left:-71px;
	top:27px;
}
.mainHeader .strapline {
	position:absolute;
	left:221px;
	top:98px;
}

/* MAIN NAVIGATION */
.navColumn {
	float:left;
	width:200px;
}
.navColumn ul.nav {
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:-3px;
	margin-right:0px;
	
	list-style:none;
}
.navColumn ul.nav li {
	margin-bottom:1px;
}
.navColumn ul.nav li div {
	
	line-height:1.2em;
	font-size:0.8em;
	font-weight:bold;
	
	margin-bottom:7px;
}
.navColumn ul.nav li div a {
	padding-top:3px;
	padding-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	
	color:#0c487b;
}
.navColumn ul.nav li div a:hover {
	background-color:#0e9eda; 
	color:#FFFFFF;
	text-decoration:none;
}
.navColumn ul.nav li div.active a {
	color:#0e9eda;
}
.navColumn ul.nav li div.active a:hover {
	color:#FFFFFF;
}
/* Second level of the menu */
.navColumn ul.nav li ul {
	margin-top:0px;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	
	list-style:none;
}
.navColumn ul.nav li ul li {
	margin-bottom:3px;
}
.navColumn ul.nav li ul li div {
	padding-left:20px;
	background-image:url(../images/_ui/sub_nav_bullet.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
.navColumn ul.nav li ul li div a {
	color:#4c4d4e;
	font-weight:normal;
}
.navColumn ul.nav li ul li div.active a {
	font-weight:bold;
}

.navColumn .partners {
	margin-top:50px;
	margin-left:-10px;
	background-image:url(../images/_ui/nav_logos_bg.gif);
}
.navColumn .partners ul {
	list-style:none;
}
.navColumn .partners li {
	margin-top:8px;
}
.navColumn .partners a {
	display:block;
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:-400px;
	overflow:hidden;
	
	width:151px;
	position:relative;
}
.navColumn .partners a.lums {
	height:48px;
	background-image:url(../images/_ui/nav_lums.gif);
	background-position:0px -48px;
}
.navColumn .partners a.lums:hover {
	background-position:0px -48px;
}
.navColumn .partners a.man {
	height:77px;
	background-image:url(../images/_ui/nav_man.gif);
	background-position:0px -77px;
}
.navColumn .partners a.man:hover {
	background-position:0px -77px;
}
.navColumn .partners a.lpool {
	height:49px;
	background-image:url(../images/_ui/nav_lpool.gif);
		background-position:0px -49px;
}
.navColumn .partners a.lpool:hover {
	background-position:0px -49px;
}
.navColumn .partners a.imagination {
	height:53px;
	background-image:url(../images/_ui/nav_imagination.gif);
	background-position:0px -53px;
}
.navColumn .partners a.imagination:hover {
	background-position:0px -53px;
}

.navColumn .funders {
	margin-top:30px;
	margin-left:-10px;
	background-image:url(../images/_ui/nav_logos_bg.gif);
}
.navColumn .funders ul {
	list-style:none;
}
.navColumn .funders li {
	margin-top:8px;
}
.navColumn .funders a {
	display:block;
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:-400px;
	overflow:hidden;
	
	width:151px;
	position:relative;
}
.navColumn .funders a.erdf {
	height:54px;
	background-image:url(../images/_ui/nav_erdf.gif);
	background-position:0px -54px;
}
.navColumn .funders a.erdf:hover {
	background-position:0px -54px;
}
.navColumn .funders a.nwda {
	height:67px;
	background-image:url(../images/_ui/nav_nwda.gif);
		background-position:0px -67px;
}
.navColumn .funders a.nwda:hover {
	background-position:0px -67px;
}


/* MAIN CONTENT COLUMN */
.contentColumn {
	position:relative;
	
	float:right;
	width:700px;
	
	font-size:0.9em;
}

.contentHeader {
}
.contentHeaderTable td {
	vertical-align:top;
}
.contentHeaderTable td.col1 {
	width:400px;
}
.contentHeaderTable td.col2 {
	width:300px;
}

.contentHeaderTable td.col1_blue {
	color:#FFFFFF;
	background-color:#0e9eda;
	background-image:url(../images/_ui/blue_box_edge.gif);
	background-repeat:repeat-y;
}
.contentHeaderTable td.col2_grey {
	background-color:#e5e5e5;
}

.subContentColumn_left {
	width:400px;
	float:left;
}
.subContentColumn_right {
	width:300px;
	float:right;
}


.bodyList {
	/*margin-top:0.75em;*/
	/*margin:0px;*/
	margin-top:0px;
	padding-bottom:10px;
	line-height:1.3em;
}
ul.bodyList {
	list-style:none;
	overflow:hidden; /* NOTE: this prevents li's with background images as bullets from getting hidden behind floats */
}
ol.bodyList li {
	margin-bottom:7px;
	margin-left:30px;
	padding-left:10px;
}
ul.bodyList li {
	padding-left:20px;
	margin-bottom:7px;
	
	background-image:url(../images/_ui/bullet.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
}
.bodyList_sublist {
	margin-top:7px;
}


.contentColumn p a, .fakeParagraph a, a.pLink {
	/*   background-color:#c8e6f3;   */
	
	text-decoration:none;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
}
.contentColumn p a:hover, .fakeParagraph a:hover, a.pLink:hover {
	/*   background-color:#0e9eda; */
	/*   color:#FFFFFF;*/
	text-decoration:underline;
	
}
.contentColumn p a:visited, .fakeParagraph a:visited, a.pLink:visited {
	font-weight:normal;
}
.contentColumn p a:active, .fakeParagraph a:active, a.pLink:active {
	font-weight:normal;
}

.contentColumn p a.hiddenLink, .fakeParagraph a.hiddenLink {
	background-color:transparent;
	padding:0px;
}
.contentColumn p a.hiddenLink:hover, .fakeParagraph a.hiddenLink:hover {
	background-color:transparent;
	color:#0e9eda;
	padding:0px;
}

.bodyCol {
	width:225px;
}
.bodyCol_right {
	float:right;
	clear:right;
}
.bodyCol_left {
	float:left;
	clear:left;
}

/* FOOTER */
.mainFooter {
	margin-bottom:30px; 
	margin-left:200px;
	
	clear:both;
}
.mainFooter .copyright {
	float:left;
	clear:left;
	margin-top:40px;
	margin-left:10px;
	
	color:#a3a3a5;
	font-size:0.7em;
}

/* -- GENERIC ELEMENTS -- */
.columnImage {
	border:1px solid #c2c2c2;
	margin-bottom:10px;
}

.sectionBox {
	position:relative;
	display:block;
}
.sectionBox_stacked {
	margin-bottom:1px;
}
.sectionBox .body {
	margin-top:1px;
	display:block;
	
	background-repeat:repeat-y;
}
.sectionBox .body img {
	display:block;
	border:1px solid #cacaca;
}
.sectionBox .body .image_left {
	float:left;
	margin-right:9px;
}
.sectionBox .title {
	padding-top:16px;
	padding-bottom:0px;
	padding-left:21px;
	padding-right:21px;
}
.sectionBox .title_single {
	padding-bottom:14px;
}
.sectionBox .title h1, .sectionBox .title h2, .sectionBox .title h3, .sectionBox .title h4 {
	margin:0px;
}
.sectionBox .copy {
	padding-top:16px;
	padding-bottom:4px;
	padding-left:21px;
	padding-right:21px;
}
.sectionBox .body_contiguous {
	margin-top:0px;
}

.sectionBox_noParagraphs .copy {
	padding-bottom:5px;
}

.sectionBox_grey .body {
	background-color:#e5e5e5;
}
.sectionBox_grey .body .copy a {
	background-color:#cfcfcf;
/*padding-left:4px;;*/	
	/*padding-right:4px;;*/
}
.sectionBox_grey .body .copy a:hover {
	/*background-color:#0e9eda;*/
	background-color:#e5e5e5;
/*padding-left:4px;;*/	
	/*padding-right:4px;;*/
}
.sectionBox_leftGrey .body {
	background-image:url(../images/_ui/grey_box_edge.gif);
}

.sectionBox_blue .body {
	color:#FFFFFF;
	background-color:#0e9eda;
}
.sectionBox_blue .body .copy a {
	color:#FFFFFF;
	/*background-color:#0e9eda;*/
}
.sectionBox_blue .body .copy a:hover {
	color:#0e9eda;
	background-color:#FFFFFF;
}
.sectionBox_leftBlue .body {
	background-image:url(../images/_ui/blue_box_edge.gif);
}

.sectionBox_greyFade {
	background-color:#e5e5e5;
	background-image:url(../images/grey_fade_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}



.bodyTable {
	width:100%;
	padding-bottom:15px;
}
.bodyTable td {
	padding-top:6px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;
	
	vertical-align:top;
}
.bodyTable .col1 {
	width:100px;
}
.bodyTable tr td {
	border-bottom:1px solid #cccccc;
}
.bodyTable tr.finalRow td {
	border-bottom:none;
}

.layoutTable {
	width:100%;
}
.layoutTable td {
	vertical-align:top;
}
.layoutTable .col1 {
	width:150px;
}
.layoutTable .col1_halfWidth {
	width:75px;
}

/* HELPERS */ 
.margin_top_0 {
	margin-top:0px;
}
.margin_bottom_0 {
	margin-bottom:0px;
	padding-bottom:0px;
}
.margin_top_1 {
	margin-top:15px;
}
.margin_top_2 {
	margin-top:30px;
}
.margin_bottom_1 {
	margin-bottom:15px;
}

.clearDummy, .endDummy {
	clear:both;
}

.width_2col {
	width:300px;
}
.width_3col {
	width:435px; /* -15px for gutter */
}
.leftCol {
	clear:left;
	float:left;
}
.rightCol {
	clear:right;
	float:right;
}

.font_white {
	color:#FFFFFF;
}
.font_blue {
	color:#0e9eda;
}

.hideLinks a, a.hideLinks {
	text-decoration:none;
}