h2{
  color: #662277;
  margin: 10px 0px 5px 0px;
  font-size: 1em;
}

.calendar{
 float: right;
 clear: right;
 margin: 10px 0px 10px 2px;
}


.news{
margin-top: 0px;
margin-bottom: 10px;
width: 98%;
height: 100px;
padding-left: 10px;
border: 1pt grey inset;
overflow: hidden;
}

.newsshow{
width: 50%;
font-size: 80%;
}

.showitem{
margin-top: 0px;
padding-top: 2.5px;
width: 100%;
}

.newstitle{
font-weight: bold;
color: #0065BD;
}

.newsdate{
font-size: 90%;
color: black;
}



.newsimg{
float: left;
padding-top: 2.5px;
padding-right: 5px;
padding-right: 0px;
width: 100px;
}

.newssummary{
border-left: 1pt grey groove;
float: right;
clear: none;
padding: 10px;
width: 45%;
height: 100px;
font-size: 75%;
white-space:nowrap;
background-color: #F8F8FF;
}

.newssummary #headlines a{
color: black;
}

#signup a  {font-size: 80%; float: right;}

.buttons{
clear: left;
width: 445px;
}

#resources{
height:275px;
position: relative;
}

#resources li {
margin: 0; padding: 0; list-style: none;
clear: left;
position: absolute;}

#resources li a {
display:block;
background-image:url('http://library.ncin.org.uk/img/060710_homepage_buttons.gif');
font-size: 1px;
height: 80px;
color: #ffffff;
}

#crs{left:0; width: 430px;}
li#crs a {height: 80px;}
#crs a {background-position:0px -340px}

#eatlas{top: 85px; left:0; width: 140px;}
#eatlas a {background-position:0px -170px}

#ncei{top: 85px; left:145px; width: 140px;}
#ncei a {background-position:0px -255px}

#cct{top: 85px; left:290px; width: 140px;}
#cct a {background-position:0px -85px}

#analyses{top: 170px; left:0; width: 430px;}
#analyses a {background-position:0px 0px}