/* STYLES FOR WILLIAM WITTMANN PAGES */

body
	{
	background-color: white;
	font-family: georgia, times, serif;
	font-size: 16px;
	margin: 24px;
	}

/* KEY ATTRIBUTES OF HEAD AND BODY TABLES */

table#main			{width: 680px; border-top: 1px solid black; border-left: 1px solid black}
table#main td		{border-right: 1px solid black; border-bottom: 1px solid black}
table#main td td	{border: 0px}

/* top left cell */
#fool				{background-color: yellow;}

/* main header cell containing site title */
td#header		{vertical-align: bottom;}
td#header h1, td#header h2, td#header h3, td#header h4	{color: #008000; font-family: georgia, times, serif;}
td#header h1	{font-size: 24px}
td#header h2	{font-size: 20px; margin-bottom: -4px}
td#header h3	{font-size: 18px; margin-bottom: -4px}
td#header h4	{font-size: 16px; margin-top: 7px; margin-bottom: -4px}

/* blue sidebar cell */
td.sidebar		{background-color: #2554c7;}
table#main td#body, table#main td#sidebar	{border-bottom: 0px}

/* footer cell(s) */
td.footer		{margin-top: -14px; margin-bottom: -14px; font-family: georgia, times, serif sans-serif; font-size: 11px}

/* default body text specifications */
p, ul, ol, div
	{
	margin-top: 0px;
	margin-bottom: 12px;
	line-height: 140%;
	}

td,div,p,.p	/* explicitly declared to overcome inheritance problems in N4 */
	{
	font-family: georgia, times, serif;
	/* color: green; */
	margin-top: 0px;
	}

/* GLOBAL LINK STYLES */
/* Correct order: link, visited, hover, active */
/* defaults: link="#OFF" vlink="#639 / #909" (NN/IE) alink="#F00" (NN only) */

a:link				{color: #2424B2;}
a:visited			{color: #9659B2;}
a:hover, a:active	{text-decoration:none}
a:active 			{color: #ccc;}			/* slightly "off-gray", same as grayed out */
a.inactive, a.inactive:visited				/* links that need to be grayed out */
	{
	color: #878791;
	text-decoration: underline;
	}

a.thispage			/* links that apply to the current page */
	{
	font-weight: bold;
	color: #000;
	}

/* GLOBAL MODIFIERS *//* use with all elements (mostly block-level) to adjust size, white space, etc. */

.small		{font-size: 15px;}		/* smaller font sizes */
.smaller	{font-size: 12px;}		/* smallest font size in use (not safe to go any smaller) */
.smallest	{font-size: 11px; 
			font-family: georgia, times, serif sans-serif;}		/* smallest font size in use (not safe to go any smaller) */

.large		{font-size: 18px;}		/* larger font sizes */
.larger		{font-size: 20px;}
.largest	{font-size: 22px;}

.thick		{margin-bottom: 14px;}		/* extra amounts of white space below */
.thicker	{margin-bottom: 28px;}
.thickest	{margin-bottom: 42px;}

.thin		{margin-bottom: 6px;}		/* smaller amounts of white space below */
.thinner	{margin-bottom: 3px;}
.thinnest	{margin-bottom: 2px;}

.hthick		{margin-top: 14px;}		/* extra amounts of white space above */
.hthicker	{margin-top: 28px;}
.hthickest	{margin-top: 42px;}

.hthin		{margin-top: 6px;}		/* smaller amounts of white space above */
.hthinner	{margin-top: 3px;}
.hthinnest	{margin-top: 2px;}

.indent		{margin-top: 0px; text-indent: 14px;}	/* first line indented by a small amount */

.inset		{margin-left: 12px;}	/* entire block inset by a small amount */
.insetmore	{margin-left: 24px;}

.bold		{font-weight: bold}		/* make it bold */
.normal		{font-weight: normal}	/* make it normal e.g. within Hn tags */
.gray		{color: #999}			/* make it gray */
.red		{color: #900}			/* make it red/burgundy */
.black		{color: #000}			/* make it black e.g. within green elements */
.white		{color: #FFF}			/* make it white e.g. against green sidebar */

/* custom colours */

.lightgreen	{color: #6c6}			/* make it light green */
.green		{color: #008000}		/* make it green */
.darkgreen	{color: #004D00}		/* make it dark green */

/* HEADERS */

h1,h2,h3,h4,h5,h6	/* explicitly declared to overcome inheritance problems in N4 */
	{
	margin-bottom: 0px;
	font-family: georgia, times, serif sans-serif;
	}

h1, .h1			/* page heading of welcome page(s) */
	{
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 2px;
	color: #004D00;
	}

h2, .h2			/* page heading of major inner page(s) */
	{
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 4px;
	color: #004D00;
	}

h3, .h3			/* page heading of major subsection pages */
	{
	font-size: 18px;
	margin-top: -4px;
	margin-bottom: 2px;
	color: #004D00;
	}

h4, .h4		/* major subheads */
	{
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 2px;
	color: #004D00;
	}

h5, .h5		/* subheads only */
	{
	font-size: 14px;
	margin-top: 9px;
	margin-bottom: 2px;
	color: #004D00;
	}

h6, .h6, th			/* lowest-level subheads, or above h3 or h4, if needed */
	{
	font-size: 11px;
	font-weight: normal;
	/* text-transform: uppercase; */
	letter-spacing: 3px;
	margin-top: 12px;
	margin-bottom: 2px;
	}

.sc			/* (small caps) */
	{
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-top: 7px;
	}

h6.normal			/* lowest-level subheads, or above h3 or h4, if needed */
	{
	letter-spacing: 0px;
	}

h3.backtotop, h4.backtotop, h5.backtotop, h6.backtotop /* where subhead needs to be just below "back to top" link */
	{
	margin-top: -2px;
	}

div.backtotop	/* for "back to top" link above h4,h5 headers - vertical spacing needs to be adjusted */
	{
	margin-top: 9px;
	margin-bottom: 6px;
	font-size: 11px;
	}

	/* button */
	
input.button
	{
	font-family: georgia, times, serif sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #F5F5FF;
	background-color: #800080;
	padding-left: 2px;
	padding-right: 2px;
	}

	
	
/* SIDEBAR */
/* purple background, with white links */

div.sidenav
	{
	font-family: georgia, times, serif sans-serif;
/* 	border: 1px solid gray; */
	width: 175px;
	margin-left: -26px;
	margin-right: 8px
	}

div.sidenav ul
	{
	font-size: 12px;
	line-height: 130%;
	margin-top: 2px;
	margin-right: 0px;
	list-style: disc;
	color: #B38FB3; 
	}

div.sidenav ul li
	{
	margin-top: 1px;
	}

div.sidenav ul ul
	{
	/* border: 1px solid gray; */
	padding-left: 0px;
	margin-left: 22px;
	margin-top: 2px;
	margin-bottom: 4px;
	margin-right: 0px;
	}

div.sidenav ul ul li
	{
	font-size: 11px;
	line-height: 13px;
	}

div.sidenav a			{font-size: 12px; color: white; text-decoration:none}
div.sidenav a:link		{color: white; text-decoration:none}
div.sidenav a:visited	{color: #E4B7E5; text-decoration:none}
div.sidenav a:hover		{text-decoration: underline}
div.sidenav a:active 	{text-decoration: underline; color: #ccc;}		/* slightly "off-gray", same as grayed out */
div.sidenav a.inactive,	div.sidenav a.inactive:visited					/* links that need to be grayed out */
	{
	color: #878791;
	text-decoration: underline;
	}

div.sidenav a.thispage			/* links that apply to the current page */
	{font-weight: normal; color: white; text-decoration: underline}
div.sidenav a.thispage:hover, div.sidenav a.thispage:active
	{text-decoration:underline}

div.sidenav ul li .details
	{font-family: georgia, times, serif sans-serif; font-size: 11px; line-height: 120%}

/* FOOTER */

td.footer p
	{
	text-align: left;
	padding-right: 60px;
	font-family: georgia, times, serif sans-serif;
	color: #999;
	font-size: 11px;
	margin-top: 4px;
	margin-bottom: 2px;
	}

td.footer p p
	{color: #000}

/* MISC */

/* 
next few tags provide correct spacing/padding around tables 
that are floated to either side of paragraph, 
and small gray text for a caption below.
Problematic with N4, hence "N4 hack" used to hide them
*/

table.img_right, table.img_left	/* for testing only */
	{
/* 	border: 1px solid red;
	height: 185px; */
	}

/* hide problematic rules from N4 */
/*/*/a{}
table.img_right td, table.img_left td
	{
	border: 0px;
	padding-top: 8px;
	padding-left: 12px;
	padding-right: 6px;
	font-family: georgia, times, serif sans-serif;
	font-size: 11px;
	color: #999;
	}
/* */

/* hide problematic rules from N4 */
/*/*/a{}
table.img_left td
	{
	padding-left: 6px;
	padding-right: 12px;
	}
/* */

p.quote, p.quote1
	{
	font-size: 14px;
	padding: 12px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 12px;
	background-color: #FFFFF2;
	}

p.quote1
	{
	margin-top: 0px;
	font-size: 14px;
	padding: 12px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #FFFFF2;
	}

/* RANDOM TESTS */

div.calloutright, span.calloutright
{
font-size: 10px;
line-height: 11px;
width: 25%;
background-color: #FFC;
margin-left: 12px;
padding: 6px 6px 6px 12px;
}

/* hide problematic rules from N4 */
/*/*/a{}
div.calloutright, span.calloutright {float: right;}
/* */