body {color:black; background:#FFFFFF;font-family: Arial,Verdana,Helvetica,sans-serif;margin-top: 0;margin-left:0; margin-right:0;}


/* main content ______________________________ */

div.toptitle {position:absolute; top:0;left:137px; width:600px; height:31px;color:black; background:transparent;border-width:0; padding:0; border-spacing:0; } /* main title of page along the top */ 

div.contentmain {position:absolute; top:65px;left:137px; width:600px; color:black; background:#FFFFFF;border-width:0; padding:0; border-spacing:0;  } /* the main div for content, below the title */ 

div.contentleft {position:absolute; top:0;left:0; width:300px;color:black; background:transparent;font-family:Verdana,Arial,Helvetica,sans-serif; padding:0; border-spacing:0;} /* content left hand column, in links.html and what.html */ 

div.contentright {position:absolute; top:0;left:300px; width:300px;color:black; background:transparent;font-family:Verdana,Arial,Helvetica,sans-serif; padding:0; border-spacing:0;} /* content righthand column, in links.html and what.html */ 

div.textleft {position:absolute; top:0;left:0; width:478px;color:black; background:transparent;font-family:Verdana,Arial,Helvetica,sans-serif; z-index:1; } /* content when in divs etc, in index.html */ 

div.objectsright {position:absolute; top:0;left:480px; width:210px;color:black; background:transparent;font-family:Verdana,Arial,Helvetica,sans-serif; padding:0; border-spacing:0;text-align:left; z-index:3;} /* pictures & boxes righthand column, in index.html */ 

div.rcaption {border-style:solid; border-color:#FFFFFE; border-width:0; width:171px; background:transparent; padding:0; font:11px Verdana,Arial,Helvetica,sans-serif; color:#000000;text-align: right; float: right; clear: both;}  /* caption below picture(s) on right, in campaigns.html */ 

div.box2 {position:relative; width:98%; background:#CCFFCC; padding:4px; font: 9px "Helvetica Neue", Verdana,Arial,Helvetica,sans-serif; color:#000000; text-align:left; clear:both;z-index:4;
	border: 1px solid gray;} /* green (was CCFFCC yellow) box of text, on index page and others */ 

.font3 {font:11px Verdana,Arial,Helvetica,sans-serif;color:#000000; background:transparent;}

.font3a {font: 12px "Times New Roman", Times, serif, Georgia;color: #660033; background:transparent;} /* black text for light green box */

.font4 {font-family:Garamond,Times,"Times New Roman",serif;font-size:16px;margin-left:0;font-weight:bold;color:#006600; background:#CCFFCC;} /* green title/text in light green box */ 

div.box4 {position:relative; border: 1px solid gray; width:98%; background:#CCCCCC; padding:4px; font:9px Verdana,Arial,Helvetica,sans-serif; color:#000000; text-align:left; clear:both;z-index:4;} /* grey box of text, with left aligned text */ 

div.hidden { display: none; } /* for message that javascript not on */ 

p {font:11px Verdana,Arial,Helvetica,sans-serif;color:black;margin-left:2px; background:transparent;} /* main text */ 

span.c3 {color:#006600;font-weight:bold;background:transparent; border-width:0;line-height:10%;} /* green & bold for "Clydebelt" in main text */ 

h2 {font-family:Garamond,Times,"Times New Roman",serif;font-weight:bold;font-size:140%;text-align:center;margin-left:-1px;color:#006600; background:transparent;line-height:90%;} /* heading in content   */ 

h3 {font-family:Garamond,Times,"Times New Roman",serif;font-size:120%;margin-left:-1px;font-weight:bold;color:#006600; background:transparent;}  /* heading in pop-ups   */ 

h4 {font-family:Garamond,Times,"Times New Roman",serif;font-size:100%;margin-left:0;font-weight:bold;color:#006600; background:transparent;padding-top: 5px; border-top:5px; border-bottom:0;border-left:0;border-right:0;border-color:#cccccc;border-style:solid;}  /* heading for use on main content, grey dividing line above it   */ 

OL,UL {font:10px Verdana,Arial,Helvetica,sans-serif; color:black;background:transparent;} 

LI {color:#006600; background:transparent;line-height:120%;}  /* green type in lists   */ 

LI.black {color:#000000; background:transparent;line-height:130%;} /* black type in lists   */ 

td {font:11px Verdana,Arial,Helvetica,sans-serif;color:black;margin-left:2px; background:transparent;vertical-align:top;} /* table text */ 

th {font:11px Verdana,Arial,Helvetica,sans-serif;color:black;font-weight:bold;margin-left:2px; background:transparent;vertical-align:top;} /* table headings and bold cells */ 

.blockquote {font:11px Garamond,Times,"Times New Roman",serif; color:black; background:transparent;margin-left:40px;margin-right:30px;}  /* in local.html */ 

a:link {background:#FFFFFF; font:11px Verdana,Arial,Helvetica,sans-serif; color:#0000FF; text-decoration:none; font-weight:normal;} /* blue unvisited links */ 

a:visited {background:#FFFFFF; font:11px Verdana,Arial,Helvetica,sans-serif;color:#CC0000;text-decoration:none; font-weight:normal;} /* red visited links */ 

a:hover {text-decoration:underline; background:#CCFFCC; font:11px Verdana,Arial,Helvetica,sans-serif;color:#0000FF; font-weight:normal;} /* hovering over links, underlined, green background */ 

a:active {text-decoration:underline; background:transparent; font:11px Verdana,Arial,Helvetica,sans-serif;color:#CC0000; font-weight:normal;} /* active links */ 

img.map {width:210px; height:168px; border-style:solid; border-color:#FFFFFF; border-width:0; border-bottom-width:2px;float:right;clear:both;} /* location maps */ 

img.getamap {width:320px; height:320px; border-style:solid; border-color:#FFFFFF; border-width:2px; border-bottom-width:2px;float:right;} /* location maps */ 

img.hillsphotos {width:210px; height:131px; border-style:solid; border-color:#FFFFFF; border-width:0; border-bottom-width:2px;float:right;clear:right; } /* photos of hills */ 

img.kids {width:240px; height:320px; border-style:solid; border-color:#FFFFFF; border-width:2px; border-bottom-width:0;float:right;} /* photos of hills */ 

img.worthington {width:171px; height:250px; border-style:solid; border-color:#FFFFFF; border-width:2px; border-bottom-width:0;float:right;} /* photos of hills */ 

img.university {width:234px; height:200px; border-style:solid; border-color:#FFFFFF; border-width:2px; border-bottom-width:0;float:right;} /* photos of hills */


/* LHS #CCCCCC grey column ______________________________ */ 

div.toc {width:132px; height:1700px; color:black; background:#CCCCCC;border-width:0; text-align:center; } /* grey left hand cell for logo and main navigation */ 

img.logo {width:120px; height:160px; border-width:0;color:black; background:transparent;} /* Clydebelt logo */ 

h1.c1 {font-family:Garamond,Times,"Times New Roman",serif; font-weight:bold;font-size:140%;text-align:center; color:#006600;background:#CCCCCC; line-height:50%;} /* "Clydebelt" under logo. 20% OK on Macs, but bigger for Windows*/ 

div.line {border-width:0; width:100%;border-style:solid; border-color:white;  height:3px; background: white; color: white; padding:0; font:2px Verdana,Arial,Helvetica,sans-serif;text-align:center;} /* a white line to separate items when on a coloured background */ 

p.c0 {text-align:left; color:black; background:transparent;border-width:0;} /* for subheaading on gray background, for "main topics index" */ 

p.c1 {text-align:center; color:black; background:transparent;border-width:0;} /* for validator image */ 

p.c2 {text-align:center; border-width:1px; color:black; background:transparent;} /* main navigation links, inherits 11px */

p.c3 {font:9px Verdana,Arial,Helvetica,sans-serif; text-align:center; border-width:2px; color:black; background:transparent;} /* main navigation links, 9px */

span.c4 {color:#006600;background:transparent; border-width:0;line-height:100%;} /* green & bold text on grey background - for "this page" */ 

select, input, textarea, submit {margin: 0; width:70% ; font: 10px Verdana,Arial,Helvetica,sans-serif; color: black; background: #FFFFFF; } /* for the Google search */

input.searchbutton {margin: 0; width:20%;font: 11px Verdana,Arial,Helvetica,sans-serif; color: black; font-weight: bold; background: #CCFFCC; padding: 0; } /* for the Google search */

img.yahoo {width:60px; height:34px; border-width:0;color:black; background:#CCCCCC;} /* join.gif - Yahoo button */ 

img.acrobat {width:88px; height:31px; border-width:0;color:black; background:transparent;} /* join.gif - acrobat reader button */ 

img.valider {width:88px; height:31px; border-style:solid; border-color:#FFFFFF; background:#CCCCCC; border-width:0; } /* W3C/CSS validation buttons */

a.plainlink {background: #CCCCCC; font: 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-decoration: none; font-weight: normal; } /* plain link */


/* bottom of pages ______________________________ */

div.box {border-style:solid; border-color:#FFFFFF; border-width:2px; width:98%; background:#CCCCCC; margin-right:0%; border-spacing:0;padding:5px; font:11px Verdana,Arial,Helvetica,sans-serif; color:#000000;text-align:center;clear:both;} /* sub topics, at bottom of pages, and in pop-up pages */ 

div.boxhalf {border-style:solid; border-color:#FFFFFF; border-width:2px; width:98%; background:#CCCCCC; margin-right:0%; border-spacing:0;padding:5px; font:11px Verdana,Arial,Helvetica,sans-serif; color:#000000;text-align:center;clear:both;} /* part width sub menu, in communities.html */ 

div.content {color:black; background:transparent;font-family:Verdana,Arial,Helvetica,sans-serif;margin-top:0%;margin-left:0%; margin-right:0%;} /* content for "created", "modified" text */ 

.font1 {font:10px Garamond,Times,"Times New Roman",serif; color:black;background:#CCCCCC;text-align:center; clear:both;} /* used for date and name etc at the end, gray background*/ 


/* clydebeltstyle.css last modified 28-8-05 by Dutyhog. This site looks best with recent browsers. It has been tested with Netscape 6 and 7, Explorer 5, Opera 5, Safari 1.0 and , and with Explorer 6.0 for Windows. It may be poor with other browsers, especially earlier ones, including IE5 for Windows. Used with XHTML1.0 transitional. Last validated 8-12-04 */ 
/* link rel="stylesheet" href="clydebeltstyle.css" */ 
/* green for Clydebelt & headings color:rgb(0,102,0) is #006600 */ 
/* grey color:rgb(80,80,80) is #CCCCCC */ 
/* blue color:rgb(80,80,80) is #0000FF */
/* red color:rgb(80,80,80) is #CC0000 */ 
/* light green background:#CCFFCC */