#version {background:#f0f;padding-left:2px;padding-right:2px} /* version 2007-12-12 01:15 */

body {background:#eceae4; /* <-pale beige colour / slightly darker border color-> #dcdada */}
body, p {font-family:skia,arial,sans-serif;font-size:0.94em;color:#333}
body#index {background:#004842  /*;background-image:URL(img/F/dk_green_sashiko_star.jpg)*/}

body.centre-float {background:#007;text-align:center;padding:0;margin:0}
div.centred-page-aligned-left {background-color:#eceae4;width:64em;height:60em;position:relative;text-align:left;margin-left:auto;margin-right:auto;padding:0;padding-top:1em}
div.nav_container {left:0;top:0;padding:0;margin:0;width:11.4em;height:60em;float:left}
div.ob_replacer {border:solid 1px #dcdada;border-top:none; position:relative;top:0;left:0;margin-left:11.4em;width:50.5em;height:40em;padding:4px;padding-top:0}


#top_id {position:absolute;top:0;margin-top:0;left:0;height:1px}
h1 {font-family:skia,arial,sans-serif;font-size:1.8em;display:inline;color:#bcd;line-height:1.1em}
/*#index h1 {color:#b0e0cc;}*/
h1.adrian {color:#368;font-size:1.3em} /*other than index page*/
/*#index h1.adrian {color:#009070;font-size:1.3em} index page*/
h2 {font-family:skia,arial,sans-serif;font-size:1.3em;display:inline;color:#888}
h3 {font-family:skia,arial,sans-serif;font-size:1.12em;display:inline}
h3 a:link, h3 a:visited {text-decoration:none;color:#888}
a:link#h0, a:visited#h0 {color:#cccac4}
h3.wv a:link, h3.wv a:visited {text-decoration:none;color:#cccac4}
h3 a:active, h3 a:hover, h3 a:active#h0, h3 a:hover#h0, h3.wv a:active, h3.wv a:hover {text-decoration:none;color:#000}


/*paddings are a compromise for different text zooms/platforms/browsers - dont tweek for just the one you're looking in!*/
div.top_nav {position:relative;left:-5px;padding:0.08em;padding-left:10px;z-index:7;margin-top:0;border:none;border-bottom:solid 1px #dcdada;border-left:solid 1px #eceae4}
.nav_bg {text-decoration:none;padding:0.12em;padding-left:1em;padding-right:1em;background:white;border:none}
.nav_bg_selected, .nav_bg_no {text-decoration:none;padding:0.12em;padding-bottom:0.2em/*if less IE misses*/; padding-left:1em;padding-right:1em;background:#eceae4;border:solid 1px #dcdada;border-bottom:solid 1px #eceae4;margin:0}
.nav_bg_no {display:none}
.nav_bg_inText {text-decoration:none;padding:0.12em;background:none;border:none}

div.titl {position:relative;z-index:5;left:0;top:1.6em;height:8em;width:10.6em;text-align:right;background:none}
div.links {position:relative;z-index:4;left:0;margin-top:2em;height:24em;width:11.5em;margin-right:0;padding:0;text-align:right}
.links h3 {color:#888;line-height:2em}
.tab_loaded {position:relative;padding:0.8em;padding-right:5px;margin:0;border:solid 1px #dcdada;width:60mm;border-right:solid 1px #eceae4;background:#eceae4}
.tab_moused {position:relative;padding:0.5em;padding-right:0;margin-right:5px;border:solid 1px #dcdada;width:50mm;border-right:solid 1px #dcdada;background:#eceae4}
.tab_asleep {background:none;padding-right:6px;border:solid 1px #eceae4;width:60mm;border-right:none}
#h0.tab_loaded {border-right:solid 1px #dcdada;background:#eceae4}

img {font-family:arial,sans-serif;font-size:1em;color:#888;border-style:none}
img#green_brushstroke {position:absolute;top:16em;left:16em;width:18.2em;height:5.5em;z-index:5}/*width:636px;height:194px*/
img#fuji			 {position:absolute;top:6em;left:36em;width:20em;height:11.3em;border:none;z-index:4} /*700x400*/

a:link {color:#368}
a:visited {color:#aaa}
a:hover,a:active {color:#6bd}
pre, address {margin:0.8em;padding:0;font-family:skia,arial,sans-serif;font-size:0.9em;font-style:normal}
address {padding:0;margin:0}
strong {color:black}
i.j {font-weight:bold;color:#368}
title {background:#eceae4;color:#333}

/*credits (see bottom of page for internal styles) footer container:*/
div#d5 {background:none}
div#credsColour {margin-top:11em;height:3em;background:#eceae4;border:solid 1px #dcdada;z-index:1}
/*noScript back links + footer:*/
div.noScript {position:relative;margin:0px;margin-top:20mm;margin-bottom:1mm;padding:1mm;width:205mm;background:#666;text-align:left}
div.noScript a:link, div.noScript a:visited, p.NSspacer a:link, p.NSspacer a:visited {text-decoration:none;color:#999}
div.noScript a:active, div.noScript a:hover, p.NSspacer a:active, p.NSspacer a:hover {text-decoration:none;color:#fff}

.nav {text-decoration:none;font-size:10pt}
.ww {font-size:0.75em;line-height:0.75em;font-weight:normal;position:relative;top:-2px}
.wv {display:block;font-size:0.75em;position:relative;margin-top:20em}
.tran {font-size:10pt;font-style:italic}

/* buttons */
.bB a:link, a.bB:link {color:#666;text-decoration:none;font-weight:normal;background:#eceae4;
	border:solid 1px #87a;border-top-color:#edf;border-left-color:#edf;padding:1px;padding-left:3px;padding-right:3px}
.bB a:visited, a.bB:visited {color:#999;text-decoration:none;font-weight:normal;background:#eceae4;
	border:solid 1px #87a;border-top-color:#edf;border-left-color:#edf;padding:1px;padding-left:3px;padding-right:3px}
.bB a:hover, a.bB:hover {color:#222;text-decoration:none;background:#dcdad0;border:solid 1px #87b;border-top-color:white;border-left-color:white}
.bB a:active, a.bB:active {color:#000;text-decoration:none;background:#dcdad0;border:solid 1px #87b;border-bottom-color:white;border-right-color:white}

a:link img, a:visited img {border:solid 1px transparent}
a:link.border img {border:solid 1px #368}
a:visited.border img {border:solid 1px #999}
a:hover img, a:active img, a:hover.border img, a:active.border img {border:solid 1px #6bd}
#uTube {text-align:center}