body {
	margin:0px;
	padding:0px;
	background-image: url(../images/uknscnbg.jpg);
	background-repeat: no-repeat;
   height: 100%;
}
* html {
  height:100%;
}
.clear{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}

#leftnavcontainer{
width: 198px;
margin: 23px 0px 0px 8px;
float: left;
clear: both;
position: absolute;
left: 30px;
top: 220px;
z-index: 99;
}

div#mainlogo {
	width: 286px;
   height: 127px;
	background-image: url(../images/uknscnlogo.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 0px;
	top:53px;
}
div#mainlogoflash {
	width: 286px;
   height: 127px;
	float: left;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 0px;
	top:53px;
}

div#downloads {
	width: 192px;
   height: 99px;
	background-image: url(../images/downloadbg.jpg);
	background-repeat: no-repeat;
	margin: 14px 0px 14px 16px;
	padding: 6px 0px 0px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: White;
	visibility: hidden;
}
.downloadtitle {
	color: #ff9f00;
	font-weight: bold;
}
.downloadtitle {
	color: #ff9f00;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.topgrad {
	background-image: url(../images/topbggrad.gif);
	background-repeat: repeat-x;
	height: 50px;
}

a.downloadlinks{
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin: 4px 0px 0px 0px;
}

a:link.downloadlinks{
	text-decoration: none;
}

a:visited.downloadlinks{
	text-decoration: none;
}

a:hover.downloadlinks{
	text-decoration: underline;
}

a:active.downloadlinks{
	text-decoration: none;
}
.tablinkselected{
	color: #003363;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	margin: 4px 0px 0px 0px;
	padding: 0px 8px 0px 4px;
}
a.tablinkson{
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	margin: 4px 0px 0px 0px;
	padding: 0px 8px 0px 4px;
}

a:link.tablinkson{
	text-decoration: none;
}

a:visited.tablinkson{
	text-decoration: none;
}

a:hover.tablinkson{
	text-decoration: none;
	color: #FFA500;
}

a:active.tablinkson{
	text-decoration: none;
}
div#maintablecontainer {
	background-color: White;
	border: 1px solid #d2cbbe;
	position: absolute;
  	left:26px;
  	top:178px;
  	width: 934px;
}
div#maintablecontainer2 {
	background-color: White;
	border-left: 1px solid #d2cbbe;
	border-right: 1px solid #d2cbbe;
	border-bottom: 1px solid #d2cbbe;
	border-top: 1px solid #d2cbbe;
	position: absolute;
  	left:26px;
  	top:178px;
  	width: 934px;
}
.maintabletopbg {
  background-image: url(../images/topbarbg.gif);
  background-repeat: repeat-x;
  height: 28px;
}
.maintabletopbg2 {
  background-image: url(../images/topbarbgselected.gif);
  background-repeat: repeat-x;
  height: 48px;
}
div#mainarticle {
 background-color: White;
 margin: 16px 20px 0px 26px;
 padding: 0px 0px 0px 0px;
 width: 660px;
 float: right;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 float: right;
}
.mainarticletitle{
 color: #68c2e1;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.3em;
 font-weight: bold;
}
.date {
	color: #636363;
	font-family: Arial, Helvetica, Helv, sans-serif;
	font-size: 0.75em;
   padding: 0px 0px 6px 0px;
}
div#dateprint {
 margin: 0px;
}

/* print page and send page link style */

a.printsendlink {
	color: #cfae7b;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	display: block;
	margin: 0px 6px 0px 6px;
}

a:link.printsendlink {
	color: #cfae7b;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

a:visited.printsendlink {
	color: #cfae7b;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

a:hover.printsendlink {
	color: #9b400e;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

a:active.printsendlink {
	color: #cfae7b;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}

/* dotted line above page and send link styles */

.dottedline {
	background-image: url(../images/dottedbgicon.gif);
	background-repeat: repeat-x;
	margin: 0px 6px 0px 6px;
}
.dottedline2 {
	background-image: url(../images/dottedbgicon.gif);
	background-repeat: repeat-x;
	background-position: center;
	margin: 0px 0px 0px 0px;
	display: block;
}
.imagepadright {
	margin: 0px 0px 60px 20px;
	float: right;
}
.tabbg1 {
	background-image: url(../images/menutabbg.gif);
	background-repeat: repeat-x;
	height: 26px;
	width: 180px;
}
.tabbg2 {
	background-image: url(../images/menutabbg2.gif);
	background-repeat: repeat-x;
	height: 26px;
	width: 180px;
}

a.navtablinks 
{
color: White;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.7em;
}
a.navtablinks {
	color: #cfae7b;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	display: block;
	margin: 0px 6px 0px 6px;
}

a:link.navtablinks {
	color: #cfae7b;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

a:visited.navtablinks {
	color: #cfae7b;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

a:hover.navtablinks {
	color: #9b400e;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

a:active.navtablinks {
	color: #cfae7b;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}

/* Menu Tabs */

    #navtabs {
	float:right;
	line-height:normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 330px; /*change to 220px to fit in another tab*/
	top: 123px;
	width: 619px; /*change to 775px to fit in another tab*/
	height: 38px;
      }
    #navtabs ul {
        margin:0;
        padding:30px 0px 0 160px;
        list-style:none;
      }
    #navtabs li {
      display:inline;
      margin:0;
      padding:0px 0px 0px 0px;
      }
    #navtabs a {
      float:left;
      background:url("../images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #navtabs a span {
      float:left;
      display:block;
      background:url("../images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navtabs a span {float:none;}
    /* End IE5-Mac hack */
    #navtabs a:hover span {
      color:#FFF;
      }
    #navtabs a:hover {
      background-position:0% -42px;
      }
    #navtabs a:hover span {
      background-position:100% -42px;
      }

        #navtabs #current a {
                background-position:0% -42px;
        }
        #navtabs #current a span {
                background-position:100% -42px;
                color:#FFF;
        }
		  
    #navtabs #selected a {
      float:left;
      background:url("../images/tableftselected.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
	 #navtabs #selected a span {
      float:left;
      display:block;
      background:url("../images/tabrightselected.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color: White;
      }
/* Header Image */

div#headerpic {
	background-image: url(../images/stemcellpic.jpg);
	background-repeat: no-repeat;
	height: 95px;
	float: right;
	width: 619px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 342px;
	top: 33px;
}

/* Hide Slide */


.leftnavtop {
	background-image: url(../images/leftmenutop.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 7px;
}
.leftnavbot {
	background-image: url(../images/leftmenubot.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 7px;
}
.leftmenumainbg {
	background-image: url(../images/leftmenumainbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#footer{
  display: block;
  z-index:1;
  clear: both;
  width:934px;
  height:50px;
  overflow:hidden;
  color: #708090;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  text-align: center;
  background-color: #FFFFFF;
  margin: 20px 0px 20px 0px;
  padding: 15px 0px 0px 0px;
  border: solid #d2cbbe 1px;
  position:absolute;
}

.divider {
 color: #F89828;
}

/* Footer email */

a.footerlink1{
	color: #F89828;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
}

a:link.footerlink1{
	text-decoration: none;
}

a:visited.footerlink1{
	text-decoration: none;
}

a:hover.footerlink1{
	text-decoration: underline;
}

a:active.footerlink1{
	text-decoration: none;
}

/* Main Wrapper */

div#mainwrap {
 width: 994px;
 margin-left: 0px;
 height: 100%;
}

/* page anchors */

a.pageanchor{
	color: #0063C1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: underline;
}

a:link.pageanchor{
	text-decoration: underline;
}

a:visited.pageanchor{
	text-decoration: underline;
}

a:hover.pageanchor{
	color: #F89828;
	text-decoration: underline;
}

a:active.pageanchor{
	text-decoration: underline;
}
/* End of links */

/* Page titles */

.pagetitle1{
	color: #F89828;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	display: block;
}

.pagetitle2{
	color: #F89828;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	display: block;
}
.pagetitle3{
	color: #F89828;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	display: block;
}

/* End of page titles */

/* main page copy */

.pagecopy1{
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: none;
}

.red {
	color: red;
}

/* End of page titles */

/* page hyperlinks */

a.pagelinks1{
	color: Blue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
}

a:link.pagelinks1{
	text-decoration: underline;
}

a:visited.pagelinks1{
	text-decoration: underline;
}

a:hover.pagelinks1{
	color: #F89828;
	text-decoration: underline;
}

a:active.pagelinks1{
	text-decoration: underline;
}
/* End of pagelinks */

#list {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 18px;
}
#list ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	list-style-image: url(../images/smlorbullet.gif);
	list-style-position: outside;
}
#list li {
	list-style-image: url(../images/smlorbullet.gif);
	list-style-position: outside;
   padding: 0px 0px 0px -6px;
}

/* page return links */

a.returnlinks{
	color: Blue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	background-image: url(../images/arrowup.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding: 0px 18px 0px 0px;
}

a:link.returnlinks{
	text-decoration: none;
}

a:visited.returnlinks{
	text-decoration: none;
}

a:hover.returnlinks{
	color: Red;
	text-decoration: underline;
}

a:active.returnlinks{
	text-decoration: none;
}
/* End of return links */

/* End of return link arrow */

.returnlinkarrow {
	color: Red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
}
/* End of return link arrow */

/* Flash Sniffer */

#flashlogo {
	width: 283px;
	height: 124px;
	float: left;
	margin: 0px;
	padding: 0px
}
.flashdetecttext{
	color: Navy;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
}
a.flashlinks{
	color: #F89828;
	font-family: Arial,Helvetica,sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
}

a:link.flashlinks{
	color: #F89828;
	font-family: Arial,Helvetica,sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
}

a:visited.flashlinks{
	color: #F89828;
	font-family: Arial,Helvetica,sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
}

a:hover.flashlinks{
	color: Red;
	font-family: Arial,Helvetica,sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-decoration: underline;
}

a:active.flashlinks{
	color: #F89828;
	font-family: Arial,Helvetica,sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
}

/* Hyperlinks */

a.hyperlinks1{
	color: Blue;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: underline;
	pitch-range: 1;
}

a:link.hyperlinks1{
	color: Blue;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: underline;
}

a:visited.hyperlinks1{
	color: Blue;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: underline;
}

a:hover.hyperlinks1{
	color: Red;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
}

a:active.hyperlinks1{
	color: Blue;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: underline;
}

/* proteuslink */

a.proteuslink{
	color: Blue;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}

a:link.proteuslink{
	color: Blue;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}

a:visited.proteuslink{
	color: Blue;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}

a:hover.proteuslink{
	color: Red;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}

a:active.proteuslink{
	color: Blue;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}
.proteuslinktxt{
	color: #708090;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}

/* Biography links */

a.bioglinks{
	color: Blue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	background-image: url(../images/plusicon.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding: 0px 18px 0px 2px;
}

a:link.bioglinks{
	text-decoration: none;
	background-image: url(../images/plusicon.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding: 0px 18px 0px 2px;
}

a:visited.bioglinks{
	text-decoration: none;
	background-image: url(../images/plusicon.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding: 0px 18px 0px 2px;
}

a:hover.bioglinks{
	color: #F89828;
	text-decoration: none;
	background-image: url(../images/plusicon.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding: 0px 18px 0px 2px;
}

a:active.bioglinks{
	text-decoration: none;
	background-image: url(../images/minusicon.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding: 0px 18px 0px 2px;
}
/* End of bioglinks */

.biogtxt{
	color: #878787;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
}

/* pressrelease */

.prtitletxt{
	color: #F89828;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	display: block;
}

/* End of pressrelease titles */

h1 {
 font-size: 1.3em;
 color: #68c2e1;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 padding: 0px;
 margin: 0px;
}

.slogan {
	size:14px;
	color:#938c31;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

/* Remove border around linked images */
img {
	border: 0;
}

/* If you want a caption beneath image. Can also create image gallery with captions - see BBSRC SARID press release from 21 February 2008. */

#pictureGallery {
	height: auto;
}

#pictureGallery a {
	text-decoration: underline;
	color: #C00063;
}

/*Hack used so images will show in rows of 4 within IE7 and Firefox but in rows of 1 in IE6*/
html>body .captionImageLeft {
	margin: 0 15px 20px 0;
	float: left;
	width: 150px;
	min-height: 320px;
	height: auto;
}

html>body .captionImageRight {
	margin: 0 0 20px 20px;
	float: right;
	width: 150px;
	min-height: 320px;
	height: auto;
}

html>body .captionImageLeftShort {
	margin: 0 15px 20px 0;
	float: left;
	width: 150px;
	min-height: 150px;
	height: auto;
}

html>body .captionImageRightShort {
	margin: 0 0 20px 20px;
	float: right;
	width: 150px;
	min-height: 150px;
	height: auto;
}

html>body .captionImageLeftMedium {
	margin: 0 15px 20px 0;
	float: left;
	width: 150px;
	min-height: 200px;
	height: auto;
}

html>body .captionImageRightMedium {
	margin: 0 0 20px 20px;
	float: right;
	width: 150px;
	min-height: 200px;
	height: auto;
}

/*CSS alternatives to the deprecated img attributes hspace - use when more than 1 logo in press releases - see infectious bacteria press release from 9 October 2008 */
.logo20
{
	margin: 0 20px 0 0;
}

.logo40
{
	margin: 0 40px 0 0;
}

.logo60
{
	margin: 0 60px 0 0;
}
