body {color: black; background: #e0e9f6; border: 0; margin: 0; padding: 0;} /* font-family: Arial,Verdana,Helvetica,sans-serif;font-size: 100%; affected sizes in toptitle */ /* need highest z-index to keep menus in front if spill below (no luck with overflow: visible; OR clip: auto; in LIs etc) Also need to keep pictures behind the light blue (was grey) items at the end, eg want RHS pictures in front of text that may stray across them */ /* thisdiv.all { position: absolute; top: 0; left: 0; width:644px; color: black; background: white; border-width: 0; border-style:solid;border-color:#CCFFCC;padding: 0; border-spacing: 0; } this sets the page width absolutely to 644px, otherwise it can stretch */ /* ______________________________________________ */ /* toptitle items */ div#toptitle { position: absolute; top: 0; left: 1%; right: 1%;width: 98%; height: 160px; border: 0; margin: 0; padding: 0;color: black; background-color: transparent; background-image: url(h1.jpg); background-repeat: repeat-x; background-position: top center; font-family: Arial,Verdana,Helvetica,sans-serif;font-size: 100%; z-index:400;} /* main title of page along the top originally used dark green background and background-image: url(sgba.jpg); */ div.marquee { position: relative; left: 28%; right: 28%;width: 44%; z-index:300;} /* for marquee, was font-size: 100%; as well as 16px ! */ .marquee, .font1 {border: 0; padding: 0; margin: 0; background:transparent; font: 16px Arial,Verdana,Helvetica,sans-serif; color: #0000FF; text-align: center; } /* for marquee, modifies the box height, but seems to be over-ruled on font by the div font type, size and colour*/ .hidden {display: none; position: relative; left:1%; width:98%; font: 11px Arial,Verdana,Helvetica,sans-serif; color: black; margin-left: 0; background: white; } /* message for those without stylesheets on */ h1 {position: absolute; top: 18px; width: 100%; font-family: Garamond,Times,"Times New Roman",serif; font-weight: bold; font-size: 160%; color: #006600; background: transparent; text-align: center; } /* header in green oval - 165% is better on Mac */ div.menu { position: absolute; top: 77px; left: 2%; text-align: center; z-index: 500; width: 100%; border: 0; margin: 0; padding: 0; background-color: transparent;} /* for the menu was top: 80px; */ .menu dl { display:list-item; float: left; width: 19%; margin: 0.1%; padding: 0; border: 0; list-style-type: none;} /* fits 5 items OK for Mac and for IE6.0 in W98 */ .menu dt {display:list-item; border: 0; margin: 0; padding: 0; list-style-type: none;cursor: pointer; color: #006600; font: 11px Arial,Verdana,Helvetica,sans-serif; color: #006600; font-weight: bold; background: #CCFFCC; } /* the green top headings, had border: 0px solid gray; */ .menu dd {display:none; border: 0; margin: 0; padding: 0; list-style-type: none; } /* contains each list of drop down cells */ .menu li { margin: 0; padding: 0; border-left: 0; border-right: 0;border-top: 0;border-bottom: 1px solid silver;list-style-type: none;text-align: center; background: white; } /* for each link cell */ .menu ul {border: 0; margin: 0; padding: 0; list-style-type: none;text-align: center; background: white; } .menu li a, .menu dt a { border: 0; margin: 0; padding: 0; list-style-type: none; text-decoration: none; display: block; height: 100%; font: 11px Arial,Verdana,Helvetica,sans-serif; color: #0000FF; } /* unvisited, uncovered menu links are blue on white font: 11px*/ .menu li a:visited, .menu dt a:visited {border: 0; margin: 0; padding: 0; list-style-type: none; background: white; color: #CC0000; } /* visited menu links are red on white */ .menu li a:hover, .menu dt a:hover { border: 0;margin: 0; padding: 0; list-style-type: none; background: #e0e9f6; } /* hovering menu links are red on gray */ a.thispage {border: 0; margin: 0; padding: 0; list-style-type: none; display: block; background: white ! important; color: #e0e9f6 ! important; } /* light blue (was grey) letters on white for menu item of this page. Needs ! important to work in IE6 in W98 */ /* ______________________________________________ */ /*contentmain items */ div.contentmain { position: absolute; top: 160px; left: 1%; right: 1%;width: 98%; color: black; background: white; border-width: 0; padding: 0; border-spacing: 0; } /* the main div for content, below the title -- removed vertical-align: top; */ div.line { border-style: solid; border-color: #FFFFFE; border-width: 0; width: 100%; height: 1px; background: white; padding: 0; font: 2px Arial,Verdana,Helvetica,sans-serif; color: white; text-align: center; } /* a whitish line to separate items on a coloured background */ p {position: relative; left:1%; width:98%; font: 11px Arial,Verdana,Helvetica,sans-serif; color: black; margin-left: 0; background: white; } /* main text */ contentmain p:first-letter {font-size:115%; font-weight: bold; color: olive;} /* */ p.bigger {position: relative; left:1%; width:98%; font: 13px Arial,Verdana,Helvetica,sans-serif; color: black; margin-left: 0; background: white; } /* bigger main text */ .font2 {font:10px Arial,Verdana,Helvetica,sans-serif;color:black; background:#CCFFCC;} /* only in the enquiry form in contacts.html */ div.box2 {position:relative; border-style:solid; border-color:#FFFFFF; border-width:0; width:98%; background:#FFFF00; padding:4px; font:9px Arial,Verdana,Helvetica,sans-serif; color:#000000; text-align:left; clear:both;z-index:4;} /* yellow box of text, on index page and others */ .font3 {font:13px Arial,Verdana,Helvetica,sans-serif;color:#000000; background:transparent;} /* black text for light green box */ span.c3 {color:#006600;font-weight:bold;background:transparent; border-width:0;line-height:10%;} /* green & bold for "green belt" in main text */ h2 {font-family: Garamond,Times,"Times New Roman",serif; color: #006600; font-weight: bold; font-size: 150%; line-height: 100%; text-align: center; margin-top: 0.3em; background: white;} h3 { font-family: Garamond,Times,"Times New Roman",serif; font-size: 120%; font-weight: bold; color: #006600; background: white;position: relative; left:1%; width:98%; } h4 {font-family: Garamond,Times,"Times New Roman",serif; font-size: 100%; font-weight: bold; color: #006600; background: white; position: relative; left:1%; width:98%; padding-top: 5px; border-top: 5px; border-bottom: 0; border-left: 0; border-right: 0; border-color: #e0e9f6; border-style: solid; z-index:110;} a:link {background: white; font: 11px Arial,Verdana,Helvetica,sans-serif; color: #0000FF; text-decoration: none; font-weight: normal; } /* blue unvisited links */ a:visited {background: white; font: 11px Arial,Verdana,Helvetica,sans-serif; color: #CC0000; text-decoration: none; font-weight: normal; } /* red visited links */ a:hover {text-decoration: none; background: #e0e9f6; font: 11px Arial,Verdana,Helvetica,sans-serif; color: #0000FF; font-weight: normal; } /* hovering over links, light blue (was grey) background */ a:active {text-decoration: underline; background: #e0e9f6; font: 11px Arial,Verdana,Helvetica,sans-serif; color: #CC0000; font-weight: normal; } /* active links */ a.big:link {background: white; font: 13px Arial,Verdana,Helvetica,sans-serif; color: #0000FF; text-decoration: none; font-weight: normal; } /* blue unvisited links */ a.big:visited {background: white; font: 13px Arial,Verdana,Helvetica,sans-serif; color: #CC0000; text-decoration: none; font-weight: normal; } /* red visited links */ form.joinform {background: #CCFFCC; } select, textarea, submit {position: relative; margin: 0; width:85% ; font: 10px Arial,Verdana,Helvetica,sans-serif; color: black; background: white; } /* for the Google search */ input {margin: 0; font: 10px Arial,Verdana,Helvetica,sans-serif; color: black; background: white; } /* for the form input fields (and button holes) */ input.radiobutton {margin: 0; font: 10px Arial,Verdana,Helvetica,sans-serif; color: black; background: transparent; } /* for the form radiobuttons to keep background coloured*/ input.searchbutton {margin: 0; width:16%;font: 11px Arial,Verdana,Helvetica,sans-serif; color: black; font-weight: bold; background: #CCFFCC; padding: 0; } /* for the Google search field */ input.printer {margin: 0; width:60%;font: 11px Arial,Verdana,Helvetica,sans-serif; color: black; font-weight: bold; background: #CCFFCC; padding: 0; } /* for the print button */ ul { padding-left: 3em; padding-bottom: 0.1em; font: 11px Arial,Verdana,Helvetica,sans-serif; color: black; background: white; list-style-type: disc; } ol { padding-left: 2.5em; padding-bottom: 0.1em; font: 11px Arial,Verdana,Helvetica,sans-serif; color: black; background: white; list-style-type: decimal; } ol.lroman { padding-left: 4em; padding-bottom: 0.0em; font: 11px Arial,Verdana,Helvetica,sans-serif; color: black; background: white; list-style-type: lower-roman; } ol.lalpha { padding-left: 5em; padding-bottom: 0.1em;; font: 11px Arial,Verdana,Helvetica,sans-serif; color: black; background: white; list-style-type: lower-alpha; } li { margin: 0; padding-bottom: 0.8em;color: black; background: white; line-height: 120%; }/* black type in lists */ dl { margin: 0; padding-left: 5em;padding-right: 18em;padding-bottom: 0.8em; font-style: italic; color: black; background: white; line-height: 120%; }/* black type in lists */ img.acrobat {width: 88px; margin: 0; padding: 0; border: 0; color: #000000; background: transparent; } /* acrobat gif - acrobat reader button */ /* ______________________________________________ */ /*left and right boxes under heading in contentmain */ div.leftright { position: relative; top: 0;left: 0; width: 100%; padding: 0; border-width: 0; border-style: solid; background: transparent; margin-left: 0;border-color: blue; z-index:40; clear:right; } /* box for lefttext on LHS and rightpicture on RHS */ div.lefttext { position: relative; top: 0;left: 0; width: 57%; padding: 0; border-width: 0; border-style: solid; background: transparent; margin-left: 0;border-color: black; clear:right; z-index:50; } /* box for text on LHS of a picture in content area */ div.rightpicture { position: absolute; top: 0; right:3px; width:40%; padding: 0;border-width: 0; border-style: solid; border-color: #00CC00; background: transparent; z-index:100;} /* box for pictures on RHS of some text in content area */ img.cover { width:249px; height:345px; background: transparent; border-style:solid; border-color: black; border-width:1px; z-index:200; } /* image of report front cover width:249px; height:345px; */ div.righttextbox { width:250px; margin: 0px; padding: 1px; border-width: 5px; border-style: solid; border-color: #e0e9f6; background: transparent; z-index:120;float: right; } /* box for small text inserts on RHS of some text in content area - NOT USED because float not OK in IE*/ .fontbox {font: 12px Arial,Verdana,Helvetica,sans-serif; font-weight: normal; color: #006600;text-align: center; border-width: 5px; border-style: solid; border-color: #e0e9f6; padding: 0; margin: 0; width:90%; background: white; z-index:130; } /* for text in box floating right of main text, but float: right; not OK in IE */ /* ______________________________________________ */ /*boxes at the bottom of the page */ div.box { position: relative; left: 0; right: 0; top: 0;width: 100%; height:120px; background: #e0e9f6; border: 0; padding: 0; margin: 0; color:gray;} /* includes end boxes, at bottom of pages - removed border-spacing: 0; border-width: 0; border-color: white; border-style: solid;*/ div.boxesatend { position: absolute; top: 0; width: 32%; margin: 0; padding: 0; border-left: 0;border-right: 1px; border-top: 0;border-bottom: 0; border-style: solid; border-color: white; background: #e0e9f6; font: 9px Arial,Verdana,Helvetica,sans-serif; color: black; text-align: center; z-index:300;} /* general properties of end boxes */ #boxleft { position: absolute; left: 0; padding-right: 0; top: 75px;} /* left hand 1/3 box of text */ #boxmiddle { left: 33.5%; padding-right: 0;top: 75px; } /* middle 1/3 box of text */ #boxright { right: 0; margin: 0; padding: 0;border: 0;top: 75px; } /* RH 1/3 box of text */ p.c1 {position:relative; bottom: 0; font: 9px Verdana,Arial,Helvetica,sans-serif; text-align: center; border: 0; left:0; width:100%; color: black; background: #e0e9f6; z-index:350; } /* for fine print box, full width */ p.c3 {font: 9px Verdana,Arial,Helvetica,sans-serif;font-weight: normal; color: black;background: #e0e9f6; } .fontc1b {font: 14px Verdana,Arial,Helvetica,sans-serif; font-weight: bold;text-align: center; border-width: 0; left:0; width:100%; color: black; background: #e0e9f6; z-index:100;} /* for fine print box biggest text */ a.greyback:link {background: #e0e9f6; font: 11px Verdana,Arial,Helvetica,sans-serif; color: #0000FF; text-decoration: none; font-weight: normal; } /* blue unvisited links, light blue (was grey) background */ a.greyback:hover {text-decoration: underline; background: white; font: 11px Arial,Verdana,Helvetica,sans-serif; color: #0000FF; font-weight: normal; } /* hovering over links, underlined, changes to white background */ a.greyback:visited {background: #e0e9f6; font: 11px Arial,Verdana,Helvetica,sans-serif; color: #CC0000; text-decoration: none; font-weight: normal; } /* red visited links */ img.valider {width: 88px; height: 31px; margin: 0; padding: 0; border: 0; color:#e0e9f6; background: #e0e9f6; } /* W3C/CSS validation buttons */ a.plainlink {background: #e0e9f6; font: 10px Arial,Verdana,Helvetica,sans-serif; color: #000000; text-decoration: none; font-weight: normal; } /* plain link */ /* ______________________________________________ */ /* spp.css last modified 4-8-05 by Dutyhog. This site looks best with recent browsers. It is OK with Netscape 6 and 7, Explorer 5, Opera 8 (but not resizing), Safari 2.0 (Marquee not OK) and Firefox 1.0 for Mac OSX, and with Explorer 6.0 in Windows 98. IE 5.01 on Windows NT 5.06.0 had a problem. It may be poor with other browsers, especially earlier ones, including IE5 for Windows. Used with XHTML1.0 transitional. Last validated 8-1-05 */ /* link rel="stylesheet" href="clydebeltstyle.css" */ /* green for headings color:rgb(0,102,0) is #006600 */ /* light blue (was grey color:rgb(80,80,80 or CCCCCC)) is #e0e9f6 */ /* blue color:rgb(80,80,80) is #0000FF */ /* red color:rgb(80,80,80) is #CC0000 */ /* light green background-color:#CCFFCC */ /* yellow background-color:##FFFF00 */