/* STYLES FOR MARY MALINS PAGES */

/* GLOBAL CLASSES */

BODY /* explicitly declared to overcome inheritance problems in N4 */
	{
	width: 640px;
	margin: 30px;
	margin-left: 100px;
	margin-top: 50px;
	font-family: georgia, serif;
/* 	font-family: verdana, arial, helvetica, sans-serif; */
	font-size: 13px;
	background-color: #EDF0FF;
	}

TD,DL,DT,DD,DIV,PRE	/* explicitly declared to overcome inheritance problems in N4 */
	{
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

P	/* explicitly declared to overcome inheritance problems in N4 */
	{
	margin-top: 8px;
	margin-bottom: 0px;
	}

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

.small		{						/* smaller font sizes */
			font-size: 12px;
			font-family: verdana, arial, helvetica, sans-serif;}		
.smaller	{						/* smallest font size in general use (not safe to go any smaller) */
			font-size: 11px;
			font-family: verdana, arial, helvetica, sans-serif;}
.smallest	{						/* smallest font size, for exceptional cases only */
			font-size: 10px;
			font-family: verdana, arial, helvetica, sans-serif;}

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

.thick		{margin-top: 12px;}		/* extra amounts of white space above */
.thicker	{margin-top: 14px;}
.thickest	{margin-top: 18px;}

.thin		{margin-top: 6px;}		/* smaller amounts of white space above */
.thinner	{margin-top: 3px;}
.thinnest	{margin-top: 2px;}
.DIV		{margin-top: 0px;}

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

.inset		{margin-left: 16px;}	/* entire block inset by a small amount */
.insetmore	{margin-left: 28px;}
.insetless	{margin-left: 10px;}

.bold		{font-weight: bold}		/* make it bold */
.italic		{font-style: italic}	/* make it italic */
.normal		{font-weight: normal}	/* make it normal e.g. within Hn tags */
.gray		{color: #99997A}		/* make it gray (gray is yellowish 60-20-60 (HSB), vs. 0-0-60 (#999), vs. 60-20-100 (yellow)) */

.darkblue 		{color: #006}
.lightpurple	{color: #CCF}
.brown			{color: #330}

.serif			{font-family: georgia, serif}
.sans			{font-family: verdana, arial, helvetica, sans-serif}

/* SPECIAL COLOURS / CALLOUTS */

/* .em, H1,H2,H3,H4	{color: #006} */	/* brightness value of 40%, for headers, etc. */
.em2, .terms		{color: #009;}	/* brightness value of 60%, for indented terms & secondary emphasis


/* HEADERS */

H1,H2,H3,H4,H5,H6	/* explicitly declared to overcome inheritance problems in N4 */
	{
	margin-bottom: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	}

H2			/* page heading of major subsection pages */
	{
	font-size: 16px;
	margin-top: 4px;
/* 	margin-bottom: 21px; */
	margin-bottom: 9px;
	}

H3			/* page heading of major subsection pages */
	{
	font-size: 21px;
	color: #330;
	margin-top: 4px;
	margin-bottom: 1px;
	font-family: georgia, serif;
	font-weight: normal;
	}

.H3
	{
	color: #330;
	font-family: georgia, serif;
	font-weight: normal;
	}


H3.deck2	/* page heading of minor subsection pages */
	{
	font-size: 18px;
	margin-top: 8px;
	}

H3.deck3	/* page heading of minor subsection pages */
	{
	font-size: 16px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	margin-top: 8px;
	}

H4			/* major subheadings */
	{
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 1px;
	}

H4.deck2		/* top of inner pages */
	{
	margin-top: 0px;
	}

H5			/* minor subheadings */
	{
	font-size: 11px;
	}

H5.deck1			/* top of Welcome page */
	{
	font-size: 12px;
	margin-top: 0px;
	}

H5.deck2			/* top of inner pages */
	{
	font-size: 11px;
	font-weight: normal;
	margin-top: 0px;
	}

H6, .H6			/* lowest-level subheads, or above H3 or H4, if needed */
	{
	font-size: 11px;
	font-weight: normal;
	/* text-transform: uppercase; */
	letter-spacing: 1px;
	margin-top: 7px;
	margin-bottom: 4px;
	color: #778;
	}

DIV.date			/* make it gray */
	{
	color: #999;
	}


/* SIDEBARS */

td.sidenav
	{
	font-family: verdana, arial, helvetica, sans-serif;
	}

div.sidenav
	{
	margin-left: 12px;
	}

.sidenav A
	{
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 21px;
	}

.sidenav A:hover, .sidenav A:active
	{
	text-decoration: underline;
	}

.sidenav A.parent
	{
	text-decoration: underline;
	}

.sidenav UL LI, UL.smaller LI, UL.smallest LI	/* smaller indentation for smaller lists */
	{
	margin-left: -12px;
	line-height: 12px;
	}

.sidenav UL
	{
	margin-top: -4px;
	margin-bottom: 2px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	}

.sidenav UL LI A
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	}

.sidenav UL LI A.thispage
	{
	font-weight: bold;
	}

/* SPECIAL */

tr.footer td p
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin-top: 8px;
	}

OL
	{
/* 	list-style-type: decimal;
 */	margin-top: 3px;
	margin-bottom: 0px;
	font-size: 12px;
	}

UL
	{
/* 	list-style-type: decimal;
 */	margin-top: 3px;
	margin-bottom: 0px;
	}

LI
	{
	margin-left: 22px;
	}

UL.level2 LI
	{
	margin-left: -20px;
	}

.summary
	{
	list-style-type: disc;
	margin-left: -2px;
	}

/* MISCELLANEOUS */

DIV.more	/* for "more" links, esp. on index.html  */
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-left: 10px;
	}
	
.required
	{
	color: red;
	}

FORM
 	{
	margin-top: 18px;
	margin-bottom: 12px;
	}

INPUT.button	/* makes Submit, Reset buttons blue, to match nav bar graphics */
	{
	color: #F5F5FF;
	background-color: #006;
	font-size: 14px;
	font-weight: bold;
	}

.php, PRE, ?PHP
	{
	background-color: #ccf;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin-top: px;
	}

PRE, .PRE
	{
	background-color: #F8F8FF;
	font-weight: normal;
	}

.output 	/* use for e.g. TEXTAREA */
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #F8F8FF;
	border: none;
	padding: 4px;
	padding-right: 0px;
	}


.note	/* use with images that need to be precisely located, overlapped, etc. */
	{
	position: relative;
	background-color: #FFFFE5;
	font-size: 11px;
	width: 150px;
	padding: 8px;
	}

.comment	/* to place (visible) comments with body of page */
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #ccf;
	padding: 4px;
	}