body {
  color: #ffffff;
  background-color: #0809bc;
  font-family: Verdana,Helvetica,Sans Serif,sans-serif;
}

.altmetric-embed           { color:#000000; }
.altmetric-embed a:link    { color:#000000; }
.altmetric-embed a:visited { color:#000000; }
.altmetric-embed a:hover   { color:#ff3333; }
.altmetric-embed a:active  { color:#000000; }

#newsflash {
  margin-top: 8px;
  text-align:center;
  background-color: #0000ff;  
  vertical-align:middle;
  padding:8px;
  padding-top: 16px;
  padding-bottom: 16px;

  border-left:   5px solid #000099;
  border-right:  5px solid #000099;
  border-bottom: 5px solid #000099;
  border-top:    5px solid #000099;

  z-index:-100;
}
#newsflash h2 {
  margin: 2px;
  padding: 0px;
  z-index:-100;
}
#newsflash p {
  margin: 2px;
  padding: 0px;
}
#main {
  min-width: 670px;
  max-width: 1600px;
}
#head {
  position: absolute;
  left: 5px;
  top: 5px;
  min-width: 670px;
  max-width: 1600px;
  height: 80px;
  padding: 5px;
  border:   0px solid #000099;
  /*background-color: #0809bc;*/
  vertical-align: middle;
  z-index:-100;
}
#head img {
  border: 0px solid #000;
  width: 86px;
  height: 70px;
  margin-left: 25px;
  margin-right: 29px;
  float: left;
  z-index:-100;
}
#head #headtitle {
  position: absolute;
  left: 150px;
  top: 5px;
  height: 80px;
  min-width: 520px;
  max-width: 1435px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  z-index:-100;
}
#navigation {
  position: absolute;
  left: 5px;
  top: 90px;
  width: 135px;
  padding: 5px;
  border-left:   0px solid #000099;
  border-right:  0px solid #000099;
  border-bottom: 0px solid #000099;
  border-top:    0px solid #000099;
  background-color: #1010a0;
  z-index:-50;
}
#navigation ul {
  margin: 0px;
  padding: 0px;
  list-style-type:none;
}
#navigation ul li {
  background-color: #3333ff;
  font-size: 17px;
  padding: 0px;
  margin: 0px;
  margin-top: 1px;
  margin-bottom: 2px;
  padding-left: 2px;
}
#navigation ul li:hover {
  background-color: #3333ff;
}
#navigation ul a {
  color: #ffffff;
  text-decoration: none;
}
#navigation ul a:visited {
  color: #ffffff;
}
#navigation ul a:hover {
  color: #ff3333;
  background-color: #3333ff;
}
#navigation ul a:active {
  color: #ffffff;
}
#text {
  position: absolute;
  left: 150px;
  top: 90px;
  min-width: 520px;
  max-width: 1435px;
  padding:5px;
  margin: 0px;
}
#text hr {
  color: #0000cc;
}
#footer {
  clear: both;
}
a {
  color: #ffffff;
}
a:link {
  color: #ffffff;
}
a:visited {
  color: #ffffff;
}
a:focus {
  color: #ffffff;
}
a:hover {
  color: #ff3333;
  /*background-color: #3333ff;*/
}
a:active {
  color: #ffffff;
}
a img {
  border-width: 1px;
}
li {
  margin-bottom:4px;
}
h1 {
  font-size: 24px;
  margin-top: 0px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
p, li, div, td {
  font-size: 14px;
}
p, td {
  margin-top:4px;
  margin-bottom:7px;
}
.fancyIMG {
  float: right;
  display: inline;
  position: relative;
  top: 0px;
  right: 0px;
  width: 200px;
  height: 200px;
  margin-left: 5px;
  margin-bottom: 5px;
  border: 1px solid #0000cc;
}
.fancyIMG400 {
  float: right;
  display: inline;
  position: relative;
  top: 0px;
  right: 0px;
  width: 400px;
  height: 200px;
  margin-left: 5px;
  margin-bottom: 5px;
  border: 1px solid #0000cc;
}
.fancyIMG400wText {
  float: right;
  display: inline;
  position: relative;
  top: 0px;
  right: 0px;
  width: 400px;
  margin-left: 5px;
  margin-bottom: 5px;
  border: 1px solid #0000cc;
}
.peopleIMG {
  float: right;
  display: inline;
  position: relative;
  top: 0px;
  right: 0px;
  width: 240px;
  height: 320px;
  margin-left: 5px;
  margin-bottom: 5px;
  border: 1px solid #0000cc;
}
.projectIMG {
  float: right;
  display: inline;
  position: relative;
  top: 0px;
  right: 0px;
  width: 200px;
  height: 150px;
  margin-left: 5px;
  margin-bottom: 5px;
  border: 1px solid #0000cc;
  clear:right;
}
table.dates {
  width: 100%;
  clear: both;
  border-width: 0px;
}
table.dates td {
  vertical-align: top;
}
.toplink {
  float: right;
  margin: 0px;
  margin-left: 5px;
  margin-right: 9px;
  padding: 0px;
}
.toplink p {
  margin: 0px;
  margin-top: 5px;
  padding: 0px;
  font-size: 11px;
  font-variant: small-caps;
}

@media print {

.noPrint { display: none; }
a.doiLink {
  text-decoration: none; 
  color: #000000;
}

body {
  color: #000000;
  background-color: #ffffff;
}
#newsflash {
  display: none;
}
#main {
  width: 100%;
}
#head {
  display: none;
}
#navigation {
  display: none;
}
#cookienotice {
  display: none;
} 
#text{
  position: relative;
  left: 0px;
  top: 0px;
  padding: 5px;
  margin: 5px;
  width: 95%;
}
.fancyIMG {
  display: none;
}
.fancyIMG400 {
  display: none;
}
.projectIMG {
  border: 0px solid #000000;
}
a {
  color: #000;
  text-decoration: none;
}
a:visited {
  color: #000000;
  text-decoration: none;
}
a:hover {
  color: #000000;
  background-color: #ffffff;
  text-decoration: none;
}
a:active {
  color: #000000;
  text-decoration: none;
}
a img {
  border-width: 0px;
}
.toplink { display: none; }
}


/* COOKIE NOTICE */

#cookienotice { 
   outline: 1px solid #7b92a9; 
   text-align:left;
   color: black;   
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   top:0px; 
   left: 0px;
   z-index:10000; 
   width:100%; 
   font-size:14px; 
   font-family: Verdana, Arial, Helvetica,"Sans Serif",sans-serif;
   line-height:18px;
}

.cookienoticeButton {
   color: #333;
   float: left;
   margin: 5px 5px 0px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

.cookienoticeButton:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}
   
.cookienoticeText {
   float: left;
   margin: 5px;
   text-decoration: none;
   padding:5px;
 }


/* SMALL SCREENS*/
@media screen and (max-width: 479px) {
#cookienotice { 
   font-size:13px; 
   line-height:14px;
}
}
