	<style type="text/css">

.body{ text-align: center;}
.br {background: url(http://www.historyofnewport.co.uk/style/standard/br.gif) 100% 100% no-repeat}
.bl {background: url(http://www.historyofnewport.co.uk/style/standard/bl.gif) 0 100% no-repeat}

.tl {background: url(http://www.historyofnewport.co.uk/style/standard/tl.gif) 0 0 no-repeat}
.tr {background: url(http://www.historyofnewport.co.uk/style/standard/tr.gif) 100% 0 no-repeat; padding:10px} 

.t {background: url(http://www.historyofnewport.co.uk/style/standard/dot.gif) 0 0 repeat-x; width: 100%}
.b {background: url(http://www.historyofnewport.co.uk/style/standard/dot.gif) 0 100% repeat-x}
.l {background: url(http://www.historyofnewport.co.uk/style/standard/dot.gif) 0 0 repeat-y}
.r {background: url(http://www.historyofnewport.co.uk/style/standard/dot.gif) 100% 0 repeat-y}  

 /* ------------------------------------------------------------------------------------------------- */

.thumbnail img{
border: 1px solid black;
margin: 0 5px 5px 0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 2px;
left: 450px;
visibility: hidden;
color: black;
top: 260px;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
max-height:450px;
max-width:610px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
position: absolute;
visibility: visible;
width:610px;
height:450px;
background-color:white;
z-index: 52;
}
.thumbnail:hover div{ /*CSS for enlarged image*/
position: absolute;
visibility: visible;
top:455px;
width:610px;
height:20px;
background-color:white;
z-index: 52;
}

.thumbnail:active span{ /*CSS for enlarged image*/
position: absolute;
visibility: visible;
z-index: 51;
}
.thumbnail:active div{ /*CSS for enlarged image*/
position: absolute;
visibility: visible;
top:455px;
width:610px;
height:20px;
background-color:white;
z-index: 51;
}
.thumbnail:focus span{ /*CSS for enlarged image*/
position: absolute;
visibility: visible;
z-index: 50;
} 
.thumbnail:focus div{ /*CSS for enlarged image*/
position: absolute;
visibility: visible;
top:455px;
width:610px;
height:20px;
background-color:white;
z-index: 50;
}
 /* ------------------------------------------------------------------------------------------------- */
 
.charttext span {display: none;}
 
.charttext:hover span {display: block;
   position: relative; top: 200px; left: 0; width:400px;
   padding: 0px; margin: 0px; border:0; z-index: 100;
   color: #000; background: FFCC00;
   font: 1.5em Calibri, sans-serif; font-style: normal; text-align: left;}
 
.center{     
	 text-align: center;
 }

}
.right {
	text-align:right;
}

.main{	font-family: Calibri; 
		font-size: 14px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal;
		padding-bottom: 0px;
		text-align:left;
		color: black; }
		
.bold{		font-family: Calibri; 
		font-size: 20px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal;
		text-align:center;
		color: black; }
		
.boldb{		font-family: Calibri; 
		font-size: 14px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal;
		text-align:center;
		vertical-align:bottom;
		color: black; }	
		
.indent{	font-family: Calibri; 
		font-size: 14px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal;
		text-align:left;
		text-indent:20pt;
		color: black; }
		
.header{	
		font: 2em Calibri, sans-serif; font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		text-align:center;
		color: black; }
		
.subheader {
	padding-left: 10px;
	font-family: Calibri;
	font-size: 20px;
	font-weight: normal;
	color: #000000;
	text-align: left;
}		
.headersmall{	font-family: Calibri; 
		font-size: 14px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal;
		text-align:center;
		color: black; }	
		
table.box{	
		background-image: url(http://www.historyofnewport.co.uk/style/standard/tl.gif), url(http://www.historyofnewport.co.uk/style/standard/tr.gif);
		font-family: Calibri; 
		font-size: 14px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal;
		text-align:left;
		border:black 1px solid;
		color: black; }
		
table.left{	font-family: Calibri; 
		font-size: 14px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal;
		text-align:left;	
		color: black; }	
		
td.top{		font-family: Calibri; 
		font-size: 14px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal;
		text-align:left;
		border-bottom:black 1px solid;		
		color: black; }
		
td.ltop{	font-family: Calibri; 
		font-size: 14px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal;
		text-align:left;
		background: #111111;
		text-indent:5pt;		
		border-bottom:black 1px solid;		
		color: #FFCC00; }	
		
td.left{	font-family: Calibri; 
		font-size: 14px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal;
		text-align:left;
text-indent:8pt;		
		color: black; }	
		
td.norm{	font-family: Calibri; 
		font-size: 14px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal;
		text-align:left;
		text-indent:0pt;		
		color: black; }	
		
td.normal{	font-family: Calibri; 
		font-size: 14px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal;
		text-align:left;
		text-indent:10pt;		
		color: black; }

td{		font-family: Calibri; 
		font-size: 14px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal;
		text-align:left;		
		color: black; }
		
p {  		font-family: Calibri;
 		font-size: 14px; 
		font-style: normal; 
		font-weight: normal; 
		font-variant: normal; 
		text-align=left;
		color: #000000}

A {		font-family: Calibri;
 		font-size: 14px; 	
		text-decoration: none;
		font-weight: bolder;
		color: #cc8800;}

A:hover {	font-family: Calibri;
 		font-size: 14px; 
 		text-decoration: underline;}

A.menu {  	font-family: Calibri; 
	  	font-size: 14px; 
	  	color: #FFCC00;
	  	text-decoration: none;
	  	font-weight: bolder;}

A.menu:hover {  font-family: Calibri; 
		font-size: 14px; 
		color: #FFCC00;
		text-decoration: underline;}
		
A.leftmenu {  	font-family: Calibri; 
	  	font-size: 14px; 
	  	color: #111111;
	  	text-decoration: none;
		text-align:left; 	
	  	font-weight: normal;
		text-decoration: none;}

A.leftmenu:hover {  font-family: Calibri; 
		font-size: 14px; 
		color: #111111;
		text-decoration: underline;}		

.date {		font-family: Calibri; 
		font-size: 14px;
		font-weight:bold;
		text-indent:10pt;
		text-align:left;
		color: #FFCC00;}
		
h1 {		font-family: Calibri; 
		font-size: 14px;
		font-style: normal;
		font-weight: bold;
		color: black;}

h2 {		font-family: Calibri; 
		font-size: 14px;
		font-style: normal;
		font-weight: bold;
		color: black;}

hr { 		color:#FFCC00;
		height:10;}
	
ul.list {	LIST-STYLE: disc;
		text-align:left;
		text-indent:20pt;}

li.list {  	LIST-STYLE: disc;
		WIDTH: 95%; 
		COLOR: black; 
		text-align:left;
		text-indent:20pt;		
		POSITION: relative; 
		HEIGHT: 1%}
		
ul.ordinaryul {	PADDING-RIGHT: 0px; 
		PADDING-LEFT: 0px; 
		PADDING-BOTTOM: 0px; 
		MARGIN: 0px; 
		PADDING-TOP: 0px; 
		BORDER-BOTTOM: black 1px solid;  
		LIST-STYLE: none}
		
li.ordinary { 	BORDER-RIGHT: black 1px solid;
		BORDER-LEFT: black 1px solid;
		BORDER-TOP: black 1px solid;
		BORDER-BOTTOM: 0px;
		DISPLAY: block; 
		FLOAT: left; 
		WIDTH: 100%; 
		COLOR: black; 
		POSITION: relative; 
		text-indent:15pt;
		text-align:left;		
		HEIGHT: 1%}
li.ordinaryb {	 
		BORDER-RIGHT: black 1px solid;		
		BORDER-LEFT: black 1px solid; 		
		BORDER-TOP: black 1px solid;
		BORDER-BOTTOM: black 1px solid; 				
		DISPLAY: block;
		FLOAT: left; 		
		WIDTH: 100%; 
		POSITION: relative; 
		text-indent:15pt;
		text-align:left;		
		HEIGHT: 1% }
		
li.ordinaryb2 {	 
		WIDTH: 100px; 
		COLOR: black; 
		BORDER-TOP: black 1px solid;
		BORDER-BOTTOM: black 1px solid; 
		BORDER-LEFT: black 1px solid; 
		BORDER-RIGHT: black 1px solid;
		DISPLAY: block;  
		HEIGHT: 1% }	
		
li.ordinaryb2 a {COLOR: #000000; 
		PADDING-RIGHT: 0px; 
		DISPLAY: block; 
		PADDING-LEFT: 0px; 
		PADDING-BOTTOM: 0px; 
		BACKGROUND:#CCCCCC; 
		COLOR: #000000; 
		PADDING-TOP: 0px; 
		text-decoration: none;}	
		
li.ordinaryb2 a:visited
	       {COLOR: #000000; 
		PADDING-RIGHT: 0px; 
		DISPLAY: block; 
		PADDING-LEFT: 0px; 
		PADDING-BOTTOM: 0px; 
		BACKGROUND:#CCCCCC; 
		PADDING-TOP: 0px; 
		text-decoration: none;}

li.ordinaryb2 a:hover
	       {BACKGROUND: #FFCC00; 
		COLOR: #000000; 
		DISPLAY: block; 
		PADDING-TOP: 0px;  		
		PADDING-RIGHT: 0px;  
		PADDING-LEFT: 0px; 
		PADDING-BOTTOM: 0px;  
		text-decoration: none;}		
		
li.top { 	BORDER-RIGHT: black 1px solid; 		 
		BORDER-TOP: black 1px solid;
		DISPLAY: block; 
		FLOAT: left; 
		BORDER-LEFT: black 1px solid; 
		WIDTH: 100%;
		BACKGROUND:#111111;		 
		BORDER-BOTTOM: 0px; 
		POSITION: relative; 
		COLOR:#FFCC00;
		text-indent:10pt;
		text-align:left;		
		HEIGHT: 1%}
		
.topmenu {	color:#FFCC00;
		text-align:left;
		text-indent:10pt;}

li a {		COLOR: #000000; 
		PADDING-RIGHT: 1px; 
		DISPLAY: block; 
		PADDING-LEFT: 1px; 
		PADDING-BOTTOM: 2px; 
		BACKGROUND:#FFCC00; 
		COLOR: #000000; 
		PADDING-TOP: 2px; 
		text-decoration: none;}

li a:visited {	COLOR: #000000; 
		PADDING-RIGHT: 1px; 
		DISPLAY: block; 
		PADDING-LEFT: 1px; 
		PADDING-BOTTOM: 2px; 
		BACKGROUND:#FFCC00 
		COLOR: #000000; 
		PADDING-TOP: 2px; 
		text-decoration: none;}

li a:hover {	BACKGROUND: #111111; 
		COLOR: #FFCC00; 
		DISPLAY: block; 
		PADDING-RIGHT: 1px;  
		PADDING-LEFT: 1px; 
		PADDING-BOTTOM: 2px;  
		text-decoration: none;}

#containerul .symbols{
 		float:left;
  		width:10px;
  		height:1em;
  		background-position:0 50%;
  		background-repeat:no-repeat;}

td {		text-align:center;}
select.pictureselect {
size:5;
	width:400;
}

.background {background:#FFCC00;}

</style>
