/* Structure Style Definitions */
html, body {

	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;

}

/* Main Elements Style Definitions */
div#windowFrame {
	
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;

}

	div#pageFrame {

		position: relative;
		background: #fff;
		max-width: 1200px;
		min-width: 1003px;
		margin: 0px auto;
		text-align: left;
		
	}
		div#pageTop {
			overflow: hidden;
			position: absolute;
			width: 100%;
			height: 21px;
			z-index: 99;
		}
			div#toolbar {
				float: right;
				background: url(/SubsitesElements/nav/pagetop-researchprojects-bg.png) no-repeat 100% 100%;	
				padding: 0px 0px 1px 80px;
				min-width: 480px;
				width: auto;	
			}
		div#pageHeader {
			position: relative;
			width: 100%;
			height: 98px;
			text-align: right;
			overflow: hidden;
		}
		
			div#sys_topExtra{
				text-align:left;
				width:100%;
				height:100%;
			}
			
			div#mainHeader {

				position: absolute;
				width: 100%;
				height: 200px;
				left: 0px;
				top: 0px;

			}
				
				div#logo {
	
					position: absolute;
					width: 161px;
					height: 78px;
					top: 10px;
					left: 0px;
					cursor: pointer;
					cursor: hand;
				}
					div#logo img {
					border:0 none;}
					
	
				div#title {
					float: left; /* Original: float:right; */
					background: #15b9e1;
					margin-top: 55px;
					margin-left: 170px; /* Added */
					padding: 6px 20px 0px 10px;
					width: auto;
					height: 27px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 18px;
					text-align: right;
					color: #ffffff;
				}
		div#topNavigation {
			position: relative;	
			/*background: url(/SubsitesElements/nav/header-shadow-png.png) repeat-x 0% 100%;
			width: 100%;
			z-index: 99; 
			height: 33px;*/
		}
		div#topNavigationShadow {
			background: url(/SubsitesElements/nav/header-shadow-png.png) repeat-x 0% 100%;
			height: 9px;
			position: relative;
			z-index: 99;
		}
		div#contentFrame {
			float: left; /* in order to avoid a peek-a-boo bug under IE7 */
			position: relative;
			border-right: 1px solid #b3b3b3;
			border-bottom: 1px solid #b3b3b3;
			border-left: 1px solid #b3b3b3;
			margin-top: -9px;
			width: 99.8%; /* 100% is not an option until the box-sizing property is implemented because of the borders */
			overflow: hidden;
			}
		
			
			div#frameHeader {
			
				position: relative;
				background: url("/SubsitesElements/nav/intranet-badge-icon.gif") no-repeat 4px 3px;
				border-bottom: 1px solid #b3b3b3;
				margin: 3px 0px 0px 0px;
				padding: 5px 0px 0px 28px;
				height: 20px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				color: #e24c1e;
					
			}
				div#frameHeader .sys_editprofile-link {
					position:absolute;
					font-size:12px;
					right:10px;
					top:.2em;
					color:#E24C1E;
				}
			
			
			div#rightFrame {
			
				float: left;
				position: relative;/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
				background: #f0f0f0 url(/SubsitesElements/nav/rightcolumn-bg.gif) repeat-y 100% 0%;
				width: 100%; /* width of whole page */
				overflow: hidden; /* This chops off any overhanging divs */
				
				
				
				
				
				clear: both;
				
			}
			div#contentFrame.sys_rightSide div#rightFrame,
			div#contentFrame.sys_bothSides div#rightFrame,
			div#contentFrame.sys_fullWidth div#rightFrame, 
			div.sys_rightSide div#rightFrame,
			div.sys_bothSides div#rightFrame,
			div.sys_fullWidth div#rightFrame {
			
				float: none;
				background: transparent;
				width: auto;			
			}
				div#contentHeader {
				
					position: relative;
					background: #f0f0f0 url(/SubsitesElements/nav/contentheader-bg.gif) repeat-x 0% 100%;
					border-right: none;
					border-bottom: 1px solid #b3b3b3;
					border-left: 3px solid #ffffff;
					margin: 0px 0px 0px 0px;
					
				}
				
				div#contentFrame.sys_fullWidth div#contentHeader, div.sys_fullWidth div#contentHeader  {
				
					border-right: none;
					margin-right: 0px;
				
				}

				
			div#mainFrame {	
			float: left;
			position: relative;
			background: #fff url(/SubsitesElements/nav/grey-dot.gif) repeat-y 100% 0%;
			margin-left: -245px; 	/* Width of right column */
			width: 200%;
			right: 100%;
			}
				div#contentFrame.sys_rightSide div#mainFrame, div.sys_rightSide div#mainFrame  {
				background: #f0f0f0 url(/SubsitesElements/nav/leftcolumn-bg.gif) repeat-y 0% 0%;
				border-top: 1px solid #b3b3b3;
				margin-top: -1px;
				margin-left: 0px;
				width: 100%;
				right: auto;
				}
				div#contentFrame.sys_bothSides div#mainFrame,
				div#contentFrame.sys_fullWidth div#mainFrame,
				div.sys_bothSides div#mainFrame,
				div.sys_fullWidth div#mainFrame {
				background: #fff;
				margin-left: 0px;
				}
				
			div#leftFrame {	
			float: left;
			position: relative;
			background: #f0f0f0 url(/SubsitesElements/nav/leftcolumn-bg.gif) repeat-y 100% 0%;
			border-top: 1px solid #b3b3b3;
			margin-top: -1px;
			margin-left: -50%;
			width: 100%;
			left: 456px; /* Left column width + right column width */
			}
				div#contentFrame.sys_rightSide div#leftFrame, div.sys_rightSide div#leftFrame {
				background: #fff;
				margin-left: 0%;
				width: 200%;
				left: 211px;
				}
				
				div#contentFrame.sys_leftSide div#leftFrame,
				div#contentFrame.sys_bothSides div#leftFrame,
				div#contentFrame.sys_fullWidth div#leftFrame,
				div.sys_leftSide div#leftFrame,
				div.sys_bothSides div#leftFrame,
				div.sys_fullWidth div#leftFrame {
				float: none;
				background: transparent;
				margin-left: 0%;
				width: auto;
				left: 0px;
				right: 0px;	
				}
					
			div#mainColumn {		
			float: left;
			position: relative;
			padding-bottom: 0px;/* Centre column bottom padding. Leave it out if it's zero */
			width: 50%;
			right: 211px; /* Width of left column */
			}
						div#contentFrame.sys_rightSide div#mainColumn, 
						div.sys_rightSide div#mainColumn  {
						float: right;
						left: auto;
						}
						div#contentFrame.sys_leftSide div#mainColumn,
						div#contentFrame.sys_bothSides div#mainColumn,
						div#contentFrame.sys_fullWidth div#mainColumn,
						div.sys_leftSide div#mainColumn,
						div.sys_bothSides div#mainColumn,
						div.sys_fullWidth div#mainColumn {
						left: 50%;
						}
						
	div#contentArea {		
	position: relative;
	margin: 0px 245px 0px 211px; /* Centre column side padding: Left padding = left column width + centre column left padding width Right padding = right column width + centre column right padding width */
	padding: 10px 11px 10px 15px;
	left: 200%;
	overflow: hidden;
	}
							div#contentFrame.sys_rightSide div#contentArea,
							div.sys_rightSide div#contentArea {
							margin: 0px 0px 0px 211px;
							left: auto;
							right: 100%;
							}
							div#contentFrame.sys_leftSide div#contentArea,
							div.sys_leftSide div#contentArea {
							
							margin: 0px 0px 0px 245px;
							left: auto;
							
							}
							div#contentFrame.sys_bothSides div#contentArea,
							div#contentFrame.sys_fullWidth div#contentArea, 
							div.sys_bothSides div#contentArea,
							div.sys_fullWidth div#contentArea  {
							margin: 0px 0px 0px 0px;
							padding-right: 10px;
							left: auto;
							}
								div#toolBox {
								float: right;
								position: relative;
								background: #ffffff;
								border: 1px solid #b3b3b3;
								margin: -7px 0px 20px 20px;
								width: 130px;
								right: 0px;
								z-index: 99;
								}
							div#leftColumn {
							float: left;
							float: right; /* This overrides the float:left above */
							position: relative;
							border-right: 3px solid #ffffff;
							border-left: 3px solid #ffffff;
							width: 204px; /* Width of left column content (left column width minus left and right padding) */
							right: 1px; /* Width of the left-hand side padding on the left column */	
							}
							div#contentFrame.sys_rightSide div#leftColumn, 
							div.sys_rightSide div#leftColumn {
							float: left;
							right: 211px;
							}
							div#contentFrame.sys_leftSide div#leftColumn,
							div#contentFrame.sys_bothSides div#leftColumn,
							div#contentFrame.sys_fullWidth div#leftColumn,
							div.sys_leftSide div#leftColumn,
							div.sys_bothSides div#leftColumn,
							div.sys_fullWidth div#leftColumn {
							display: none;
							}
							div#rightColumn {
							float: left;
							float: right; /* This overrides the float:left above */
							position: relative;
							border-right: 3px solid #ffffff;
							border-left: 3px solid #ffffff;
							width: 239px; /* Width of right column content (right column width minus left and right padding) */
							margin-top: -26px;
							margin-right: 1px;/* Width of right column right-hand padding + left column left and right padding */
							left: 50%;	
							}
							div#contentFrame.sys_leftSide div#rightColumn, div.sys_leftSide div#rightColumn {
							float: right;
							left: 246px;
							}
							div#contentFrame.sys_rightSide div#rightColumn,
							div#contentFrame.sys_bothSides div#rightColumn,
							div.sys_rightSide div#rightColumn,
							div.sys_bothSides div#rightColumn {
							background: url(/SubsitesElements/nav/rightcolumn-bg.gif) repeat-y 100% 0%;
							border-bottom: 1px solid #b3b3b3;
							border-left: 1px solid #b3b3b3;
							margin-right: 0px;
							width: 244px;
							height: 42px;
							left: -209px;
							overflow: hidden;
							}
							div#contentFrame.sys_bothSides div#rightColumn, div.sys_bothSides div#rightColumn {
							margin-right: -2px;
							left: auto;
							}
								div#contentFrame.sys_rightSide div#rightColumn div.sys_searchBox,
								div#contentFrame.sys_bothSides div#rightColumn div.sys_searchBox,
								div.sys_rightSide div#rightColumn div.sys_searchBox,
								div.sys_bothSides div#rightColumn div.sys_searchBox {
								
								padding-top: 9px;
								
								
								}
							div#contentFrame.sys_fullWidth div#rightColumn, div.sys_fullWidth div#rightColumn {
							display: none;
							}
						
				div#contentFooter {
				position: relative;
				margin: -7px 0px 0px 0px;
				
				clear: both;
				}
		div#pageFooter {
		position: relative;
		border-right: 1px solid #b3b3b3;
		border-bottom: 1px solid #b3b3b3;
		border-left: 1px solid #b3b3b3;
		width: 99.8%; /* 100% is not an option until the box-sizing property is implemented because of the borders */
		min-height: 20px;
		clear: both;
		}
	div#pageBottom {
	position: relative;
	height: 20px;
	clear: both;
	}				
					

/* Generic Repeater Listing */
	.sys_generic_list-control {
	float:left;
	width:100%;
	position:relative;
	margin:0 0 10px 0;}
	
	.sys_generic_list-control .sys_generic_list-subheading a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #005c96 !important;}
	
	.sys_generic_list-control .sys_itemslist {
	float: left;
	position: relative;
	width: 100%;
	clear: both;}
	
	.sys_generic_list-control .sys_subitem {
	float: left;
	position: relative;
	border-bottom: 1px solid #d9d9d9;
	margin: 10px 0px -11px 0px;
	padding: 1em 0;
	width: 100%;
	min-height: 5em;
	color: #000;
	clear: both;
	}
		
		.sys_generic_list-control .sys_itemslist .sys_subitem dl {
		margin: 0px 0px 0px 35px;
		}
			.sys_generic_list-control .sys_itemslist .sys_subitem dl dt {
			margin: 0px 0px 0px 0px;
			}
			.sys_generic_list-control .sys_itemslist .sys_subitem dl dd {
			margin: 0px 0px 0px 0px;
			padding:0 0 .5em 0;
			}
			
			/* Description */
			.sys_generic_list-control dt.sys_generic_list-description {
			display:none;
			}
			.sys_generic_list-control dd.sys_generic_list-description {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 125%;
			color: #484848;
			clear: left;
			}
			
			/* URL */
			
			.sys_generic_list-control dt.sys_generic_list-url {
			display:none;
			}
			.sys_generic_list-control dd.sys_generic_list-url {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 125%;
			color: #484848;
			clear: left;
			font-style:italic;
			}
				.sys_generic_list-control dd.sys_generic_list-url span{
				font-size:1%;
				}

/* Flickr Style Pager */
.sys_flickrpager {
		float: left;
		position: relative;
		border-top: 1px solid #b3b3b3;
		border-bottom: 1px solid #b3b3b3;
		margin: 10px 0px 5px -16px;
		padding: 8px 10px 8px 16px;
		width: 100%;
		height: 1%;
		text-align: right;
	
	}
	.sys_flickrpager .sys_paginginfo {
	
		float: left;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #00365b;
	
	}

	 .sys_flickrpager .sys_navigation {
	
		padding: 0px 0px 0px 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: 700;
	
	}
	.sys_flickrpager .sys_navigation span.sys_selected span {
	
		border: 1px solid #00365b;
		padding: 2px 7px;
		text-decoration: none; 
		color: #000;
	
	}
	.sys_flickrpager .sys_navigation a {
	
		padding: 2px 7px;
		text-decoration: none;
	
	}
		.sys_flickrpager .sys_navigation span.sys_page a {
		
			border: 1px solid #d1d1d1;		
			color: #484848 !important;
		
		}
		.sys_flickrpager .sys_navigation span.sys_navigationnext a, .sys_flickrpager .sys_navigation span.sys_navigationprevious a {
		
			color: #00365b !important;
		
		}
			.sys_flickrpager .sys_navigation span.sys_page a:hover {
				
				background: #f0f0f0; 
				border: 1px solid #0086c2;
				color: #0086c2 !important;
			
			}
			.sys_flickrpager .sys_navigation span.sys_navigationnext a:hover, .sys_flickrpager .sys_navigation span.sys_navigationprevious a:hover {
			
				text-decoration: underline;
				color: #0086c2 !important;
			
			}		
			.sys_flickrpager .sys_navigation span.sys_selected span {
			
				color: #00365b;
			
			}
			.sys_flickrpager .sys_navigation .sys_at-start, .sys_flickrpager .sys_navigation .sys_at-end {
			
				color: #bcbcbc;
			
			}
			.sys_flickrpager .sys_navigation .sys_disabled {
			
				padding: 2px 7px;
				color: #898989;
			
			}
/* Live Boxes */
	.sys_livebox {
	min-height:1px;
	position:relative;
	}
	
		.sys_livebox .sys_itemslist {
		margin-top:10px;
		}
	
		.sys_livebox .sys_subitem {
		height:130px;
		width:auto;
		padding:0;
		position:relative;
		margin:2px;
		}
		
		.sys_livebox .sys_subitem h2 {
		font-size:1.1em;
		margin:0 !important;
		padding:1em 0 .2em 0 !important;
		border:0 none !important;
		background:#fff !important;}
			.sys_livebox .sys_subitem h2 a{
			text-decoration:none;}
		
		.sys_livebox .sys_subitem dl {
		margin:0 10px;
		padding:0;
		}
		
		.sys_livebox .sys_subitem dl, .sys_livebox .sys_subitem h3 {
		background: #FFFFFF;
		}
		
		/*.sys_livebox .sys_subitem dl dt, .sys_livebox .sys_subitem dl dd {
		margin:0;
		padding:0;}*/
		
			.sys_livebox .sys_subitem dl dt {
			display:none;
			}
			
			.sys_livebox .sys_subitem dl dd.sys_eventcalendar-location strong {
			font-weight: normal;
			}
			
			.sys_livebox .sys_subitem dl dd.sys_news-description, .sys_livebox .sys_subitem dl dd.sys_eventcalendar-location {
			color:#333;
			font-size:12px;
			margin: 0px; /*J 20px 0 0 0; */
			position:relative;
			top:0;
			}
			
			.sys_livebox .sys_subitem dl dd.sys_publications-author {
			color:#333;
			font-size:12px;
			margin: 0px; /*J 20px 0 0 0*/
			position:relative;
			top:0;
			}
			
			.sys_livebox .sys_subitem-links, .sys_livebox .sys_subitem dl dd.sys_publications-date, .sys_livebox .sys_subitem dl dd.sys_publications-title, .sys_livebox .sys_subitem dl dd.sys_publications-abstract {
			display: none;
			line-height:0px;
			font-size:0px;
			}
			
			.sys_livebox .sys_subitem dl dd.sys_news-datepublished {
			/* color:#005c96;
			position:absolute;
			top:10px; 
			left:10px; */
			display: none; /*J*/
			}
			
			.sys_livebox .sys_subitem dl dd.sys_eventcalendar-time, .sys_livebox .sys_subitem dl dd.sys_publications-collection {
			color:#005c96;
			/*position:absolute;
			top:10px; 
			left:0px;
			margin: 0 10px;*/
			margin: 0 0 6px 0; /*J*/
			}

/* 2 columns same height fix */

div#mainColumn .sys_rightFrame
	{
	clear:left;
	float:left;
	width:105%;
	overflow:hidden;
	/* background:#ffa7a7; column 2 background colour */
	margin: -10px -10px -10px -15px;
	}


div#mainColumn .sys_leftFrame
	{
	float:left;
	width:100%;
	position:relative;
	right:50%;
	/* background:#fff689; column 1 background colour */
	border-right: 1px solid #b3b3b3;
	}

/* 3 columns same height fix */

div#mainColumn .sys_thirdFrame {
	clear:left;
	float:left;
	overflow:hidden;
	background:#89ffa2; /* column 3 background colour */
	margin: -10px -10px -10px -16px;
	width: 105%;
}
div#mainColumn .sys_secondFrame {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:33.3%;
	background:#ffa7a7; /* column 2 background colour */
	border-right: 1px solid #b3b3b3;
}
div#mainColumn .sys_firstFrame {
	float:left;
	width:100%;
	position:relative;
	right:33.3%;
	background:#fff689; /* column 1 background colour */
	border-right: 1px solid #b3b3b3;
}