/* ------------------------------------------------------------------------------------------------- SITE STRUCTURE Class=. and id=# Safe Fonts (on all PCs): Windows: 'Times New Roman', Arial, Courier Mac: Times, Helvetica ---------------------------------------------------------------------------------------------------- */ html { overflow-y:scroll; scroll-behavior: smooth; } body {font-family: verdana, arial, helvetica, sans-serif; font-size:72%; color:#2D4055; background:#E7F8F9 url(a/body_bck.jpg) repeat-x; padding:0px; margin:-15px; border: 0px; text-align:center;} /* Font Size was 75% */ .cleaner {overflow:hidden; clear:both; height:1px; margin-top:-1px} .page {z-index:5; position:relative; } .resizepage {position:relative; margin:0px auto; width:760px; text-align:justify; border-radius: 15px; top: 0px; padding-bottom:2px; background:#E7F8F9 url(a/content_bck.jpg) repeat-x bottom;} /* 20/4/2020 was z-index:1; */ /* .title {z-index:1; position:relative; } .title h1 {font-size:330%; color:#0D4B8F; letter-spacing:-.03em; font-weight:bold; margin:0;} .title p {margin:0 auto; width:760px; text-align:center;} #tools {margin-bottom:-70px; } */ .content {z-index:1; position:relative; padding: 0px 10px 0px 10px; } .comment { font-size: 80% } p.author { font-style: italic; font-size: 85%; color: #666666 } p.article:first-letter { font-size: 300%; float: left } img.floatLeft { float: left; margin: 4px; } img.floatRight { float: right; margin: 4px; } img.pad { padding: 7px; } /* SiteMap Styles */ .menu1 {font-size: 150%;} .menu2 {font-size: 100%; margin-left: 20px} .menu3 {font-size: 95%; margin-left: 20px} /* Firefox and IE did not like display:inline-block */ .std_list {list-style-type:none; list-style-position:outside; position:relative; } .std_list li {background:url(../graphics/general/bullet.gif) no-repeat 0 2px; padding-left:15px; display:list-item; position:relative } .ResultsTable { font-size : 90%; border : 1px solid black; margin : 1em auto 1em auto; border-collapse : collapse; empty-cells: show } .ResultsTable TH{ background-color : #9999FF; /* #8e5ebd; */ font-weight : bold; padding : 2px 8px 2px 8px; vertical-align : top; text-align: center; text-transform: uppercase; border : 1px solid black; } .ResultsTable TD { padding : 2px 8px 2px 8px; vertical-align : top; color : #333333; border : 1px solid black; border-collapse : collapse; text-align : left } /* old - to be deleted .ResultsTable .a TD{ background-color : #baddee; padding : 2px 8px 2px 8px; vertical-align : top; color : #333333; border : 1px solid black; border-collapse : collapse; text-align : left } .ResultsTable .b TD{ background-color : #00ddee; padding : 2px 8px 2px 8px; vertical-align : top; color : #333333; border : 1px solid black; border-collapse : collapse; text-align : left } */ .ResultsTable tbody tr:nth-child(odd) { background: #baddee; } .ResultsTable tbody tr:nth-child(even) { background: #00ddee; } .ResultsTable tr:hover td { background-color:#ffe3b0; } /* .content h1 {font-size:330%;color:#0D4B8F;letter-spacing:-.03em;font-weight:bold;margin:0 0 0 0;} .content h2 {font-size:220%;color:#813C73;font-weight:bold;margin:0 0 5px 0;} .content h3 {font-size:175%;color:#0D4B8F;font-weight:bold;margin:0 0 5px 0;} .content h4 {font-size:120%;color:#813C73;font-weight:bold;margin:0 0 5px 0;} */ .left {float:left;} .right {float:right;} .center {text-align:center;} /* Set Styles for the Headers and Footers on the webpage */ /* class .intro - box for the intro text on index page */ .intro { border: 1px solid blue ; width: 96%; display: block; margin-left: auto; margin-right: auto; padding:5px; } .left { float: left; padding: 10px; } .center { float: none; display: block; margin-left: auto; margin-right: auto; padding: 10px; } .right { float: right; padding: 10px; } .left_logo {z-index:-1; position:fixed; left: 10px; top: 0px;} /* z-index:-1; position:fixed; left: 10px; top:0px; */ .left_logo1 {width: 180px;} /* z-index:-1; position:fixed; left: 10px; top: 0px;*/ .left_logo1:hover {transform: scale(1.05);} .left_logo2 {z-index:-1; position:fixed; left: 10px; top:150px; width: 180px;} /* All tops reduced by 50 Bill Barksfield 18/11/2025 13:30 */ .left_logo3 {z-index:-1; position:fixed; left: 10px; top:250px; height: 90px;} /* height: 90px as different shape to others! */ .left_logo4 {z-index:-1; position:fixed; left: 10px; top:370px; width: 180px;} .left_logo5 {z-index:-1; position:fixed; left: 10px; top:490px; width: 180px;} /* .left_logo6 {z-index:-1; position:fixed; left: 10px; top:610px; width: 180px;} */ .left_logo6 {z-index:-1; position:fixed; left: 10px; top:610px;} .right_logo {z-index:-1; position:fixed; right: 5px; top:5px; height:200px;} .right_logo :hover { opacity: 1.0; } .right_logo1 {z-index:-1; position:fixed; right: 5px; top:30px; width:185px; opacity: 0.5;} .right_logo2 {z-index:-1; position:fixed; right: 5px; top:350px; width:185px; opacity: 0.5;} .right_logo3 {z-index:-1; position:fixed; right: 5px; top:670px; width:185px; opacity: 0.5;} table.SortResults tr td { font-size: 13px; } table.ResultsTable th { position: sticky; top: 0; } /* Menu Buttons */ .Button_Div { padding-left: 13px; } .button { position: relative; background-color: blue; outline: none; border: none; border-radius: 10px; font-size: 16px; color: #FFFFFF; padding: 0px; border-width: 0px; margin: 0px; width: 115px; /* 6=120px */ height: 40px; text-align: center; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; text-decoration: none; overflow: hidden; cursor: pointer; box-shadow: -4px 8px #999; box-sizing: border-box; } .button:hover {background-color: DeepSkyBlue} .button:after { content: ""; background: aqua; display: block; position: absolute; padding-top: 300%; padding-left: 350%; margin-left: -20px!important; margin-top: -120%; opacity: 0; transition: all 0.8s } .button:active:after { padding: 0; margin: 0; opacity: 1; transition: 0s }