body  { background-color: #FFF; margin: 0 0 0 5px; }

.header1 {font-size: 1.24em; color: #000; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #ffff; padding: 5px 0 5px 0; margin: 0 0 0 0; text-align:center;  width: 100%; border-bottom: 1px solid #457576;}
.header2 {font-size: 1em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; padding: 4px; margin: 1px 0 0 5px; text-align:left; border-bottom: 1px solid #457576; }
.header2 a {text-decoration: none; color: #1367A7; }
.header3 {font-size: 0.8em; color: #444444; font-family :"Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; padding: 4px; margin:1px 0 0 5px; text-align:left; }
.header3 a {text-decoration: none; color: #1367A7; }
.header4 {font-size: 0.9em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold;  padding: 4px; margin: 1px 0 0 5px; text-align:left; border-bottom: 1px solid #457576;}
.header5 {font-size: 0.9em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold;  padding: 4px; margin: 1px 0 0 5px; text-align:left;}
.header4 a {text-decoration: none; color: #1367A7; }
.header5 a {text-decoration: none; color: #1367A7; }
.header6 {font-size: 1em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold;  padding: 4px; margin: 1px 0 0 5px; text-align:left;}
.header6 a {text-decoration: none; color: #1367A7; }


.text {font-size: 0.8em; color: #444444; line-height:150%; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : normal; text-align: justify; background-color: #fff; padding: 4px; margin: 0  5px 2px 5px; }
.text a {text-decoration: none; color: #1367A7; line-height: 200%;}
.text a:hover {text-decoration: underline;}

.textcentered {font-size: 0.8em; color: #444444; line-height:150%; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : normal; text-align: center; background-color: #fff; padding: 4px; margin: 0  5px 2px 5px; }


.textSubject {font-size: 0.8em; color: #444444; line-height:150%; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : normal; text-align: justify; background-color: #fff; padding: 4px; margin: 0  5px 2px 5px; }
.textSubject a {text-decoration: none; color: #1367A7; line-height: 200%;}
.textSubject a:hover {text-decoration: underline;}

.textbold {font-size: 0.8em; color: #444444; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : bold; background-color: #fff; padding: 4px; text-align: left; margin: 4px 0 4px 5px;}
.textbold a {text-decoration: none; color: #1367A7;}
.textbold a:hover {text-decoration: underline}

.textwidespaced {font-size: 0.8em; color: #444444; line-height:; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : normal; text-align: justify; background-color: #fff; padding: 4px; margin: 0  5px 2px 5px;}
.textwidespaced a {text-decoration: none; color:#1367A7;}
.textwidespaced a:hover{text-decoration: underline}

.textfancy {font-size: 0.8em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : normal; text-align: left; background-color: #fff;padding: 3px; margin-left: 5px;}
.textfancy a {text-decoration: none; color: #1367A7; }
.textfancy a:hover {text-decoration: underline}

.textfancytop {font-size: 0.8em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : normal; text-align: left; background-color: #fff; padding: 0 0 0 0; margin: 0 0 0 10px;}
.textfancytop a {text-decoration: none; color: #1367A7; }
.textfancytop a:hover {text-decoration: underline}

.textfancyboldlarge {font-size: 1em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : bold; text-align: left; margin: 0 0 0 4px; }
.textfancyboldlarge a {text-decoration: none; color: #1367A7; }
.textfancyboldlarge a:hover {text-decoration: underline}

.textfancyalignrightbold {font-size: 0.8em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : bold; text-align: right; background-color: #fff;padding: 3px; margin-left: 5px; background-color:#DDEBEC;}
.textfancyalignrightbold a {text-decoration: none; color: #1367A7; }
.textfancyalignrightbold a:hover {text-decoration: underline}


.textfancycentralised {font-size: 0.8em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : normal; text-align: center; background-color: #fff;padding: 3px; margin-left: 5px;}
.textfancycentralised a {text-decoration: none; color: #1367A7; }
.textfancycentralised a:hover {text-decoration: underline}

.textfancyboldlargecentralised {font-size: 1em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : bold; text-align: center; margin: 0 0 0 4px; }
.textfancyboldlargecentralised a {text-decoration: none; color: #1367A7; }
.textfancyboldlargecentralised a:hover {text-decoration: underline}

.spacer {line-height: 200%;}

/*DEFAULT PAGE*/
.defaultheader {font-size: 1em; color: #B22222; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #fff; padding: 0 4px 4px 4px; margin: 0 2px 0 2px; text-align:left; border-bottom: 1px solid #B22222; }
.defaultheader1 {font-size: 1em; color: #6500B0; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #fff; padding: 0 4px 4px 4px; margin: 0 2px 0 2px; text-align:left; border-bottom: 1px solid #6500B0; }
.defaultheader2 {font-size: 1em; color: #006400; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #fff; padding: 0 4px 4px 4px; margin: 0 2px 0 2px; text-align:left; border-bottom: 1px solid #006400;  }
.defaultheader3 {font-size: 1.24em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #fff; padding: 0 4px 4px 4px; margin: 0 2px 0 2px; text-align:left; border-bottom: 1px solid #457576; line-height: 150%;}
.defaultheader3 a {text-decoration: none; color: #444444;}
.defaultheader3 a:hover {text-decoration: underline;}
.defaultheader4 {font-size: 1em; color: #000097; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #fff; padding: 0 4px 4px 4px; margin: 0 2px 0 2px; text-align:left; border-bottom: 1px solid #000097;  }
.textannounce {font-size: 1.4em; color: #FF0000; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : normal; text-align: center; margin: 0 0 0 4px; padding: 0 0 3px 0; line-height: 150%;  }
.textannounce a {text-decoration: none; color: #1367A7; }
.textannounce a:hover {text-decoration: underline}
.databaseMenuHeader {font-size: 1em; color: #444444; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #fff; padding: 0 4px 4px 4px; margin: 0 2px 0 2px; text-align:left; border-bottom: 1px solid #444444; width:650px;}
.defaultText {font-size: 0.8em; color: #444444; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : bold; text-align: left; background-color: #fff;padding: 0 0 0 0; margin-left: 8px; margin-top: 8px; margin-bottom: 3px;}
.defaultText a {text-decoration: none; color:  #1367A7; }
.defaultText a:hover {text-decoration: underline}

.defaultTextLarge {font-size: 0.9em; color: #444444; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : bold; text-align: left; background-color: #fff;padding: 0 0 0 0; margin-left: 8px; margin-top: 8px; margin-bottom: 3px;}
.defaultTextLarge a {text-decoration: none; color:  #1367A7; }
.defaultTextLarge a:hover {text-decoration: underline}

.defaultTextBold {font-size: 0.8em; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : bold; text-align: left; background-color: #ffffff; color: #014184;padding : 0; margin-left: 8px; margin-top: 12px; margin-bottom: 12px;line-height:150%;padding:3px 0 3px 0; }
.defaultTextBold a {text-decoration: none; color:  #1367A7; }
.defaultTextBold a:hover {text-decoration: underline}

.defaultTextNav {font-size: 0.8em; color: #444444; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : bold; text-align: left; background-color: #A2C7C8; color: #014184;padding : 0; margin-left: 8px; margin-top: 12px; margin-bottom: 12px;line-height:150%;padding:3px 0 3px 0; }
.defaultTextNav a {text-decoration: none; color:  #1367A7; }
.defaultTextNav a:hover {text-decoration: underline}

.defaultheader5 {font-size: 1em; color: #444444; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #fff; padding: 0 4px 4px 4px; margin: 5px 2px 0 2px; text-align:left; border-bottom: 1px solid #444444;  }
.defaultheader5 a {text-decoration: none; color: #1367A7; }
.eresourceHeader {font-size: 1em; color: #444444; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : bold; text-align: left; background-color: #fff; color: #014184;padding : 0; margin-left: 8px; margin-top: 10px; margin-bottom: 6px; }
.eresourceHeader a {text-decoration: none; color:  #1367A7; }
.eresourceHeader a:hover {text-decoration: underline}
.defaultheaderpics {font-size: 0.9em; color: #444444; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #fff; padding: 0 4px 4px 4px; margin: 5px 2px 0 2px; text-align:center; border-bottom: 1px solid #444444; background-color: white;  }
.defaultheaderpics a {text-decoration: none; color: #444444; }


#navBarTop {font-size: 1em; border-bottom: 1px solid #444444; border-top: 1px solid #444444; border-right: 1px solid #DDEBEC; border-left: 1px solid #DDEBEC;width: 95%; font-weight: bold; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #444444; padding-top: 5px; padding-bottom: 5px;}
#navBarTop a {text-decoration: none; color: #1367A7; }
.clear { clear:both; height:1px; margin:0; overflow:hidden; }
/*#018591*/

/*END*/

/*DATABASE GUIDES*/
.heading_DBGuides {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 1.4em; font-weight: normal; color: #000; text-align: right; margin-right: 5px; padding: 10px; }
.textalignright_DBGuides {font-size: 0.8em; color: #444444; line-height: 150%; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : bold; text-align: right; background-color: #fff; padding: 4px; margin: 0 0 2px 0; }
.textalignright_DBGuides a {text-decoration: none; color: #444444; }
.textalignright_DBGuides a:hover {text-decoration: underline}
.header2DB {font-size: 1em; color: #444444; font-family :Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold; padding: 4px; margin: 1px 0 0 5px; text-align:left; }
.header2DB a {text-decoration: none; color: #1367A7; }
.header3DB {font-size: 0.8em; color: #444444; font-family :Arial,Verdana, Geneva,  Helvetica, sans-serif; font-weight: bold; padding: 4px; margin:1px 0 0 5px; text-align:left; }
.header3DB a {text-decoration: none; color: #1367A7; }
.header4DB {font-size: 0.9em; color: #444444; font-family :Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold;  padding: 4px; margin: 1px 0 0 5px; text-align:left; }
.header4DB a {text-decoration: none; color: #1367A7; }
.textDB {font-size: 0.8em; color: #444444; line-height:150%; font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight : normal; text-align: justify; background-color: #fff; padding: 4px; margin: 0  5px 2px 5px; }
.textDB a {text-decoration: none; color: #1367A7; line-height: 200%;}
.textDB a:hover {text-decoration: underline;}


/*END*/

/*OPENING HOURS*/
.hourstermheader {font-size: 1.8em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; background-color: #fff; padding: 0 4px 4px 4px; margin: 0 0 0 0; text-align:center;  }
.hourstext {font-size: 1em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold;  padding: 4px; margin: 1px 0 0 5px; text-align:left;}
.hourstext a {text-decoration: none; color: #444444; }
.textfancybold {font-size: 0.8em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : bold; text-align: left; margin: 0 0 0 4px; }
.textfancybold a {text-decoration: none; color: #444444; }
.textfancybold a:hover {text-decoration: underline}
.headertable {font-size: 1.24em; color: #fff; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #5F9EA0; padding: 5px; margin: 0 0 0 0; text-align:center; }
.headertable a {text-decoration: none; color: #444444; }
.headertable a:hover {text-decoration: underline}
/*END*/

/*STYLES FOR THE COLLAPSIBLE LISTS ON THE DATABASE MENU OR USE 'MORE INFORMATION AS LINK USES DIV.LEAF*/ 
p.turner {font-size: 0.8em; color: #444444; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : normal; background-color: #fff; padding: 0px; text-align: left; margin: 0 0 0 20px;}
p.turner a {color: #444444; text-decoration: none;}
img.turner {border-width: 0; vertical-align: bottom; height: 11px; width: 11px; margin: 0 1px 1px 0;}

/* div.leaf used to get around DHTML limitations in Mozilla 0.9.3 where an element with 'display: block' can't be dynamically set to 'none' */

div.leaf {font-size: 10pt; color: #444444; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : normal; background-color: #fff; padding: 0px; line-height: 150%; text-align: left; margin-left: 30px; margin-top: 0; margin-bottom: 0}
div.leaf a {color: #444444; text-decoration: none;}
div.leaf a:hover {text-decoration: underline;}
div.leaf table {border-left:6px; border-right:2px; border-top:0px solid; border-bottom:4px; margin: 0; padding:0; border-collapse: separate; border-spacing: 0 1px; width: 100%; }
div.leaf th {font-size: 1em; padding: 0; vertical-align: top; }
div.leaf td {font-size: 1em; padding: 0; vertical-align: top; }
div.leaf th {font-weight: normal; padding: 0 2px;  }
*.depr a {color: #666; font-style: italic;}
/*END*/

/*STYLES FOR THE COLLAPSIBLE LIST WITH HEADER AS THE COLLAPSIBLE LINK  USES DIV.LEAF */
/*turnerlink is fancy text bold (like header3)*/
p.turnerlink {font-size: 0.8em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : bold; background-color: #fff; padding: 5px; text-align: left; margin: 0 0 0 4px;}
p.turnerlink a {color: #444444; text-decoration: none;}
/*END*/

/*Is normal weight and normal font*/
p.turnerlink1 {font-size: 0.8em; color: #444444; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #fff; padding: 5px; text-align: left; margin: 0 0 0 4px;}
p.turnerlink1 a {color: #444444; text-decoration: none;}
/*END*/

#didyouknow {font-size: 0.8em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : normal; text-align: left; background-color: #DDEBEC; padding: 0 2px 2px 2px ; margin: 6px 4px 6px 4px; border: 1px solid #A2C7C8;}
#didyouknow a {text-decoration: none; color: #444444; }
#didyouknow a:hover {text-decoration: underline}

/*LISTS*/

/*WITHOUT BULLETS*/
#list ul { margin: 0 0 0 0 ; padding: 0; list-style-type: none; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; background-color: #fff;}
#list li { margin: 0 0 0 0; border: none; width: 95%; }
#list a { display: block; color: #444444; background-color: #fff; text-decoration: none;width: 95%; padding: .2em 0 .2em .6em; }
#list a:hover { display: block; color: #840000; text-decoration: underline; width: 95%; }
/*END*/

/*list with image with hyperlinks & fancy text*/
ul.image1 { list-style-image: url('http://libwww.essex.ac.uk/gifs/blue_arrow.gif') ; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em;color: #444444; background-color: #fff; line-height: 120%; margin-top:5px; margin-bottom: 3px; margin-left: 30px; margin-right: 5px; }
ul.image1 { border: none;  }
ul.image1 a { display: block; color: #444444; background-color: #fff; text-decoration: none; font-weight: bold;}
ul.image1 a:hover { display: block; color: #444444; text-decoration: underline; }
/*END*/

/*list with image with hyperlinks & normal text - charter*/
ul.image2 { list-style-image: url('http://libwww.essex.ac.uk/gifs/blue_arrowuserscharter.gif') ; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em;color: #444444; background-color: #fff; line-height: 200%; margin-top:0px; margin-bottom: 3px; margin-left: 30px; margin-right: 5px; border: none;}
ul.image2 a { color: #444444; background-color: #fff; text-decoration: none; font-weight: bold;}
ul.image2 a:hover { color: #444444; text-decoration: underline; }
/*END*/

/*NAVBARS*/

.header_nav {font-size: 0.9em; color: #fff; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #5F9EA0; padding: 4px; margin: 0 0 0 0; text-align:left; border-bottom: 1px solid white;}
.icon_nav {padding: 0px; margin: 0px; text-align: center; background-color:#fff;}
.icon_nav_su {padding: 0px; margin: 0px; border-left: 15px solid #A2C7C8; border-bottom: 1px solid #DDEBEC; text-align: center; background-color:#fff;}

.header_navmenu {font-size: 0.9em; color: #fff; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color : #5F9EA0; padding: 8px; margin: 0 0 0 0; text-align:left; border-bottom: 1px solid white;}
.header_navmenu1 {font-size: 1em; color: #444444; font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color : #ffffff; padding: 8px; margin: 0 0 0 0; text-align:left; border-bottom: 1px solid #DDEBEC; border-left: 15px solid #A2C7C8;}

#nav
{
width:215px; font-size: 0.8em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}

#nav ul { 
margin-left: 0;
margin-bottom: 0;
margin-top: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
list-style-type: none;
}
#nav li
{
border-bottom: 1px solid #DDEBEC;
}

#nav li a
{
text-decoration:none;
color:#444444;	
background-color:#ffffff;
display: block;
padding:7px;
border-left: 15px solid #A2C7C8;
}

#nav li a:hover
{color:#444444; background-color: #DDEBEC;}
/*END*/

/*MENUNAVBAR*/
#navmenu
{
width:215px; font-size: 0.9em; font-family:Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;}

#navmenu ul { 
margin-left: 0;
margin-bottom: 0;
margin-top: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
list-style-type: none;
}
#navmenu li
{
border-bottom: 1px solid #DDEBEC;
}

#navmenu li a
{
text-decoration:none;
color:#444444;	
background-color:#ffffff;
display: block;
padding:10px;
border-left: 15px solid #A2C7C8;
}

#navmenu li a:hover
{color:#444444; background-color: #ddebec;}
/*END*/

/*WIDENAVBAR*/

#navwide
{
width:280px; font-size: 0.8em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}

#navwide ul { 
margin-left: 0;
margin-bottom: 0;
margin-top: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
list-style-type: none;
}
#navwide li
{
border-bottom: 1px solid #DDEBEC;
}

#navwide li a
{
text-decoration:none;
color:#444444;	
background-color:#ffffff;
display: block;
padding:5px 0 5px 3px;
border-left: 15px solid #A2C7C8;
}

#navwide li a:hover
{color:#444444; background-color: #DDEBEC;}
/*END*/

/*NAVILL*/
#navill
{
width:215px; font-size: 0.8em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}

#navill ul { 
margin-left: 0;
margin-bottom: 0;
margin-top: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
list-style-type: none;
}
#navill li
{
border-bottom: 1px solid #DDEBEC;
}

#navill li a
{
text-decoration:none;
color:#444444;	
background-color:#ffffff;
display: block;
padding:7px;
border-left: 15px solid #A2C7C8;
}

#navill li a:hover
{color:#444444; background-color: #DDEBEC; text-decoration:underline;}
/*END?