@charset "UTF-8";

/**	Cascading style-sheet for the Analytical research web pages **/
/**	Last updated June 13th 2011 by David C. Stone 				**/
/** Menus derived from Ruthsarian Menu CSS http:/// **/

/** Fix the defaults to something I can live with! **/
body {
	border: 0;
	margin: 0;
	padding: 0;
	color: #000000;
	background: #ffffff;
	font-size: 100%;
  	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	width: 100%;
	background-image: url(images/Greybkgnd.png);
	background-repeat: no-repeat;
}

/**	Set the default heading styles - sans-serif fonts **/
h1, h2, h3, h4, h5, h6 {
  	font-family: Helvetica, Arial, sans-serif;
  	font-weight: bold;
	font-style: italic;
	margin: 5px;
	padding: 0;
}
h1 { 
	font-size: 150%;
	color: #000066;
}
h2 {
	font-size: 125%;
	color: #000377;
}
h3 {
	font-size: 110%;
	color: #000A88;
	padding-top: 5px;
}
h4 { font-size: 100% }

/** Generally layout and appearance styles **/
#header { /* container for heading, logo, etc. */
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin: 2px;
	padding: 5px;
	color: #000066;
	font-style: italic;
	text-align: center;
}
#header img {
	float: left;
	margin-right: 0.5em;
}
#header p {	
	margin: 0;
	padding: 0;
}

#footer { /* container for authorship, update info, etc. */
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: italic;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin: 2px;
	padding: 5px;
}
#footer * {
	border: 0;
	margin: 0;
	padding: 0;
}
#footer img { 
	float: right;
	padding-left: 0.5em;
}

/** Classes for simple two-column layout with wrapper **/
.maincontent {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin: 2px;
	padding: 0;
}
.leftcolumn {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin: 2px;
	padding: 0.3em;
	float: left;
	width: 8em;
}
.rightcolumn {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin: 2px;
	margin-left: 9em;
	padding: 0.3em 0.5em; 			/* set vertical and horizontal padding */
}
.right column div { padding-top: 1em }
.rightcolumn p {	/* Fix default vertical spacing on paragraphs */
	margin: 0.5em;
	padding: 0 0.5em 0.5em 0.7em;
}
.rightcolumn * li { padding-bottom: 0.3em }


/** Classes for a leftcolumn navigation menu **/
.navigation {
  	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 90%;
	font-style: italic;
	display: block;					/* make these objects blocks - easier to deal with */
	list-style: none;				/* fix for IE7 not applying display: block properly */		   
	border: solid 1px #aaa;			/* 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!)		*/
	font-size: 85%;		   			/* sub-menus should be smaller than the parent item	*/
	border: 0;
	text-indent: 1.1em;				/* ... and slightly offset from the left side		*/
	font-style: italic;
}
ul.navigation li a
{
	background-color: #f6f6f6;		/* default background color of menu items */
	border: solid 1px #ccc;			/* border around all anchor tags */
	padding: 3px 5px 3px 5px;		/* a little padding goes a long way! */
	display: block;					/* make these objects blocks - easier to deal with */
	text-decoration: none;			/* fix for IE7 not applying display: block properly */
}
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;
}

div.splash {
	color: #000066;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 24px;
	line-height: 1.5;
}
ul.splash {
	margin: 0;
	margin-left: 250px;
	padding-top: 24px;
}

/* Utility definitions */

/** 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-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	margin: 2px;
	margin-left: 9em;
	padding: 5px;
	text-decoration: none;
}
.breadcrumbs p { 
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 80%;
}

.clearfloats { /* Use to restore flow after a float */
	border: 0;
	margin: 0;
	padding: 0;
	clear: both;
}

.footnotes { /* smaller text for footnotes linked from sup */
	font-family: Geneva, Helvetica, Arial, sans-serif;
	font-size: 80%;
	padding: 1em;
}
.footnotes * {
	margin: 0.2em 1em;
	padding: 0;
}

.overline { 
	border-top: 1px solid #aaa;
	padding-top: 0.5em;
}
.underline { border-bottom: 1px solid #aaa }

/* General appearance definitions */

address {
	font-style: normal;
	margin: 0.5em;
	padding: 0 0.5em 0.5em 0.7em;
}

dfn {
	font-style: italic;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 95%;
	color: #000066;
}

dl { margin-left: 0.5em }
dt { padding-left: 1em }

hr.separator {
	border-top: 1px solid #999999; 
	padding: 0; 
	margin: 5px;
	width: 12em;
}

sup { 
	 vertical-align: text-top;
	 font-size: 75%;
}

sub {
	 vertical-align: text-bottom;
	 font-size: 75%;
}

table.centred {	/** Table centered within container **/
	width: 90%;						/* leave some space either side */
	text-align: center;				/* each cell's text centred unless over-ridden */
	border: 2px solid #aaa;			/* thicker border around entire table */
	border-collapse: collapse;		/* eliminate spaces between cell borders */
	caption-side: bottom;			/* NOTE: spotty implementation for this */
	margin-left: auto;				/* setting left,right margins to auto centres it */
	margin-right: auto;
	margin-top: 0.5em;				/* margins will collapse to maintain even spacing */
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}
table.centred thead {
	color: black;
	background-color: #f6f6f6;		/* same colour scheme as navigation panel! */
	border: solid 2px #aaa;
}
table.centred th, table.centred td {
	border-left: solid 1px #aaa;
	border-right: solid 1px #aaa;
	padding: 0.2em 0.5em;
}

tr.grouping { border-bottom: 1px solid #aaa }

/** deprecated... **/

/**	Site content wrapper **/

.main-wrapper {
	border: 1px solid #CCCCCC;
	position: relative;			/* Make sure the nav-pane stays below other content 
									- needed with absolute positioning of the nav pane */
	overflow: auto;				/* See http://www.quirksmode.org/css/clearing.html */
	/* should have width: 100%; but this makes a scrollbar that hides some of the text on the right */
}

/**	A navigation pane on the left-hand side **/

.nav-pane-left {
	border: 0;
	border-right: 1px solid #ccc;
	margin: 0;
	padding: 2px 3px;
	width: 9.5em;
	float: left;
	background-color: #F8F8F8;
	color: #000099;
  	font-family: Helvetica, Geneva, Arial, sans-serif;
  	font-weight: bold;
	text-align: left;
	position:  absolute; top: 0; bottom: 0; left: 0;
}

/**	The main list items within the navigation pane **/

.nav-pane-left ul, .nav-pane-left ul li {
	margin: 0;
	padding: 0;
	display: block;			/* blocks are easier to deal with */
	list-style: none;		/* no list markers - should be redundant with display: block */
	text-decoration: none;	/* no underlines, etc. */
}

.nav-pane-left ul li a
{
	border: solid 1px #ccc;	/* border around all anchor tags */
	margin: 0;				/* Use 1px 0 to space the li boxes slightly */
	margin-top: -1px;		/* Alternatively, set a -ve top margin to line 'em up exactly */
	padding: 0.3em 0.5em;	
	display: block;
	text-decoration: none;
}

/** This changes the background colour while the mouse is over a link **/

.nav-pane-left ul li a:hover
{
	color: #009;				/* dark blue text	*/
	background-color: #ffc;		/* on pale yellow 	*/
}

/** This changes the colour while the mouse is down on a link **/

.nav-pane-left ul li:hover a:active
{
	color: #fff;				/* white text on a	*/
	background-color:#FF0000;	/*  red background	*/
}


/**	Keep the content within the wrapper separate from the nav bar **/

.main-content {
	border-left: 9.5em solid #F8F8F8;
	padding: 5px 1em;
}

/**	Set the characteristics for the bread-crumb trail **/

.bcrumb {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 75%;
	font-style: italic;
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}

img, img.leftside, img.rightside, img.centred {
	border: 0;
	margin: 0;
	padding: 0;
}
img.leftside {
	border-right: 10px solid white;	/* maintain a space between image and text 	*/
	float: left;					/* the image is on the left side of the p  	*/
}
img.rightside {
	border-left: 10px solid white;	/* maintain a space between image and text 	*/
	float: right;					/* the image is on the right side of the p  */
}
img.centred {						/* just to complete the set...				*/
	border-left: 10px solid white;
	border-right: 10px solid white
}

.footer {
    padding: 5px 0.5em;
    color: #999999;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-top: 0;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 75%;
	font-style: italic;
}

.footer p { padding: 0; }

/** Modify the presentation of various list types **/

dt { font-weight: bold; }
dd { padding-bottom: 0.3em; }

/**	Paragraphs containing images floated within them 		**/
/** The text should flow down one side then under the image	**/

p.leftimage { text-align: left; }
p.rightimage { text-align: right; }
p.centred { text-align: center; }

img a, img.leftside a, img.rightside a {
	border: 0;
	margin: 0;
	padding: 0;
}

td.category { text-align: left; }
td.subcategory {
	text-align: right;
	font-style: italic;
}


/** The following is OBSOLETE and should be phased out on all pages! **/

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

table.topbar {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 10pt;
	margin: 0;
    width: 100%;
    height: 2em;
    color: blue;
    background-color: silver
}
 
  	ul.navbar a {
    	text-decoration: none
    }
  	a:link { color: blue }			/* unvisited links */
  	a:visited { color: blue }		/* visited links */
  	a:active { color: red }			/* active links */
  	
  	ul.navbar, ul.subnavbar {
		list-style-type: none;
		font-family: sans-serif;
    	background: #99ffff;
    	margin: 0;
    	padding: 0
    }

    ul.navbar {
    	margin: 0;
    	padding: 1px;
    	float: left;
    	width: 10em;
    	border-right: 0.5em solid white
    }

 	ul.navbar li {
    	margin: 0;
    	padding: 0.3em
    }
        
	p.urgent {
		font-weight: bold;
		color: red
	}
		
	br.bmyi {
		clear: left
	}
	
	br.brca {
		clear: both
	}