body {
margin: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: silver;

}

#wrapper {
	position: relative;
	width: 980px; /* was 980 */
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0 0 0;
	border-left: 3px;
	border-left-color: white;
	border-left-style: solid;
	border-right: 3px;
	border-right-style: solid;
	border-right-color: white;
}

/* BUG FIX: Removes default top margin from paragraphs in Mozilla */
div > p {
  margin-top: 0;
}

div > h1 {
 margin-top: 0;
}

div > h2 {
 margin-top: 0;
}


/* by adding this one removes the need to but border="0" throughout a document */
img {
  border: none;
  outline: none;
}

#topxx {
  margin: 0px;
  padding: 0px;
  background: #FFFFFF;
  height: 142px;
  text-align: center;
}

#leftxx {
  position: absolute;
  left: 0px;
  top: 142px; 
  width: 330px;
  background: #c0c0c0;


}

#centerxx {
  margin-left: 330px;   
  margin-right: 0px;  
  background: #c0c0c0;
}

#rightxx {
  position: absolute;
  right: 0px;
  top: 142px;
  width: 0px;
  background: #c0c0c0;
  padding-left: 0px;
  padding-right: 0px; 
  text-align: center;

}

#footer {
/* text-align: center; */
  margin: 0px;

  visibility: hidden;
 }

.bluenewsbackground{

background-color: #003492;

background-image: url("/images/bluenewsbackground-02.jpg"); 
background-repeat: no-repeat;                                


font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF; 
width: 310px; /* was 320 */
height: 300px;
margin: 10px;
}

/* this is the second background in the left column */

.bluenewsbackgroundshort{

background-color: #003492;

background-image: url("/images/bluenewsbackgroundshort-02.jpg"); 
background-repeat: no-repeat;


font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF; 
width: 310px; /* was 320 */
height: 250px;
margin: 10px;
}

/* this is the background with the Exhibition Programme */
.bluenewsbackground2{

background-color: #003492;

background-image: url("/images/bluenewsbackground-03.jpg"); 
background-repeat: no-repeat;                               

font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF; 
width: 312px; /* was 320 322 */
height: 250px;
margin-top: 10px;
margin-left: 5px;
}

.floatright {
	float: right;
	display: inline;
/* margin: 0 10px 5px 15px; */
}

/* this is the background with the news on   */

.bluenewsbackgroundr{

background-color: #003492;
background-image: url("/images/bluenewsbackground-03.jpg"); 
background-repeat: no-repeat;                                

width: 312px; /* was 320 322 */
height: 250px; /* was 300 */
margin-top: 10px;
margin-left: 10px;
}

.floatleft {
	float: left;
	display: inline;
}

.floatright {
	float: right;
	display: inline;
/* margin: 0 10px 5px 15px; */
}

.bluelargebackground{ 
background-image: url("/images/jan-2012-home-page.jpg");
background-repeat: no-repeat; 
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF; 
width: 634px; 
height: 260px;
margin: 10px 10px 5px 5px;
}

.bluelargebackgroundad{  

background-image: url("/images/job-opportunity.jpg");
background-repeat: no-repeat; 

font: 80%/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;

color: #000; 
width: 634px;  /* 626   */
height: 260px;
margin: 10px 10px 5px 5px;
padding: 0px 12px 0px 12px;

}


/* this is the blue background navigation */
.centrebluenav {
/*
background-image: url("/images/centrebluenavbar.jpg");
background-repeat: no-repeat;
*/
background-color: blue;
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF; 
width: 634px;  /* 626 650 654  */
height: 35px;
margin: 5px 10px 0px 5px;
}


.silverspacer {
background-image: url("/images/5pxspacer.jpg");
background-repeat: no-repeat;
width: 5px;  /* 626   */
height: 5px;
}


/* New home Page only */

.headernavigation1 {
 position: absolute;
  top:   116px; 
  left: 0px;
  margin: 0;
  padding: 0;
  background-image: url("/images/nav-background.jpg");
  background-repeat: repeat-x;
  list-style-type: none;
  width: 980px;   
  float: left; 
  color: #FFF;
  height: 26px;
  font: 0.85em /1.3 Verdana, Arial, sans-serif;
	}
	
.headernavigation1 ul  {
		list-style: none;
		margin: 0px;
		padding: 3px;
		}
		
.headernavigation1 li  {
			display: inline;
		}
		
.headernavigation1 a:link, .headernavigation1 a:visited  {
	color:#FFF;
	padding: 3px;
	padding-top: 4px;
   background-image: url("/images/nav-background.jpg") repeat-x;
	text-decoration: none;
   float: left;
   width: 75px; 
}
   
	.headernavigation1 a:hover  {
	color:#FFF;                  
	background-color: #D00E0F;      
	text-decoration: underline;
	}

/* end of new */


a.linkclass {text-decoration:underline; color:#FF0000; font-weight:bold; } 
a.linkclass:visited {text-decoration:none; color:yellow; font-weight:bold; } 
a.linkclass:active {text-decoration:none; color:#FF0000; font-weight:bold; }
a.linkclass:hover {text-decoration:underline; color:#FF0000; font-weight:bold; }

a.linkclass1 {text-decoration:underline; color:#1003AA; font-weight:bold; }
a.linkclass1:visited {text-decoration:none; color:#D00e0F; font-weight:bold; }
a.linkclass1:active {text-decoration:none; color:#0077B7; font-weight:bold; }
a.linkclass1:hover {text-decoration:underline; color:#1003f6; font-weight:bold; }

a.linkclass2,
a.linkclass2:visited {text-decoration:none; font 80%/1.1em Verdana, Geneva, Arial, Helvetica, sans-serif,color:#004F4F;  font-weight:bold; }
a.linkclass2:active {text-decoration:none; font 80%/1.1em Verdana, Geneva, Arial, Helvetica, sans-serif,color:#004F4F; font-weight:bold; }
a.linkclass2:hover {text-decoration:underline; ont 80%/1.1em Verdana, Geneva, Arial, Helvetica, sans-serif, color:#004F4F; font-weight:bold; }

a.linkclassn {text-decoration:underline; color:#FFF; font-weight:bold; }
a.linkclassn:visited {text-decoration:underline; color:#C0C0C0; font-weight:bold; }
a.linkclassn:active {text-decoration:none; color:#FFF; font-weight:bold; }
a.linkclassn:hover {text-decoration:underline; color:#FFF; font-weight:bold; }

a.linkclassw {text-decoration:none; color:#FFF; font-weight:bold; }
a.linkclassw:visited {text-decoration:none; color:#FFF; font-weight:bold; }
a.linkclassw:active {text-decoration:none; color:#FFF; font-weight:bold; }
a.linkclassw:hover {text-decoration:underline; color:#FFF; font-weight:bold; }

a.linkclassb {text-decoration:none; color:#000; font-weight:bold; }
a.linkclassb:visited {text-decoration:none; color:#000; font-weight:bold; }
a.linkclassb:active {text-decoration:none; color:#000; font-weight:bold; }
a.linkclassb:hover {text-decoration:underline; color:#000; font-weight:bold; }

p.whiteh,ol.whiteh {
	font: 80%/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*padding-top: 0; */
	padding: 1em 1em 1em 1em; /* was 1 3 1 1 */
	margin-top: 0;
	color: white;
}
/* this was going to be used for navigation but not being used at present */
ul.white {
	font: 80%/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*padding-top: 0; */
	padding: 1em 3em 1em 3em;
	margin-top: 0;
	color: white;
	float: left;
}

  .addfooteroval{
   background-image: url(images/indestructible-footer.gif);
	background-repeat: no-repeat;
	width: 246px;
	height: 136px;
	text-align: center;
	color: #FFF;
	padding: 10px 4px 4px 4px;
	font : .8em / 1.1em Verdana,Arial,geneva,helvetica; /* was 9/9  */
}

/* This is the white bullet point links on the home page */
ul.navwhite {
  margin: 0;    
  padding: 0px 0px 0px 12px; /* was   25px 0px 0px 15px;              */
  font: 80%/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
  list-style-type: none;
  width: 290px;  /* was 200 270 */
  float: left; /* Contain floated list items */
}
.navwhite li {
  margin: 0;
  padding: 0; /* was 0 */
  float: left; /* This corrects the */
  width: 100%; /* IE whitespace bug */
  list-style-type: none;
  background-position: 0px; 0px; 0px; 15px;  /* was  0 0 0 25 */

}
.navwhite a {    
  display: block;  
  color: #FFF;
 padding: 0 0 0 16px;  /* was 48 24  this is what separates the text from the bullet point   */
  text-decoration: none;
 /* padding: 0 0px 0 0px;  */
  line-height: 1.5;
  /*border-bottom: 1px solid #FFF; */
  list-style-type: none;
  background: url(/images/whitebullet.gif) no-repeat;
  background-position: 0px; 0px; 0px; 25px;
 }

.navwhite  a:hover {  
  text-decoration: underline;
}


h1.whiteh {
  color: #FFF;
  font : bold .9em Verdana, Arial, Helvetica, geneva,sans-serif;
  margin: -10px 0px 5px 11px;
}

h1.black {
  color: #000;
  font : bold .9em Verdana, Arial, Helvetica, geneva,sans-serif;
  /*margin: -10px 0px 5px 11px; */
  	padding: 1em 1em 0em 1em; /* was 1 3 1 1 */
	margin-top: 0;
}

p.home {
	font: 80%/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*padding-top: 0; */
	padding: 0em 0em 0em 1em; /* was 1 3 1 1 */
	margin-top: 0;
}

ul.home {
	font: 80%/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*padding-top: 0; */
	padding: 0em 1em 0em 3em; /* was 1 3 1 1 */
	margin-top: 0;
}

/* centre nav  */

#navcentre {
  font: small/1.4 "Lucida Grande", Tahoma, sans-serif;
  margin: 0;
  padding: 0;
  background-image: url("/images/navcentre-background.jpg");
  background-repeat: repeat-x;
  list-style-type: none;
  width: 634px;   /* was 634 628 +3 */ 
  float: left; /* Contain floated list items */
}
#navcentre li {
  margin: 0;
  padding: 0;
  float: left;
}
#navcentre a {
  float: left;
  width: 157px;
  color: #FFF;
  text-decoration: none;
  line-height: 35px;
  text-align: center;
  border-right: 1px solid #FFF;  /*
  background-image: url("/images/navcentre-background.jpg");
  background-repeat: repeat-x;  */
}
#navcentre #navcentre_con a {
  border: none;
   width: 160px;
}
#navcentre a:hover {
  background: #D00E0F;
}

#body_hom #navcentre_hom a, #body_map #navcentre_map a,
    #body_jou #navcentre_jou a,#body_his #navcentre_his a,
    #body_ref #navcentre_ref a,
    #body_con #navcentre_con a {
  background-image: url("/images/navcentre-background.jpg");
  background-repeat: repeat-x;
  color: white;
  font-weight: bold;
}

  .addfooterovalnew{
   background-image: url(images/indestructible-footer-h.jpg);
	background-repeat: no-repeat;
	width: 278px;
	height: 138px;
	text-align: center;
	color: #FFF;
	padding: 10px 4px 4px 4px;
	font : .8em / 1.1em Verdana,Arial,geneva,helvetica; /* was 9/9  */
}

#christmasmessage{
font: 1em "lucinda sans", Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #fff; /* was d00e0f */
position: absolute;
left: 370px;  /* was 540 480 410 380*/
top: 180px; /* was 290 240*/
width:400px; /* was 400 350 300 */
height: 5opx;
}

#christmasshutdown{
font: .8em Verdana, Arial, Helvetica, sans-serif;
color: #000;
position: absolute;
left: 370px; /* was 680 380 */
top:  335px; /* was 355  */
width:400px; /* was 400 */
height: 35px;
}

.boxContent
   {
	/*	float: right; */
		padding-top:  0px;
	   padding-left: 0px;
	   margin-right: 1px;
	   border-right:1px solid #000000;
	 margin:0px;
	 margin-left: 2px; 
	padding:1px;
	width:290px; 
	height:124px;  
	overflow: auto;
}


#twitter_update_list li {
      overflow-y: auto;
      overflow-x: hidden;
      font: .8em "lucinda sans", Verdana, Arial, Helvetica, sans-serif;
      color: #FFFFFF;  }
 
#twitter_update_list li a {
        color: #FFFFFF;
        font: bold .8em "lucinda sans", Verdana, Arial, Helvetica, sans-serif;
         }

#footwrapper {
	padding-left: 0px;
	padding-right: 10px;
}

h1.whiteht {
padding: .5em;
  color: #FFF;
  font : bold .9em Verdana, Arial, Helvetica, geneva,sans-serif;
}