@charset "UTF-8";
/**	Cascading style-sheet for the Analytical Science web pages 	**/
/**	Last updated 
		July 14th 2020 - added definition for video object right and left
		May 7th 2012 by David C. Stone 				**/
/** Note: newer declarations at top; deprecated at bottom		**/

html, body {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	width: 100%;
}

/**	Set the general font families and characteristics for the body **/
body {
	color: #000000;
	background-color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3;
}

/**	Set the default font characteristics for headings - sans-serif fonts **/
h1, h2, h3, h4, h5, h6 {
	color: #000066;
	background-color: white;
  	font-family: Calibri, Helvetica, Arial, sans-serif;
  	font-weight: bold;
  	margin: 0;
	border: 0;
	padding: 0;
}

/** Specific rules for most-used heading elements **/
h1 { 
	color: #000066;
	background-color: #DDDDFF;
  	text-align: center;
  	font-size: 125%;
	margin-top: 0.5em;
	padding: 0.5em;
}	
h2 { font-size: 110% }  	
h3 { 
	font-size: 100%;
	font-style: italic; }
	
/** Define rules for a div#header for all pages, to contain h1, p, img **/
#header { /* container for heading, logo, etc. */
	border: 1px solid #999999;
	margin: 0;
	padding: 0.7em;
	color: #000066;
	background: #fafaff;
}
#header * { 
	border: 0;
	margin: 0;
	padding: 0;			
	background: transparent; }
#header p {
	font-style: italic;
	padding: 0.5em;
	text-align: center;
}
#header img {
	float: left;
	border: 0;
	margin: 0;
	margin-right: 0.5em;
	padding: 0;
}

/** Define a bread-crumb trail class **/
.breadcrumbs {
	color: #000000;
	background-color: #ffffff;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-style: italic;
	border: 0;
	border-bottom: 1px solid #cccccc;
	margin: 0;
	padding: 3px 5px;
	text-decoration: none;
}
@media screen, projection {
	.breadcrumbs {
		border-left: 1px solid #999999;
		margin-left: 10em;
	}
}
.breadcrumbs p { 
	border: 0;
	margin: 0;
	padding: 2px 0;
	font-size: 80%;
}
.technique { background-color: #ffffee }
.instrument { background-color: #eefaff }

/** Define container, and left and right columns for two-column layout **/
.maincontent {
	color: #000000;
	background: #F9F9FF;		/* This will show through the rightmargin of rightcolumn (below) */
	border: 1px solid #999999;
	margin: 0;
	padding: 0;
}

.leftcolumn {
	background: #fcfcfc;		/* Gives the appearance that leftcolumn is same height as rightcolumn */
	float: left;
	width: 8em;
	border: 0;
	margin: 0;
	padding: 0.9em;				/* IE6 calculates width and height differently, so allow a little
									extra room for the borders around any nested content such as
									navigation ul defined below. Otherwise, the leftcolumn overlaps
									the border defined for the rightcolumn (below)	*/
	
}
.leftcolumn * { background: #EEEEFF; } /* make sure the background of all contained elements is same */
@media print {
	.leftcolumn { display: none }
}

.rightcolumn {
	color: #000000;
	background: #FFFFFF;
	border: 0;
	margin: 0;
	padding: 0.5em 1em;
}
@media screen, projection {
	.rightcolumn {
		border-left: 1px solid #999999;
		margin-left: 10em;
	}
}

/** Rules for navigation lists, usually placed within a div.leftcolumn */
.navigation {
  	font-family: Calibri, Arial, sans-serif;
	font-size: small;
	display: block;				/* make these objects blocks - easier to deal with */
	list-style: none;			/* fix for IE7 not applying display: block properly */		   
	border: solid 1px #ccccee;	/* border around the navigation block */
	margin: 0;					/* get rid of any default padding/margin values */
	padding: 0;
}
ul.navigation { width: 100%; }
ul.navigation li ul {			/* allow for effective sub-menus (not popups!)		*/
	border: 0;
	text-indent: 1em;			/* ... and slightly offset from the left side		*/
	font-style: italic;
}
ul.navigation li a
{
	background-color: #eeeeee;	/* default background color of menu items */
	border: solid 1px #ccccee;	/* border around all anchor tags */
	padding: 3px 5px;
	display: block;
	text-decoration: none;
}
ul.navigation li a.current {	/* Use this for the current menu item or sub-item */
	background-color: #fafaff;
	color: #000066;
}

ul.navigation li ul.navigation li a {
	background-color: #fafafa;
}
ul.navigation li a:hover,
ul.navigation li ul.navigation li a:hover
{
	background-color: #ffc;
}
ul.navigation li:hover a:active,
ul.navigation li ul.navigation li:hover a:active
{
	color: #fff;
	background-color: #c00;
}
.navigation * a:link { color: blue }				/* unvisited links */
.navigation * a:visited { color: blue }			/* visited links */
.navigation * a:active { color: red }				/* active links */


/** Define a div#footer for each page to contain copyright and date info **/
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: italic;
	border: 1px solid #999999;
	margin: 0;
	padding: 0.5em;
	color: #000066;
	background: #efefff;
}
#footer * {
	border: 0;
	margin: 0;
	padding: 0 0.5em 0 0;
}
#footer img { float: left; }

/** Utility declaration to reset flow after div containing floats **/
.clearfloats { 
	border: 0;
	margin: 0;
	padding: 0;
	clear: both;
}

/** Use this class for the div immediately beside the side navigation menu **/

.maindiv {
	margin-left: 10.5em;
	margin-right: 1em;
	margin-top: 0.5em;
}

/** Generic class for divs, etc. **/

.main {
	margin-left: 1em;
	margin-right: 1em;
	padding-left: 0.5em;
}

/** Side-bar navigation menu classes 					**/
/** Apply .sbmenu to the enclosing element (div, etc.) 	**/
.sbmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	float: left;
	background-color: silver;
	margin-right: 1em;
	width: 9.5em;
	height: 28em;
}

/** This applies to major menu items contained as li's in a ul **/
div.sbmenu ul {
	list-style-type: none;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}

/** Use this for major menu items with sub-items **/
.hassubs {
	color: #000000;
	background-color:#DDDDDD;
	border-top: thin solid grey;
	border-bottom: thin solid grey;
}

/** Use this for the sub-items ul etc **/
.minor {
	color: #000000;
	background-color: #DDDDDD;
	text-align: right;
	font-size: 80%;
	border-bottom: thin solid grey;
}


/** This affects any main item links within the sbmenu 
	Currently used in some old stats pages that need 
	converting to the new style							**/
div.sbmenu * a { 
	display: block;
	border: 0;
	margin: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-decoration: none
}
div.sbmenu * a:link { color: #0000CC }		/* unvisited links */
div.sbmenu * a:visited { color: #0000CC }	/* visited links */
div.sbmenu * a:hover { 						/* cursor-over behaviour */
	background-color: #666666;
	color: #FFFFFF;
}	
div.sbmenu div.minor {
	color: #000000;
	background-color: #DDDDDD;
	text-align: right;
	font-size: 80%;
	border-bottom: thin solid grey;
	border-top: thin solid grey;
}

.bcrumb {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 10pt;
	font-style: italic;
	border: 0;
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0.5em;
	color: #000000;
	background-color: #EEEEEE;
	text-decoration: none;
}

.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
	text-align: center;
	margin: 0;
	padding: 0.5em;
}

.centred { text-align: center; }

.equation {
	padding-left: 3em;
	vertical-align: middle;
}
.equation img {
	padding-left: 2em;
	vertical-align: middle;
}
    
.information {
	font-size: small;
	font-style: italic;
	font-weight: normal;
}

.bordered {
	border: solid black 2px;
	margin: 0;
	padding: 0;
	text-align: center;
}

dl { padding-left: 2em }
dt { font-weight: bold }
dd { padding-left: 0 }

img {
	border: 0;
	margin: 0;
	padding: 0;
}
    
img.leftside, object.leftside, video.leftside {
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	float: left
}
	
img.rightside, object.rightside, video.rightside {
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	float: right
}

object { border: 1px solid #000066; }

sup, sub {
	position: relative;
	vertical-align: 0;
	font-size: 80%;
}
sub { top: 0.4em; }
sup { bottom: 0.4em; }


/** Tables in main text/content area i.e. not navigation or breadcrumb trail **/
.rightcolumn table {
	border: solid 2px #666666;
	border-collapse: collapse;
	margin: 0.5em auto;
	padding: 0;
	width: 90%;
}
.rightcolumn table th, .rightcolumn table td {
	border: solid 1px #666666;
	padding: 5px;
	text-align: center;
}
.rightcolumn table th {
	background-color: #FFFFCC;
	border-bottom: solid 2px #666666;
	color: #000066;
}


/**	General site navigation via table entries. This is located		**/
/**	just below the first heading on each page in fish/index.html	**/

table.topbar {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 10pt;
	margin: 0;
    width: 100%;
    height: 2em;
    color: blue;
    background-color: silver
}
 
/** unordered lists containing links **/

    p.leftside, p.leftimage {
		clear: left;
    }
    
    p.rightside, p.rightimage {
 		clear: right;
   }
    
	
	img.centred {
		border-left: 5pt solid white;
		border-right: 5pt solid white
	}	

	p.urgent {
		font-weight: bold;
		color: red
	}
	
	p.bcrumb {
		font-family: Helvetica, Geneva, Arial, sans-serif;
		font-size: 80%;
		font-style: italic;
		margin: 0;
		padding: 2pt
	}
	
	br.bmyi {
		clear: left
	}

.belowimg {
	clear: right;
}

.brca, br.image { clear: both }
	
address {
	color: #999999;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 80%;
	font-style: italic;
	margin-top: 1em;
	border-top: thin solid #666666;
	padding: 0.5em;
	clear: both;
}