/*

*/



body {

    background-color: #eeeeaa;
    background-color: #eeeeee;
    color: #000000;
    background-image: url(/styles/subtxtr.gif); 
    background-color: #eeeeee;

	font-family: sans-serif;
	font-size: 1em;
	font-size: 100%;
	
	margin: 1em;
	padding: 1em;

	margin-left: 8px;
	margin-right: 8px;
}




/* Fonts */

p, dd {
	font-family: sans-serif;

	font-size: 1em;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: sans-serif;
}

	
	

h2, h3, h4, h5, h6 {
	margin-bottom: 0;
}


h1, h2, h3 {
	page-break-after: avoid;
}


h2 { 
	margin-top: 2em;
}


img.central-banner {
	clear: both;
	
	padding-left: 5%;	
	padding-right: 5%;	
	margin-left: auto;
	margin-right: auto;
}	


img.left-banner, img.page-banner {
	clear: both;
	
	padding-left: 0;	
	padding-right: 5%;	
	margin-left: 0%;
	margin-right: 15%;
	
	text-align: left;
}

img.right-banner {
	clear: both;

	padding-left: 5%;	
	padding-right: 0;	
	margin-left: 15%;
	margin-right: 0;
	
	text-align: right;
}


img.page-logo {
	margin-top: 0em;
	margin-bottom: 1em;
	margin-left : -4%;
	margin-right: 2em;
	
}





/* Links */

a:hover {
	color: #ff0000;
	filter: glow(color=FFFF00, strength=3); /* doesn't actually work unless we set the width too */
} 

a.quiet-link { 
	color: black;
	text-decoration: none; 
}

h3 a img	{ 
	text-decoration: none; 
	color: green;
}


a.quiet-link:hover { 
	color: red;
	text-decoration: underline; 
}


/* Place this first, as it's over-ridden by jarkman/word/pdf classes */
a.external-link:after {
	content : " \21D2" url(/images/inline-icon-external-link.gif);
	text-decoration: none;
}

a.jarkman:after {
	content : " \21D2" url(/images/inline-icon-jarkman.gif);
	text-decoration: none;
}


a.pdf:after {
	content : " \21D2" url(/images/inline-icon-pdf.gif);
	text-decoration: none;
}
a.word:after {
	content : " \21D2" url(/images/inline-icon-word.gif);
	text-decoration: none;
}


/* Tables of links as <dl class="links" ><dt> */
dl.big-links dt {
	font-size: 1.6em;
	margin-top: 0.8em;
}


.links dt a:link,
.links dt a:visited {
	text-decoration: none;
}

.links dt a:hover, 
.links dt a:active {
	text-decoration: underline;
}


h1 a,
h2 a,
h3 a { 
	text-decoration: none; 
}





/* Lists */


dl dt { 
    font-family: sans-serif;
    font-weight: bolder;
}
dl dd  { 
    margin-bottom: 1em;
}

dl dd p { 
    margin-top: 0;
}








img.img-caption {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
p.img-caption {
	margin-top: 0;
	padding-top: 0;
	padding-left: 3em;
	font-size: 0.9em;
	
}


p.date { 
	margin-top: 0;
	padding-top: 0;
	font-style: oblique;
	font-size: 0.8em;
}



.space-before { 
	margin-top: 2em;
}


.spacer-ruling {
	clear: both;
	text-align: center;
}




body .page-title, body #page-title  { 
	float:left;
	width: 35em; /* This will get over-written regularly */ 
}



/* div for "home" icons in the top right */
body .nav-tr-corner {
	margin-top:0;  
	padding-top:0.5em;  

	margin-right: 0;
	padding-right: 0.5em;

	margin-left: 0em;  
	padding-left: 0px;  
  
        
	margin-bottom: 1em;
	padding-bottom: 20px;  
	
	text-align: center;
	float: right;
	clear: none;	
	
	position: absolute;
}

/* With multiple "home"s, we stack them against the RHS */

body .nav-tr-corner p {
	float: right;
/*	border: thin solid blue; */
	margin: 0;
	font-family: 'comic sans MS', arial, helvetica, sans-serif;
}



.nav-tr-corner a:link,
.nav-tr-corner a:visited {
	text-decoration: none;
}

.nav-tr-corner a:hover, 
.nav-tr-corner a:active {
	text-decoration: underline;
}




/* div used for "return to top of page" nav items */
.nav-top {
	float: right;
	margin: 0;
	margin-top: -2em;
	margin-left: auto;
	text-align: right;
	font-size: 0.8em;
}  





/* Breadcrumbs (most text formatting is in general) */

#divBreadcrumbs, .breadcrumbs {


	margin: 1em;
	margin-left: 4em;
	margin-right: 0;
	padding-right: 0;
	
	min-width: 24em;
	max-width: 50em;
	width: auto;
	margin-right: auto;

	
	clear: both;

	background-image: none;
  background-color: #eeeeee;
}




/* Plain backgrounds, with drop shadows */

.plain-background {
	background-color: #cccccc;
	background-image : none;
	color: #000000;
}
div.plain-background {
	margin-bottom: 1em;

	padding: 1em; 
	padding: 1em 10px 3em;  

	padding-left: 10px;
	padding-right: 28px;
}

div.plain-background h2 {
	margin-left: 20px;
	margin-top: 0.3em;
	padding-top: 1em;
}


div.plain-background p {
	text-align: left;
}

div.plain-background > p {
	text-align: justify;
}
.plain-background blockquote, 
.plain-background blockquote p { 
	text-align: left;
}


/* Nested plain boxes - slight colour change for highlight */
.plain-background div.plain-background {

	margin: 1em;
	padding: 3em; 
	padding: 0.5em 2em 2em ; 

	background-color: #dddddd;
}


.plain-background div.plain-background h4 {
	margin-left: 1em;
	margin-bottom: -1em;
	padding: 0;
}


p.plain-background {
	padding: 0.67em; 
	padding: 1em 1em 2em ; 
}








/* Alternating block styling */


div.block-alternate {
	margin-left: 1em;
	margin-right: 1em;

	margin-left: 0.67em;
	margin-right: 0.67em;

}

div.block-alternate h2 {
	clear: both;
	float:none;
}


div.block-alternate-row {
	margin-bottom:5%;
	width:100%;
}


/*
div.block-alternate-row {
	border: thin solid blue;
}
div.block-alternate div.block-alternate-row div.block-alternate-left, 
div.block-alternate div.block-alternate-row div.block-alternate-right {
	border: thin solid red;
}
*/


 
div.block-alternate div.block-alternate-left, 
div.block-alternate div.block-alternate-right {
	width: 380px; /* Too small for many images - this is deliberate, we just let it overflow */ 
	margin-bottom: 2em;
}


div.block-alternate img {
}

/* bare blocks */
div.block-alternate img.block-alternate-left {
	float: left;
	clear: left;
}

div.block-alternate img.block-alternate-right {
	float: right;
	clear: right;
}

.block-alternate > p { 
	text-align: left;
}
.block-alternate .block-alternate-right > p { 
	text-align: right;
}


div.block-alternate div.block-alternate-left img, 
div.block-alternate div.block-alternate-right img {
	text-align : center;
}

div.block-alternate div.block-alternate-left p, div.block-alternate div.block-alternate-right p {
	margin-left: 0;
	margin-right: 0;  
	padding: 0.5em;
}

div.block-alternate div.block-alternate-left {
	float: left;
	clear: left;
	margin-left: 0;
	margin-right: 5%;
	text-align: left;
}

div.block-alternate div.block-alternate-right {
	float: right;
	clear: right;
	margin-right: 0;
	text-align: right;
}
div.block-alternate div.block-alternate-right p {
	/* NB - This won't align fully if the block has been over-stretched by a wide image */ 
	margin-right: 0;
	margin-left: auto;
}

div.block-alternate div.block-alternate-left img {
}

div.block-alternate .caption-top {
	margin-bottom:0;
	page-break-after: avoid; 
}
div.block-alternate .caption-bottom {
	margin-top:0;
	page-break-before: avoid; 
}

div.block-alternate div.block-alternate-left img, 
div.block-alternate div.block-alternate-right img {
/*  text-align : center; */
}






.plain-background h2, .plain-background h3, .plain-background h4 { 
	clear: all;
}

img.floater { 
	float:left;
}




/* CC licences */
.licence {

	margin: 2em 3em;
	text-align: center;
	font-size: 0.75em;
}

.dropshadow .plain-background .licence {
	border: 3px inset;
	padding: 1.25em 1em;
	width: auto;
	max-width: 18em;
	margin: 4em 3em 0;
	margin-left: auto;
	margin-right: auto;
}






/* Safety warnings in the shed */
.safety { 
	font-size: 1.2em; font-weight: 
	bolder; 
	color: #990000;
}



ol.instruction-steps {
	list-style-type: circle;	
}

.instruction-steps li { 
	margin-bottom: 0.25em;
}
.instruction-steps li.space-before { 
	margin-top: 1em;
}


.instruction-subsidiary {
  display: block; margin: 0; padding: 0;
	font-size: 0.9em;
}




div.plain-background {
	
	
	border : thick ridge #ccc;
	
}




/* Figure with text block alongside */

div.alongside-figure-l, 
div.alongside-figure-r {
	clear: all;
	margin: 0 2em 1em;	
}

div.alongside-figure-l div.figure { 
	float: right;
}

div.alongside-figure-r div.figure { 
	float: left;
}


div.alongside-figure { 
	padding-top: 3em;
	padding-right: 7em;
}

div.alongside-figure, 
div.alongside-figure-r, 
div.alongside-figure {
	float: right;
}

div.alongside-figure-r, div.alongside-figure {
	float: left;
}




/*
.review { 
	padding: 0;
	padding-bottom: 2em;
	margin-top: 0;
	margin-bottom: 2em;
	border-bottom-style: groove;
}
*/


div.licence {
	clear: both;
}





/*
Print control
*/


@media print {

  .nav-tr-corner { 
	display: none;
	visibility: hidden;
  }

  div.block-alternate div.block-alternate-left, 
  div.block-alternate div.block-alternate-right {
	border: none;
	float: none; 
	text-align: left;
  }

  div.block-alternate p {
	border: none;
  }

  div.block-alternate img {
	border: none;
  }  
	
}


