/* This is mode for yoruk.uk 2013-06-01. This CSS used for all htm pps. 

(030 Sherwood green, 050 light Sherwood green, 055 Wedgewood blue), 508 (indigo), 306 (dark indigo). 007 (dark blue), #fff8dc; (light sand) 808fff (olive) 505fff (medium olive) f8d (pink); 2d212e (grey purple) */

body { 
	background: #030;
	font-family: sans serif;	/*(This needs testing on MSWindows)*/
	font-size: 1.3em;			/*(This is/was normally 1.2em)*/
	font-weight: 300;			/*(This is medium light)*/
	line-height: 1.7;
	color: #fff;
	text-align: justify;
	max-width: 45em; 
	margin: 1em auto;
	padding: 1em 1em;
	border: solid 0.1em gray;
}
a, a:link, a:visited { color:#fff; text-decoration:none; border-bottom:1px dotted gray; }
a:active, a:hover { color: orange; }

#head {
background: clear;
margin-top: 1em;
margin-right: 1%;
margin-bottom: -2.0em;
margin-left: 1%;
padding-top: 0em;
padding-right: 0em;
padding-bottom: 0em;
padding-left: 0em;
/*font-style: normal;
font-size: 1em;
font-weight: 400;
font-family: sans serif;
line-height: 1.9;
text-align: justify;
color: orange;*/
}

/*#center {
background: clear;
margin-top: 2.0em;
margin-right: 15%;
margin-bottom: 1em;
margin-left: 15%;
padding-top: 0em;
padding-right: 6em;
padding-bottom: 0em;
padding-left: 6em;
font-style: normal;
font-size: 1em;
font-weight: 400;
font-family: sans serif;
line-height: 1.9;
text-align: justify;
color: #fff;*/
}

#foot {
margin-top: -1.5em;
margin-right: 0%;
margin-bottom: 0em;
margin-left: 0%;
padding-top: 0em;
padding-right: 0em;
padding-bottom: 0em;
padding-left: 0em;
background: clear;
font-style: normal;
font-size: 0.8em;
font-weight: 300;
font-family: sans serif;
line-height: 1.9;
text-align: center;
color: #fff;
}

#center2 {	/*   low text area over background   */
background: clear;
margin-top: 1em;
margin-right: 15%;
margin-bottom: 1em;
margin-left: 15%;
padding-top: 0em;
padding-right: 4em;
padding-bottom: 0em;
padding-left: 4em;
font-style: normal;
font-size: 1em;
font-weight: 300;
font-family: sans serif;
line-height: 1.9;
text-align: justify;
color: #fff;
}

#left-top {  /* yoruk.co.uk */
margin: 0;
position: fixed;
top: 0.2em;
right: auto;
width: 11em;
left: 0.2em;
font-style: normal;
font-size: 1em;
font-weight: 300;
font-family: sans serif;
line-height: 1.0;
text-align: left;
}


#left { /* Menu */
margin: 0;
position: fixed;
top: 3em;
right: auto;
width: 11em;
left: 0.2em;
font-style: normal;
font-size: 1em;
font-weight: 300;
font-family: sans serif;
line-height: 1.3;
text-align: left;
}

#left p {
  margin: 0; 
  padding: 0.1em 0.1em;
  font-family: sans serif;
  background: clear;
}

#right {
	text-align: right;
}


#left a, div.menu em {display: block; margin: 0 0.5em}
#left a, div.menu em {border-top: 0.5px}
#left a:first-child {border-top: none}
#left em {color: #fff}
#left a:link {text-decoration: none; color: #fff}
#left a:visited {text-decoration: none; color: #fff}
#left a:hover {color: #f0a}


#indentmap
{
padding-left: 3em;
font-style: normal;
font-size: 1.0em;
font-weight: 300;
font-family: sans serif;
line-height: 1.3;
text-align: left;
}

#but {
position: fixed;
bottom: 5%;
left: 1%;
width: 123px;
height: 122px;
background: clear;
}

#byline {
font-style: normal;
font-weight: 400;
font-size: 0.8em;
font-family: sans serif;
color: orange;
text-align: right
}

NAME { font-style: italic; font-weight: 300; font-size: 2.6em; font-family: sans serif; color: orange; margin-top: 0.5em; margin-bottom: -0.5em; text-align: center; letter-spacing: 0.1em; background: clear; /*border-top: solid thin; border-width: 0.1%; color: #fff;) border-bottom: solid thin; border-width: 0.1%; color: #fff;*/}

h1 { font-style: normal; font-weight: 300; font-size: 1.9em; font-family: sans serif; color: orange; margin-top: 0.5em; margin-bottom: -0.5em; /*text-indent: 2.0em;*/ text-align: center; letter-spacing: 0.1em; background: clear; /*border-top: solid thin; border-width: 0.1%; color: #fff;) border-bottom: solid thin; border-width: 0.1%; color: #fff;*/}

h2 { font-style: normal; font-weight: 300; font-size: 1.6em; font-family: sans serif;  letter-spacing: 0.05em; color: #fff; margin-top: 1.0em; margin-bottom: 0em; text-indent: 0em; text-align: left }

h3 { font-style: normal; font-weight: 300; font-size: 1.4em; sans serif; color: #fff;  margin-top: 0.5em; margin-bottom: 0.4em; text-align: left }


/*a:link {font-family: sans serif; text-decoration: none; color: #333}
a:visited {font-family: sans serif; text-decoration: none; color: #333}
a:hover {font-family: sans serif; text-decoration: none; color: #f0a}*/

blockquote {
margin-right: 0.75em;
margin-left: 0.75em;
padding-top: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.5em;
padding-left: 0.5em
}

/* SPANS */

span.subheader { 

font-style: italic; 
font-weight: 400; 
font-size: 1.3em; 
font-family: sans serif;
color: orange; 
margin-top: -1.0em; 
margin-bottom: 0.5em; 
text-align: center; 
letter-spacing: 0.1em; 
background: clear;

}

span.textlogo {font-style: normal; font-weight: 400; font-size: 2.2em; font-family: sans serif; text-align: left; margin-top: 1.0em; color: orange;}

span.topline { font-weight: 400; font-size: 1.1em; font-family: sans serif; text-align: left; letter-spacing: 0.1em; color: #fff;}

span.h1 { font-style: italic; font-weight: 300; font-size: 1.6em; font-family: sans serif;; color: #888; margin-top: 2.0em; margin-bottom: 0.5em; /*text-indent: 3.0em;*/ text-align: left; letter-spacing: 0.0em; background: clear; /*border-top: solid thin; border-width: 0.1%; color: orange; border-bottom: solid thin; border-width: 0.1%; color: orange;*/}

span.h1w { font-style: italic; font-weight: 400; font-size: 2.0em; font-family: sans serif; #fff; margin-top: 1.0em; margin-bottom: 1.0em; text-indent: 4.8em; text-align: left; letter-spacing: 0.1em; background: clear; border-top: solid thin; border-width: 0.1%; color: #fff; border-bottom: solid thin; border-width: 0.1%; color: #fff;}

span.h1col { font-style: italic; font-weight: 400; font-size: 2.0em; font-family: sans serif; color: #050; margin-top: 1.0em; margin-bottom: 1.0em; text-indent: 4.8em; text-align: left; letter-spacing: 0.1em; background: clear; border-top: solid thin; border-width: 0.1%; color: #050; border-bottom: solid thin; border-width: 0.1%; color: #050;}

span.h2 { font-style: normal; font-weight: 400; font-size: 1.6em; font-family: sans serif; letter-spacing: 0.05em; color: orange; margin-top: 1.0em; margin-bottom: 0em; text-indent: 0em; text-align: right }

span.h3 { font-style: normal; font-weight: 300; font-size: 1.4em; font-family: sans serif; color: orange;  margin-top: 0.5em; margin-bottom: 0.4em; text-align: left }


span.text300 { font-style: normal; font-weight: 300; font-size: 300%; font-family: sans serif;
color: #131; margin-top: -1.0em; margin-bottom: -1.0em; }

span.text180 {
font-style: normal;
font-weight: 300;
font-size: 180%;
font-family: sans serif;
color: #fff;
}


span.text170 {
font-style: normal;
font-weight: 300;
font-size: 170%;
font-family: sans serif;
color: orange;
}

span.text160 {
font-style: normal;
font-weight: 300;
font-size: 160%;
font-family: sans serif;
color: orange;
}

span.text160k {
font-style: normal;
font-weight: 300;
font-size: 160%;
font-family: sans serif;
color: #fff;
}

span.text150 {
font-style: normal;
font-weight: 300;
font-size: 150%;
font-family: sans serif;
color: orange;
}

span.text150gi { /* yoruk.uk left-top fixed pos */
font-style: italic;
font-weight: 300;
font-size: 170%;
font-family: sans serif;
color: #fff;
}

span.text140 {
font-style: normal;
font-weight: 300;
font-size: 140%;
font-family: sans serif;
color: #fff;
}

span.text140O {
font-style: normal;
font-weight: 300;
font-size: 140%;
font-family: sans serif;
color: orange;
}


span.text140k {
font-style: normal;
font-weight: 300;
font-size: 140%;
font-family: sans serif;
color: #fff;
}

span.text130B {
font-style: normal;
font-weight: 400;
font-size: 130%;
font-family: sans serif;
color: #fff;
}

span.text130O {
font-style: normal;
font-weight: 300;
font-size: 130%;
font-family: sans serif;
color: orange;
}

span.text120 {
font-style: normal;
font-weight: 300;
font-size: 120%;
font-family: sans serif;
color: #fff;
}


span.text110 {
font-style: normal;
font-weight: 300;
font-size: 110%;
font-family: sans serif;
color: #fff;
}

span.text110R {
font-style: normal;
font-weight: 300;
font-size: 110%;
font-family: sans serif;
color: #fff;
}

span.text100 {
font-style: normal;
font-weight: 300;
font-size: 100%;
font-family: sans serif;
color: #aaa;
}

span.text100O {
font-style: normal;
font-weight: 300;
font-size: 100%;
font-family: sans serif;
color: orange;
}

span.textbold { /* use sparingly */
font-style: bold;
font-weight: 600;
font-size: 110%;
font-family: sans serif;
color: #fff;
}


span.text100R {
font-style: normal:
font-weight: 300;
font-size: 100%;
font-family: sans serif;
color: #fff;
}

span.text100i {
font-style: italic;
font-weight: 300;
font-size: 100%;
font-family: sans serif;
color: #fff;
}

span.text90 {
font-style: normal;
font-weight: 300;
font-size: 90%;
font-family: sans serif;
color: #fff;
}

span.text90ind {
font-style: normal;
font-weight: 300;
font-size: 90%;
font-family: sans serif;
color: #fff;
}

span.text90i {
font-style: italic;
font-weight: 300;
font-size: 90%;
font-family: sans serif;
color: #fff;
}

span.text80 {
font-style: normal;
font-weight: 300;
font-size: 80%;
font-family: sans serif;
color: #fff
}

span.text80i {
font-style: italic;
font-weight: 300;
font-size: 80%;
font-family: sans serif;
color: #fff
}

span.text80c {
font-style: normal;
font-weight: 300;
font-size: 80%;
font-family: sans serif;
color: #fff;
text-align: centre
}

span.superscript {
font-style: normal;
font-weight: 300;
vertical-align: top; 
margin-left: 0.1em;
/*margin-top: -2em;
margin-bottom: 4em;*/
font-size: 0.6em;
font-family: sans serif;
color: #fff
}


span.by-line {
font-style: normal;
font-weight: 300;
font-size: 90%;
font-family: sans serif;
color: orange
}

ul {list-style: circle }


/* C'est tout */

















