html, body              { margin: 0; padding: 0; background-color: white;  }
body, th, td	        { font-size: 100%; font-family: Arial, Helvetica, sans-serif; text-align: left }
/* It seems that IE7 still has peek-a-boo bugs */
div.iebehave { margin: 0; padding: 0; width: 100% }
img   { border: none }
a { color: blue; text-decoration: none }
a:hover { color: red; text-decoration: none }
.clear { clear: both }
h1 { font-family: "Lucida Calligraphy", Arial, Helvetica, sans-serif; color: white; font-size: 2em; margin: 0px; padding: 0px }
h3 { color: teal; font-size: 1.2em }
.centred { text-align: center }
/* */
.aside  { font-style: italic; font-family: "Times New Roman", Times, serif }
/* */
img.tn-left    { float: left; margin-right: 1em; margin-bottom: 1em; border: solid 2px teal }
img.tn-right    { float: right; margin-bottom: 1em; margin-left: 1em; border: solid 2px teal }
img.right { float: right; margin-bottom: 1em; margin-left: 1em}
/* line-height: 0 removes stray margin under images caused by blank space */
div#topbanner     { line-height: 0; margin: 0 0 0 1em; padding: 0; overflow: hidden; white-space: nowrap }
/* IE needs font-size: 0 to do the same job so use an extra span so can change font size without affecting margins */
div#topbanner span { font-size: 0 }
div#header { color: white; background-color: teal; padding: 1em; overflow: hidden; white-space: nowrap }
div#naviheader   { color: teal; background-color: white; text-align: right; padding: 0.25em 1em; border-bottom: 1px solid teal }
div#googleheader   { background-color: white; padding-left: 1em; width: 100%; border-bottom: 1px solid teal }
div#body   { color: black; background-color: white; padding: 1em }
div#footer   { color: teal; font-weight: bold; font-size: 1em; background-color: white; clear: both; margin-top: 1em; padding: 1em; border-top: 0.2em double; border-bottom: 0.2em double }
div#amazonfooter  { margin-top: 1em; margin-bottom: 1em; margin-left: 1em }
div#googlefooter { margin-top: 1em; margin-bottom: 1em; margin-left: 1em }
div#sitestuff  { margin-top: 1em; padding: 0.5em 1em; border-top: 0.2em double teal }
span#supporting { float: right }
/* */
div.wall       { margin-bottom: 1em; overflow: hidden; white-space: nowrap }
div#siteindex   { margin: 1em 0em; padding: 1em; border: dashed 1px teal }
div#siteindex ul { margin-top: 0px; margin-bottom: 0px }
/* */
div#map     { margin: 0px; padding: 0px; border: solid 3px teal; width: 800px; height: 600px; background-color: #ddffff; }
span.mapspan   { color: red; font-size: 1.5em }
div#mapnav  { color: teal; font-size: 16px; background-color: white; text-align: center; margin: 0; padding: 10px 0; border-right: 3px solid teal; border-bottom: 3px solid teal; border-left: 3px solid teal; width: 800px }
span#zoomtoggle  { padding-right: 3em }
div#mapnav input { width: 180px }
div#mapnav input#postcode { width: 10em }
/* */
ul#routelist  { margin: 0em; padding: 0px }
ul#routelist li      { font-size: 2em; text-align: center; list-style-type: none; float: left; width: 3em; display: block }
ul#routelist a    { color: yellow; font-weight: bold; background-color: black; text-align: center; padding: 0.2em; border: outset 0.1em yellow; display: block }
ul#routelist a:hover   { color: red }
ul#routelist a:active  { border: inset }
.route  { clear: both; padding-top: 1em; border-top: 0.1em solid red }
.routeno     { color: red; font-weight: bold; font-size: 60px; background-color: white; text-align: center; float: left; clear: none; margin: 0px; padding: 0em; width: 140px }
.routeroads   { color: yellow; background-color: black; margin-left: 150px; padding: 1em }
.routephotos   { text-align: center; float: left; clear: both; margin-top: 1em; width: 140px }
.routedesc   { margin-top: 1em; margin-bottom: 1em; margin-left: 150px }/* */
.pub { margin-left: 124px; padding-left: 1em }
/* */
.church { margin-left: 124px; padding-left: 1em }
/* */
#gazetteer  { background-color: teal; margin: 1em 0em; padding: 1em }
#gazetteer-left   { float: left; width: 50%;}
#gazetteer-right  { width: 50%; }
td.gazetteer-st  { color: teal; padding-left: 1em }
td.gazetteer-pc  { color: teal; padding-left: 1em; width: 6.5em }
.gA, .gC, .gE, .gG, .gI, .gK, .gM, .gO, .gR, .gT, .gV { background-color: white }
.gB, .gD, .gF, .gH, .gJ, .gL, .gN, .gP, .gS, .gU, .gW { background-color: #ddffff }
.blogentry  { margin-top: 1em; margin-bottom: 1em }
.blogheader  { font-weight: bold; background-color: #d0d0d0; padding: 0.5em; border: solid 1px black }
.blogbody  { padding: 0.5em; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black }
.blogfooter  { padding: 0.5em; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black }