
A 	{ text-decoration:none; }
A img 	{ text-decoration:none; }



/*  ----------  OLD  Thumbnail frame ( Northern Heights and Merton Abbey )  ----------  */
.tframe { border:2px solid #C0C0C0; background-color:#F4F2FE; }

/*  ----------  OLD  Thumbnail box numbers ( white on black ) ( Northern Heights and Merton Abbey )  ----------  */
.tnum { font-family: "Trebuchet MS", "Arial", sans-serif; font-size:13pt; font-weight:bold; text-align:center; color:#FFFFFF; background-color:#31639C; }

/*  ----------  OLD  Thumbnail narratives ( Northern Heights and Merton Abbey )  ----------  */
.tnarrative { font-family: "Verdana", "Arial", sans-serif; font-size:8pt; font-weight:normal; text-align:left; color:#000000; }
a.tnarrative:link, .tnarrative a:link 	{ color: #0000FF; text-decoration:underline; }
a.tnarrative:visited, .tnarrative a:visited 	{ color: #0000FF; text-decoration:underline; }
a.tnarrative:active, .tnarrative a:active 	{ color: #0000FF; text-decoration:underline; }
a.tnarrative:hover, .tnarrative a:hover 	{ color: #FF0000; background-color: #FFFFA0; text-decoration:underline; }



/*  ----------  Body  ----------  */

BODY { font-family: "Arial", sans-serif; font-size:12px; font-weight:normal; color:#000000; background-color:#ECE9FB; background-image:url(../images/pingraph.gif); margin:0px; padding:0px; cursor:default; }

#pcapsule { width:775px; margin-left:auto; margin-right:auto; padding:0px 0px 50px 0px; }

.glass { background-image:url("../images/glass.gif"); position:absolute; z-index:2; }



/*  ----------  Colours  ----------  */

.c_red 	{ color:#FF0000; }
.c_green 	{ color:#00FF00; }
.c_blue 	{ color:#0000FF; }
.c_dkgrn 	{ color:#008000; }
.c_overg 	{ color:#C18F25; }



/*  ----------  Hidden sections  ----------  */

#hGuff { position:absolute; display:none; width:550px; left:10px; top:10px; padding:4px 10px 6px 10px; background-color:#FFFFFF; color:#000000; border:2px solid #CCCCCC; }

#hLinks { position:absolute; display:none; width:225px; left:10px; top:10px; padding:4px 10px 6px 10px; background-color:#FFFFFF; color:#000000; border:2px solid #CCCCCC; }



/*  ----------  Visitor counter  ----------  */

.countbox { background-color:#F4F2FE; border:1px solid #3A2231; }

.member 	{ font-family: "Tahoma", "Arial", sans-serif; font-size:11px; font-weight:normal; text-align:right; color:#3A2231; }



/*  ----------  Scripting-disabled banner  ----------  */

.js_head { font-family: "Verdana", "Arial", sans-serif; font-size:28px; font-weight:bold; text-align:center; color:#C18F25; }

.js_text { font-family: "Arial", sans-serif; font-size:18px; font-weight:normal; text-align:center; color:#0000FF; }



/*  ----------  Page banners  ----------  */

.bannerMain, .bannerSub1, .bannerSub2, .bannerSub3, .bannerSub4 { position:absolute; width:550px; }

.bannerMain { font-family: "Tahoma", "Trebuchet MS", "Verdana", "Arial", sans-serif; font-size:36pt; font-weight:bold; color:#0000FF; text-align:center; }

.bannerSub1, .bannerSub2, .bannerSub3, .bannerSub4 { font-family: "Arial", sans-serif; font-size:14px; font-weight:bold; text-align:center; }

.bannerSub1, .bannerSub3 { color: #000000; }

.bannerSub2 { color: #6D4C07; }

.bannerSub4 {  color: #990099; }



/*  ----------  Best-viewed  ----------  */

.bestText { font-family: "Arial", sans-serif; font-size:12pt; font-weight:bold; text-align:center; color:#5A5A5A; position:absolute; width:530px; height:20px; }



/*  ----------  Custom buttons  ----------  */

.custB, .custBo { font-family: "Verdana", "Arial", sans-serif; font-weight:normal; font-size:18px; text-align:center; cursor:pointer; }

.custB { color:#FFFFF0; background-color:#0000FF; border:2px outset #999999; }

.custBo { color:#0000FF; background-color:#FFFFF0; border:2px inset #999999; }



/*  ----------  Section divider  ----------  */

.sectionHead { font-family: "Trebuchet MS", "Arial", sans-serif; font-size:16pt; font-weight:bold; text-align:center; color:#FFFFFF; background-color:#FF0000; border:1px solid #000000; }



/*  ----------  Thumbnail frame ( with and without top border ) ( Northern Heights and Merton Abbey )  ----------  */

.tFrame { position:relative; width:766px; padding:15px 0px 7px 0px; border:2px solid #C0C0C0; background-color:#F4F2FE; }

.tFrameT { position:relative; width:766px; padding:15px 0px 7px 0px; border-style:solid; border-color:#C0C0C0; border-width:0px 2px 2px 2px; background-color:#F4F2FE; }



/*  ----------  Thumbnail box numbers ( white on black ) ( Northern Heights and Merton Abbey )  ----------  */

.tNum { font-family: "Trebuchet MS", "Arial", sans-serif; font-size:13pt; font-weight:bold; text-align:center; color:#FFFFFF; background-color:#31639C; position:absolute; left:20px; width:45px; }



/*  ----------  Thumbnail image ( Northern Heights and Merton Abbey )  ----------  */

.tImg { position:absolute; left:77px; width:150px; }



/*  ----------  Thumbnail image links ( Northern Heights and Merton Abbey )  ----------  */

.thumb img { border:1px solid #0000FF; }

.thumbO img { border:1px solid #FF0000; }



/*  ----------  Thumbnail narratives ( Northern Heights and Merton Abbey )  ----------  */

.tText { font-family: "Verdana", "Arial", sans-serif; font-size:8pt; font-weight:normal; text-align:left; color:#000000; position:absolute; left:247px; width:415px; }

a.tText:link, .tText a:link 		{ color: #0000FF; text-decoration:underline; }
a.tText:visited, .tText a:visited 	{ color: #0000FF; text-decoration:underline; }
a.tText:active, .tText a:active 	{ color: #0000FF; text-decoration:underline; }
a.tText:hover, .tText a:hover 		{ color: #FF0000; background-color: #FFFFA0; text-decoration:underline; }



/*  ----------  Thumbnail supplementary links ( Northern Heights and Merton Abbey )  ----------  */

.tSupp { position:absolute; left:667px; width:90px; }



/*  ----------  Plain box  ----------  */

.plainbox { border:2px solid #808080; background-color:#F4F2FE; }



/*  ----------  Link boxes  ----------  */

.lynxA, .lynxD, .lynxT { font-family: "Arial", sans-serif; font-size:16px; font-weight:bold; color:#000000; }

.lynxT { position:relative; width:640px; height:32px; text-align:right; }

.lynxA, .lynxD { position:absolute; width:640px; left:0px; top:0px; text-align:left; }

.lynxD { text-decoration:line-through; }

a.lynxA:link, .lynxA a:link 		{ color: #0000FF; text-decoration:underline; }
a.lynxA:visited, .lynxA a:visited 	{ color: #0000FF; text-decoration:underline; }
a.lynxA:active, .lynxA a:active 	{ color: #0000FF; text-decoration:underline; }
a.lynxA:hover, .lynxA a:hover 	{ color: #FF0000; background-color: #FFFFA0; text-decoration:underline; }

a.lynxD:link, .lynxD a:link 		{ color: #B0B0B0; text-decoration:none; }
a.lynxD:visited, .lynxD a:visited 	{ color: #B0B0B0; text-decoration:none; }
a.lynxD:active, .lynxD a:active 	{ color: #B0B0B0; text-decoration:none; }
a.lynxD:hover, .lynxD a:hover 	{ color: #B0B0B0; background-color: #FFFFA0; text-decoration:none; }



/*  ----------  Information boxes  ----------  */

.boxHead { font-family: "Arial", sans-serif; font-weight:bold; text-align:center; font-size:24px; color:#000000; }

.boxText { font-family: "Arial", sans-serif; font-weight:normal; text-align:center; font-size:14px; color:#000000; }

a.boxText:link, .boxText a:link 	{ color: #0000FF; text-decoration:underline; }
a.boxText:visited, .boxText a:visited 	{ color: #0000FF; text-decoration:underline; }
a.boxText:active, .boxText a:active 	{ color: #0000FF; text-decoration:underline; }
a.boxText:hover, .boxText a:hover 	{ color: #FF0000; background-color: #FFFFA0; text-decoration:underline; }

.boxFoot { font-family: "Arial", sans-serif; font-weight:bold; text-align:center; font-size:13px; color:#000000; }

a.boxFoot:link, .boxFoot a:link 	{ color: #0000FF; text-decoration:underline; }
a.boxFoot:visited, .boxFoot a:visited 	{ color: #0000FF; text-decoration:underline; }
a.boxFoot:active, .boxFoot a:active 	{ color: #0000FF; text-decoration:underline; }
a.boxFoot:hover, .boxFoot a:hover 	{ color: #FF0000; background-color: #FFFFA0; text-decoration:underline; }

.dangerous { font-family: "Arial", sans-serif; font-weight:bold; text-align:center; font-size:18px; color:#FF0000; }



/*  ----------  On-page narratives ( non-thumbnail pages)  ----------  */

.pNarr { font-family: "Verdana", "Arial", sans-serif; font-size:10pt; font-weight:normal; text-align:center; color:#0000FF; }
.pNarrB { font-size:12pt; font-weight:bold; color:#000080; }



/*  ----------  Picture boxes ( non-thumbnail pages)  ----------  */

.pBox { border:1px solid #C0C0C0; background-color:#FFF5E3; }

.legend, .legendTF { font-family: "Arial", sans-serif; font-size:10pt; font-weight:bold; text-align:center; color:#000000; background-color:#FFF5E3; }

.legendTF { border-top: 1px; border-bottom: 0px; border-left: 0px; border-right: 0px; border-color: #9B9595; border-style: solid; }



/*  ----------  Ordnance Survey credit ( Brentford Dock )  ----------  */

.creditOS { font-family: "Arial", sans-serif; font-size:8pt; font-weight:bold; text-align:center; color:#FFFFFF; background-color:#336666; }


