/**
	* zero everything
	*/
	* {
		padding: 0;
		margin: 0;
		}
		
	body {
		font-family: Arial, Helvetica, sans-serif;
		text-align: center; /* IE 5.x centering fix */
		background-color: #F3F3F3;
		font-size: 11px;
		padding: 0 0 50px;
		line-height: 15px;
		background-image: url(../../images/layout/body-bg.gif);
		background-repeat: repeat-x;
		}
		
	body, a.normal {
		color: #464646;
	}
		
		
	/**
	* body background
	*/
	#bodyCont {
		background: url(../../images/layout/body-bg-dots.gif) repeat-x;
		}
		
		
		
	/**
	* main container
	*/
	#container {
		width: 1000px;
		margin: 0 auto;
		/*padding: 27px 0 0;*/
		text-align: left; /* IE 5.x counter centering fix */
		}
		
		
		
	/**
	* logo
	*/
	h1 {
		width: 111px;
		height: 55px;
		margin: 0 0 10px 4px;
		text-indent: -9999em;
		float: left;
		background: url(../../images/logo.jpg) no-repeat;
		}
		
	h1 a {
		display: block;
		height: 55px;
		}
		
		
		
	/**
	* header
	*/
	#header {
		height: 262px;
		}
		
	#top {
		height: 64px;
		padding: 27px 0 0;
		}
		
		
		
	/**
	* flash
	*/
	#flash {
		height: 136px;
		clear: both;
		margin: 0 0 0 -1px;
		}
		
	#fLeft {
		width: 778px;
		height: 123px;
		float: left;
		margin: 5px 5px 0;
		display: inline;
		}
		
	#fRight {
		width: 210px;
		height: 125px;
		float: left;
		margin: 5px 0 0;
		background: url(../../images/contemporary-science.gif);
		}
		
	#fRight h3 {
		color:#fff;
		font-size:32px;
		line-height:32px;
		padding:80px 65px 0 12px;
		text-align:right;
		}
		
	#fRight h2, #fRight h3 span {
		display:none;
		}
		
	/**
	* main content area
	*/
	#wrapper {
		background: url(../../images/layout/large-col-bg.gif) 220px 0 repeat-y;
		}
		
	#content {
		padding: 23px 0 0;
		background: url(../../images/layout/content-top.gif) no-repeat;
		}
		
		
		
	/**
	* columns
	*/
	.col-left {
		margin: 0 0 0 3px;
		}
		
	.col-left, .col-right {
		float: left;
		width: 212px;
		line-height: 15px;
		display: inline;
		}
		
	.col-middle {
		float: left;
		width: 562px;
		margin: 0 5px;
		display: inline;
		position: relative;
		}
		
	.col-middle .col-body {
		padding: 0 20px;
		}
		
	.col-left .col-body, .col-right .col-body {
		background: url(../../images/layout/small-col-bg.gif) repeat-y;
		}
		
	.col-bottom {
		padding: 0 0 23px;
		background: url(../../images/layout/small-col-bottom.gif) bottom no-repeat;
		}
		
	.pad {
		padding: 0 20px;
		}
		
		
		
	/**
	* quotes
	*/
	#quotes {
		margin: 30px 0 0 15px;
		}
		
		
		
	/**
	* general form
	*/
	button {
		border: 0;
		text-indent: -9999px;
		text-align: left;
		cursor: pointer;
		clear: both;
		display: block;
		}
		
		
		
		
	/**
	* form buttons
	*/
	button#btnLogin {
		width: 63px;
		height: 21px;
		float: left;
		background: url(../../images/buttons/login.gif);
		}
		
		
		
	/**
	* search box
	*/
	#searchbox select {
		width: 100px;
		float: left;
		}
		
	#searchbox button {
		float: right;
		clear: none;
		margin: 4px 0 0;
		width: 63px;
		height: 21px;
		background: url(../../images/buttons/search.gif);
		}
		
		
		
	/**
	* large buttons at the bottom of the left column
	*/
	.col-left ul {
		margin: 5px 0 0;
		list-style-type: none;
		}
		
	.col-left ul li {
		height: 56px;
		margin: 0 0 5px;
		}
		
	.col-left ul li a {
		display: block;
		height: 56px;
		text-indent: -9999em;
		}
	
	.col-left ul li#astrazeneca { background: url(../../images/buttons/astrazeneca.jpg); }
	
	.col-left ul li#science { background: url(../../images/buttons/centre-for-science.jpg); }
	.col-left ul li#ase { background: url(../../images/buttons/ase.jpg); }
	.col-left ul li#education { background: url(../../images/buttons/education-and-skills.jpg); }
	.col-left ul li#partners { background: url(../../images/partners.jpg); }
	.col-left ul li#ase-online { background: url(../../images/ase-online.jpg); text-indent: -99999px; }
		
		
		
		
	/**
	* strapline
	*/
	#strapline {
		width: 168px;
		height: 108px;
		text-indent: -9999em;
		padding: 0;
		background: url(../../images/layout/strapline.gif);
		}
		
		
		
	/**
	* headings
	*/
	h2, h3 {
		height: 19px;
		text-indent: -9999em;
		font-size: 1px;
		margin: 0 0 7px;
		background-repeat: no-repeat;
		}
		
	h3.show {
		text-indent: 0;
		font-size: 1em;
		margin: 0;
		height: auto !important;
		}
		
	h4 {
		font-size: 11px;
		margin: 10px 0 5px;
		}
		
		
		
		
	/**
	* links down the left hand side
	*/
	.col-left .col-body ul li {
		margin-bottom: 0;
		}
		
	li#j1 { background: url(../../images/buy-upd8.jpg) center no-repeat; }
	li#j2 { background: url(../../images/upd8-elixir.jpg) center no-repeat; }
	li#j3 { background: url(../../images/primary-upd8.jpg) center no-repeat; }
	li#j4 { background: url(../../images/upd8-segue.jpg) center no-repeat; }
	li#j5 { background: url(../../images/wikid-lozinge.jpg) center no-repeat; }
	li#j6 { background: url(../../images/collections.jpg) center no-repeat; }
        li#j7 { background: url(../../images/crucial-lozenge-dark.jpg) center no-repeat; }
		
		
	/**
	* buttons
	*/
	#btn-archive {
		margin: 20px 0 0;
		background: url(../../images/buttons/view-archive.jpg);
		}
		
	#btn-discussions {
		margin: 10px 0 16px 0;
		background: url(../../images/buttons/view-discussions.jpg);
		}
		
		
	/**
	* general
	*/
	p {
		padding: 0 0 10px;
		}
		
	a {
		color: #5BA4DA;
		text-decoration: none;
		outline: 0;
		}
		
	a.normal {
		text-decoration: none;
		}
		
	span {
		font-weight: normal;
		color: #F972A8;
		}
		
	img {
		border: 0;
		}
		
	div.picHolder {
		width:260px;
		float:right;
		}
		
	div.picHolder p {
		padding:0px 40px 20px;
		text-align:center;
		font-style:italic;
		font-weight:bold;
		}
	div.picHolderSmall {
		width:170px;
		float:right;
		}
		
	div.picHolderSmall p {
		padding:0px 10px 20px;
		font-style:italic;
		font-weight:bold;
		}
		
		
	/**
	* lists
	*/
	ul {
		list-style-type: none;
		}
		
	ol {
		margin: 0 30px;
		line-height: 15px;
		}
		
	ol li {
		margin-bottom: 10px;
		}
		
	dt {
		font-weight: bold;
		}
		
	dd {
		padding-bottom: 20px;
		/*background: url(../../images/layout/dotline.gif) bottom repeat-x;*/
		}
		
		
		
		
	/**
	* footer
	*/
	#footer {
		text-align: center;
		font-size: 10px;
		margin: 0 auto;
		padding: 40px 0 0;
		color: #C2C2C2;
		background: url(../../images/layout/large-col-bottom.gif) top no-repeat;
		}
		
	#footer a {
		color: #C2C2C2;
		text-decoration: none;
		}
		
	#footer ul {
		width: 515px;
		margin: 0 auto;
		list-style-type: none;
		}
		
	#footer ul li {
		display: inline;
		padding: 0 3px 0 0;
		}

	#footer ul li i { display: none; }
		
	p.footerTop {
		padding-top:0px !important;
	}

	p#footerHref, p#footerHref a {
		text-decoration:none;
		text-align:center;
	}
		
	/**
	* clearfix hack
	*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		
	.clearfix {
		display: inline-block;
		}
	
	/* Hide from IE Mac \*/
	.clearfix {
		display:block;
		}
	/* End hide from IE Mac */