/****************************************************************************************/
/*	Filename:		OFP2P(rint).CSS														*/
/*	Written by:		Bill Sanders														*/
/*	Date written:	05/16/2006															*/
/*	Description:																		*/
/*		Contains all the CSS styles, classes and ids for OFP2 							*/
/*		Print CSS converts all colors to white, black, and grays						*/
/*			Colors MAY have been used elsewhere. As I was going through, checking, if	*/
/*			they alread existed here, I didn't really check what they were used for.	*/
/*			The following are the MAIN uses, but again, they COULD be used elsewhere.	*/
/****************************************************************************************/

/****************************************************************************************/
/* for ofp2p[rint].css, copy all of ofp2.css and mass change the following:				*/
/*	Remember to copy the following to notes before mass changing, then copy back.		*/
/* for ofp2p[rint].css, copy all of ofp2.css and mass change the following:				*/
/*		f0fff0 (light green)	to ffffff (white)	(general background)				*/
/* 		005500 (dark  green)	to 000000 (black)	(general font color/etc.)			*/
/*		ff6633 (orange     )	to 000000 (black)	(active link font)	 				*/
/*		ffff00 (yellow)			to c8c8c8 (gray)	(blockquote replacement div bg)		*/
/*		ffffe1 (light yellow)	to f0f0f0 (ltgray)	(blockquote replacement div bg)		*/
/*		fff2e6 (light orange)	to ebebeb (medgray)	(h1,blockquote replacement div bg)	*/
/*		0000ff (blue)			to 7c7c7c (darkgray)	(font color)					*/
/*		ff0000 (red)			to a0a0a0 (meddarkgray)	(font color)					*/
/*		ffff99 (pale yellow)	to f0f0f0 (ltgray)	(hilited text bg)					*/
/*																						*/
/* These change "just in case" they're used elsewhere									*/
/*		009D4F (lightest green)	to f0f0f0 (ltgray)	(button border)						*/
/*		004400 (darkest  green)	to 000000 (black)	(button border)						*/
/*		c0dc01 (safety green)	to 000000 (black)	(active button words)				*/
/*		336600 (green      )	to f0f0f0 (ltgray)	(sidebar bg)						*/
/*		feb767 (orange     )	to 000000 (black)	(sidebar active color)				*/
/*																						*/
/* Manual changes:																		*/
/*		remove any URL																	*/
/*		change #button-sidebar,															*/
/*			a.ilb (inline button)	to "{ display: none; }"	! should cover named colors	*/
/* Make sure all formats in ofp2.css are copied here (except sidebar buttons)			*/
/*--------------------------------------------------------------------------------------*/
/* CSS NOTES:																			*/
/*	MARGIN = TOP/LEFT/BOTTOM/RIGHT; or Margin-Top, Margin-Left, etc. Set to 0 for none	*/
/*	This CSS sheet has been validated at http://jigsaw.w3.org/css-validator/, and,		*/
/*	except for warnings for color missing background color and vice-versa, validates.	*/
/****************************************************************************************/

/****************************************************************************************/
/* Body and Divisions																	*/
/****************************************************************************************/
/* Layout of OFP page is:																*/
/*--------------------------------------------------------------------------------------*/
/*		Body									| Body									*/
/*			full-page							|	body division wrapper				*/
/*				main-page						|		"right frame" division wrapper	*/
/*					page-top					|			banner + top linkbar		*/
/*					page-content				|			actual content				*/
/*					page-bottom					|			bottom linkbar + footer		*/
/*				full-sidebar					| 		sidebar wrapper	("left frame")	*/
/*					sidebar-top					|			decoration + nav buttons	*/
/*					sidebar-bottom				|			buttons for "used on site"	*/
/*--------------------------------------------------------------------------------------*/
/* Except for the abolute positioning of the full-page dive (container in the article),	*/
/* the following is based on information found at:										*/
/*	http://www.alistapart.com/articles/holygrail and									*/
/*	http://www.infocraft.com/articles/the_case_of_the_disappearing_column/ (a fix)		*/
/* Right now, without using the right-column, I have found no need for the IE Hack		*/
/****************************************************************************************/

body
	{	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;	/* standard font	*/
		font-size: 12pt; color: #000000;	
		background: #ffffff;
									/* font and background color/image					*/
	}
	
#full-page
	{	position: absolute; top: 10px; left: 5px;		/* 	Container Position			*/
		width: 100%;	}

#full-page .column
	{	/* float: left; position: relative;	*/ }
		
#main-page
	{	margin: 0 3%;		/* margin-left: 130px;			*/
		padding: 5px;				 					/*	CC Padding	(10 total)		*/
		width: 100%;									/*	CC Width					*/
		background-color: #ffffff;						/*	BG color for wide layering	*/
	}
		
#full-sidebar	{ display: none; }

/****************************************************************************************/
/* These are supposed to make the two columns the same length. In some browsers,		*/
/* there may be a problem in that the full length may appear.							*/
/****************************************************************************************/

/****************************************************************************************/
/* Define the general divs sectioning the above containers								*/
/****************************************************************************************/

#page-top		{	margin: 0; padding: 0 .5em; width: 100%; text-align: center;	}
#page-content	{	margin: 0; padding:   .5em; width: 100%; 						}
#page-bottom	{	margin: 0; padding:   .5em; width: 100%; text-align: center;	}

/****************************************************************************************/
/* "Pretty-fy" some of the divs															*/
/****************************************************************************************/

#main-page		{	font-size: 95%;	line-height: 115%;		}

/****************************************************************************************/
/* Other Sidebar Formatting																*/
/****************************************************************************************/

/****************************************************************************************/
/* Sidebar Buttons																		*/
/*	Along with the sidebar-top div, above, these are based on information found at		*/
/*		http://www.westciv.com/style_master/house/tutorials/quick/buttons/index.html	*/
/****************************************************************************************/

/****************************************************************************************/
/* Page Top & Bottom Formatting															*/
/****************************************************************************************/

#page-top p		{	margin: 0 .5em 0 .5em; padding: 0 0 .5em 0;	}
#page-bottom p	{	margin: 0 .5em 0 .5em; padding: 0em;		}

/****************************************************************************************/
/* Blockquote Replacement Classes							 							*/
/* All are to be used (usually on a div) in place of a blockquote or single-cell table	*/
/****************************************************************************************/

/*--------------------------------------------------------------------------------------*/
/* General (Plain) Blockquote Replacement												*/
/*--------------------------------------------------------------------------------------*/

.bqr	{	margin: 0 5% 0 5%; padding: .5em;	}

/*--------------------------------------------------------------------------------------*/
/* Special UnBordered with Color Background Blockquote Replacements						*/
/*--------------------------------------------------------------------------------------*/

.bqrw		{	margin: 0 5% 0 5%; padding: .5em; background: #ffffff;	}
											/* White Background							*/

.bqry		{	margin: 0 5% 0 5%; padding: .5em; background: #c8c8c8;	}
											/* Yellow Background						*/

.bqrly		{	margin: 0 5% 0 5%; padding: .5em; background: #f0f0f0;	}
											/* Light Yellow Background 					*/

.bqrlo		{	margin: 0 5% 0 5%; padding: .5em; background: #ebebeb;	}
											/* Light Orange Background					*/

/*--------------------------------------------------------------------------------------*/
/* Bordered (Plain background) Blockquote Replacements									*/
/*--------------------------------------------------------------------------------------*/

/* Light Border */
.lbbqr		{	margin: 0 5% 0 5%; border: .05em solid #000000; padding: .1em;	}

/* Light Border - Fixed Font (Courier New) */
.lbbqrff	{	margin: 0 5% 0 5%; border: .05em solid #000000; padding: .1em;	
				font-family: "Courier New", Courier, monospace;	
				font-variant: normal; }

/* Heavy Border */
.hbbqr	{	margin: 0 5% 0 5%; border: .1em solid #000000; padding: .2em;	}

/* Heavy Border - Fixed Font (Courier New) */

.hbbqrff	{	margin: 0 5% 0 5%; border: .1em solid #000000; padding: .2em;	
				font-family: "Courier New", Courier, monospace;	
				font-variant: normal; }

/*--------------------------------------------------------------------------------------*/
/* Special Bordered (Heavy) with Color Background Blockquote Replacements				*/
/*--------------------------------------------------------------------------------------*/

.hbbqrffw		{	margin: 0 5% 0 5%; border: .1em solid #000000; padding: .2em;
					background: #ffffff;	
					font-family: "Courier New", Courier, monospace;	
					font-variant: normal; }	/* White Background							*/

/*--------------------------------------------------------------------------------------*/
/* Special Bordered (Heavy) with Color Background Blockquote Replacements				*/
/*--------------------------------------------------------------------------------------*/

.hbbqrw		{	margin: 0 5% 0 5%; border: .1em solid #000000; padding: .2em;
				background: #ffffff;	}	/* White Background							*/

.hbbqry		{	margin: 0 5% 0 5%; border: .1em solid #000000; padding: .2em;
				background: #c8c8c8;	}	/* Yellow Background						*/

.hbbqrly	{	margin: 0 5% 0 5%; border: .1em solid #000000; padding: .2em;
				background: #f0f0f0;	}	/* Light Yellow Background 					*/

.hbbqrlo	{	margin: 0 5% 0 5%; border: .1em solid #000000; padding: .2em;
				background: #ebebeb;	}	/* Light Orange Background					*/

/****************************************************************************************/
/* Headers																				*/
/****************************************************************************************/

h1, h2, h3, h4, h5, h6, h1bl, h2b1	{	font-weight: bold;
										line-height: 105%;		}
.sh1, .sh2, .sh3, .sh4, .sh5, .sh6	{	font-weight: normal;	}
.sh5, .sh6							{	line-height: 115%;		}

h1		{ font-size: 2.00em; font-style: normal;	}
h2		{ font-size: 1.80em; font-style: normal;	}
h3		{ font-size: 1.60em; font-style: normal;	}
h4		{ font-size: 1.40em; font-style: normal;	}
h5		{ font-size: 1.20em; font-style: normal;	}
h6		{ font-size: 1.00em; font-style: italic;	}

/* Subheaders - designed to set font to normal height									*/
.sh1	{ font-size:  .50em; font-style: normal;	}
.sh2	{ font-size:  .55em; font-style: normal;	}
.sh3	{ font-size:  .63em; font-style: normal;	}
.sh4	{ font-size:  .71em; font-style: normal;	}
.sh5	{ font-size:  .83em; font-style: normal;	}
.sh6	{ font-size: 1.00em; font-style: italic;	}

/* ByLine for H1 																		*/
.h1bl	{ font-size:  .35em; font-style: normal;	}
.h2bl	{ font-size:  .40em; font-style: normal;	}

/****************************************************************************************/
/* Special Paragraphs 																	*/
/*	(mostly used in blockquote replacements)											*/
/****************************************************************************************/

.pnm	{	margin: 0;	}					/* no margin - for single paragraph			*/
.pntm	{	margin-top: 0; }				/* no top margin - for 1st paragraph 		*/
.pnbm	{	margin-bottom: 0;	}			/* no bottom margin - for last paragraph	*/

/****************************************************************************************/
/* Special Fonts																		*/
/*	(for paragraphs and spans															*/
/****************************************************************************************/

.pers	{	color: #7c7c7c;	}	/* Blue font */
.spec	{	color: #a0a0a0;	}	/* Red  font */

#wntbl					{	font-size: .95em;	font-weight: normal;	}
#wntbl ul,		#wntbl ol,
#wntbl ul ul,	#wntbl ol ol,
#wntbl ul ul ul	#wntbl ol ol ol
						{	margin: 0 1%; padding: 0 1em;	}
#wntbl td.hdr			{	font-weight: bold;	text-decoration: underline;	}

.np, .nfp7, .nlp, nlp2
.bp, .bfp7, .blp, blp2		{	line-height: 115%; margin: 1em 0 1em 0;	}
.nfp6, .bfp6		 		{	line-height: 120%; margin: 1em 0 1em 0;	}


.bp, .bfp6, .bfp7, 
     .blp,  .blp2			{	font-weight: bold;	}

.nfp6, .bfp6				{	font-size: 	.60em;	}
.nfp7, .bfp7				{	font-size: 	.75em;	}
.np, .bp					{	font-size: 1.00em; 	}
.nlp, .blp					{	font-size: 1.10em;	}
.nlp2, .blp2				{	font-size: 1.25em;	}


.fcr						{	color: #a0a0a0;		}		/* red						*/
.fcb						{	color: #7c7c7c;		}		/* blue						*/

.bf							{	font-weight: bold;					}	/* std bold		*/
.bfcr						{	font-weight: bold; color: #a0a0a0;	}	/* bold red		*/
.bfcb						{	font-weight: bold; color: #7c7c7c;	}	/* bold blue	*/
.bfcg						{	font-weight: bold; color: #000000;	}	/* bold green	*/

.fcgh, .fcrh, .fcbh,
.bfcrh						{	line-height: 140%;	}

.fcgh						{	color: #000000; background: #f0f0f0; } /* green/yellow	*/
.fcrh						{	color: #a0a0a0; background: #f0f0f0; } /* red/yellow	*/
.fcbh						{	color: #7c7c7c; background: #f0f0f0; } /* blue/yellow	*/

.bfcrh						{	font-weight: bold; 
								color: #a0a0a0; background: #f0f0f0; } /* Bld-Rd/Yllw	*/

.fcbu						{	color: #7c7c7c; text-decoration: underline;	} /* blue	*/

strong						{	font-size: 110%; font-weight: bold;	}
em							{	font-style: italic; font-weight: bold;	}
.ff, code, pre				{	font-family: "Courier New", Courier, monospace;	}

/****************************************************************************************/
/* List Formats     																	*/
/****************************************************************************************/

/* Defined to format bulleted list level 4 and up, index lists, no-bullet lists, and	*/
/* for future changes																	*/

ul, ol				{	margin: 0 5%; padding: 0 1.25em;	}
ul ul, ol ol		{	margin: 0 1%; padding: 0 1.25em;	}

/* Unordered Lists																		*/
/* ---------------																		*/
/* Bulleted lists																		*/
/* default																				*/
ul 					{	list-style-type: disc;			}
ul ul				{	list-style-type: circle;		}
ul ul ul			{	list-style-type: square;		}
ul ul ul ul			{	list-style-type: disc;			}

/* defined																				*/				
ul.blst				{	list-style-type: disc;			}
ul.blst	ul			{	list-style-type: circle;		}
ul.blst ul ul		{	list-style-type: square;		}
ul.blst ul ul ul	{	list-style-type: disc;			}
				
/* NoBullet lists																		*/
ul.nblst			{	list-style-type: none;	}
ul.nblst ul			{	list-style-type: none;	}
ul.nblst ul ul		{	list-style-type: none;	}
ul.nblst ul ul ul	{	list-style-type: none;	}

/* Ordered Lists																		*/
/* -------------																		*/
/* Indexed lists																		*/
/* default ordered lists																*/
ol					{	list-style-type: decimal;		}
ol ol				{	list-style-type: lower-alpha;	}
ol ol ol			{	list-style-type: decimal;		}
ol ol ol ol			{	list-style-type: lower-alpha;	}

/* defined indexed lists																*/
ol.ilst				{	list-style-type: decimal;		}
ol.ilst	ol			{	list-style-type: lower-alpha;	}
ol.ilst ol ol		{	list-style-type: decimal;		}
ol.ilst ol ol ol	{	list-style-type: lower-alpha;	}

/* Straight Numbered lists (most likely not used very much)								*/
ol.nlst				{	list-style-type: decimal;		}
ol.nlst	ol			{	list-style-type: decimal;		}
ol.nlst ol ol		{	list-style-type: decimal;		}
ol.nlst ol ol ol	{	list-style-type: decimal;		}	

li.bot				{	margin-bottom: 0; padding: 0;	}

/****************************************************************************************/
/* Horizontal Rule																		*/
/****************************************************************************************/

hr	{	width: 90%; height: .2em; text-align: center; 
		color: #000000;	background: transparent;		}

.mt	{	width: 90%; height: .1em; text-align: center; 
		color: #000000;	background: transparent;		}

.tl	{	width: 90%; height: .05em; text-align: center; 
		color: #000000;	background: transparent;		}

/****************************************************************************************/
/* Linkbar and Copyright Divs															*/
/****************************************************************************************/

#cr	{	text-align: center; margin: 0; padding: 0;	}
.linkbar	{ display: none; }

/****************************************************************************************/
/* Breadcrumbs																			*/
/*	(based on information from http://www.alistapart.com/articles/taminglists/)			*/
/****************************************************************************************/

#bc-box			{	padding: .1em; 
					border:  .1em solid #000000; 
					margin:  .1em 0 .1em 0;
					text-align: center;	
					font-size: .75em;
					font-weight: normal;	}

#bread			{	/* all are links to prior pages, except page name	*/
					padding: 0;
					margin-bottom: 0;	}

#bread ul		{	margin-left: 0; 
					padding-left:  0; 
					display: inline; 
					border: none;		}
					
#bread ul li	{	margin-left: 0; 
					padding-left: .2em;
					border: none;
					list-style: none;
					display: inline;	}

/****************************************************************************************/
/* General Links																		*/
/*	for main-page, sidebar-middle and sidebar-bottom divs								*/
/****************************************************************************************/

/* Unvisited Links should show as underlined, regular color (dark green)				*/
#hmb a:link,
#bc-box a:link,
#main-page a:link,
#sidebar-middle a:link,
#sidebar-bottom a:link
	{	color: #000000; background: transparent; text-decoration: underline;	}
	
/* Visited Links should show as underlined, regular color (dark green)					*/
#hmb a:visited,
#bc-box a:visited,
#main-page a:visited,
#sidebar-middle a:visited,
#sidebar-bottom a:visited
	{	color: #000000; background: transparent; text-decoration: underline;	}

/* Hovered Links should show as underlined, yellow on regular color (dark green) BG 	*/
#hmb a:hover,
#bc-box a:hover,
#main-page a:hover,
#sidebar-middle a:hover,
#sidebar-bottom a:hover
	{	color: #c8c8c8; background: #000000;     text-decoration: underline;	}

/* Visited & Hovered Links should show as underlined w/lighter regular color (lt green)	*/
#hmb a:visited:hover,
#bc-box a:visited:hover,
#main-page a:visited:hover,
#sidebar-middle a:visited:hover,
#sidebar-bottom a:visited:hover
	{	color: #c8c8c8; background: #f0f0f0; text-decoration: underline;	}

/* Active Links should show as orange (only active temporarily, usually)				*/
#hmb a:active,
#bc-box a:active,
#main-page a:active,
#sidebar-middle a:active,
#sidebar-bottom a:active
	{	color: #000000; background: transparent; text-decoration: underline;	}

#full-page .linkbar a:link		{	text-decoration: none;	}

/*---------------------------------*/

/* For [ORIGINAL] "Off Site - Click for New Window" "Buttons" */

.os	{	font: bold 65% verdana,"Comic Sans MS", Arial, sans-serif; 
		padding: .1em .2em; margin: 0 .2em; white-space: nowrap;
		color: #000000; background: #f0f0f0; /* line-height: 1.75em; */
		border: 1px solid #000000;}

#full-page a.osnw:link,
#full-page a.osnw:visited, 
#full-page a.osnw:active
	{	font: bold 65% verdana,"Comic Sans MS", Arial, sans-serif; 
		padding: .1em .2em; margin: 0; white-space: nowrap;
		color: #000000; background: #f0fff0; /* line-height: 1.75em; */
		text-decoration: none; border: 1px solid #000000; }

#full-page a.osnw:hover
	{	font: bold 65% verdana,"Comic Sans MS", Arial, sans-serif; 
		padding: .1em .2em; margin: 0; white-space: nowrap;
		color: #f0f0f0; background: #000000; /* line-height: 1.75em; */
		text-decoration: none; border: 1px solid #000000; }

/****************************************************************************************/
/* Inline Buttons - from http://wellstyled.com/css-inline-buttons.html					*/
/*	NOTE: Info on "underscore hack" at http://wellstyled.com/css-underscore-hack.html	*/
/****************************************************************************************/

/* #full-page a.ilb, */
#hmb a.ilb:link,
#hmb a.ilb:visited,
#hmb a.ilb:hover,
#hmb a.ilb:active,
#full-page a.ilb:link,
#full-page a.ilb:visited,
#full-page a.ilb:hover,
#full-page a.ilb:active	{ display: none; }

#hmb a.ilb,
#full-page a.ilb
	{	_width:12em;
		font: bold 65% Verdana,"Comic Sans MS", Arial, sans-serif;
		margin: 0 0.2em; padding: 0.1em 0; _padding:0;
		border: 1px solid #000000;
		white-space:nowrap;
		text-decoration: none;
		vertical-align:middle;
		background-color: #f0fff0;
		color: #000000; 	}	/* "normal" colors	*/

#hmb a.ilb em,
#full-page a.ilb em
	{	_width:1em; _cursor:hand;
		font-style: normal;
		margin: 0; padding: 0.1em 0.5em; 
		border-right: 1px solid #000000;
		background-color: #f0f0f0;
		color: #000000;   }		/* dark green on light-yellow bg	*/
		
#hmb a.ilb span,
#full-page a.ilb span
	{	_width:1em; _cursor:hand; 
		margin: 0; padding: 0.1em 0.5em 0.1em 0.3em;	}
		
#hmb a.ilb:hover,
#full-page a.ilb:hover		{	text-decoration: none;
								background: #000000;
								color: #000000;	}
													/* orange on dark green bg	*/

#hmb a.ilb:hover em,
#full-page a.ilb:hover em		{ 	border-right: 1px solid #f0f0f0;
								text-decoration: none;
								background: #000000;
								color: #c8c8c8;	}
													/* yellow on dark green bg			*/

/* #full-page a.ilb, */
#hmb a.ilb:link,
#hmb a.ilb:visited,
#hmb a.ilb:hover,
#hmb a.ilb:active,
#full-page a.ilb:link,
#full-page a.ilb:visited,
#full-page a.ilb:hover,
#full-page a.ilb:active	{ display: none; }

/*	Colors for Inline-Buttons (and maybe, elsewhere	*/

/* picture album buttons */
#full-page a.cmaroon		{	background: white; color: maroon;	}	
#full-page a.cmaroon em	{	background: maroon; color: white;	}

/* off-site definitions	*/
#full-page a.cred			{	background: white; color: red;	}	
#full-page a.cred em		{	background: red; color: white;	}

#full-page a.corange		{	background: #ffffff; color: #000000;	}
#full-page a.corange em	{	background: #000000; color: #000000;		}

.cblue { background: #06c; color: white; }
.cblue em { background: white; color: #06c; }

.cgreen { background: green; color: white; }
.cgreen em { background: white; color: green; }

#full-page a.cdarkblue { background: #006; color: #fff; }
#full-page a.cdarkblue em { background: #ccf; color: #006; }

#full-page a.cbrown { background: #dddd99; color: black; }
#full-page a.cbrown em { background: #000033; color: #ffffcc; }

/****************************************************************************************/
/* Index/Splash amd all Home Pages (Site, Main, Owner, SSFF)							*/
/****************************************************************************************/

body.hmbody,
body.idxbody
	{	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;	/* standard font	*/
		font-size: .9em; color: #000000; background: #ffffff;
														/* font and background color	*/
		width: 100%; height: 100%;
		text-align: left; line-height: 115%; margin: 1em; 	}
		
#hmb,
#idxb
	{	position: absolute; top: 10px; left: 10px;		/* 	Container Position			*/
		padding:  1em; 
		width: 100%;	}

img.hmimg,
#idxb img.idxb
	{	float: left; margin: 0 1em .5em 0;	}

/* Only used to semi-hide site map link on Index page									*/
#idxb a.sm					{ color: #f0f0f0; background: #ffffff; font-size: .6em; }
#idxb a.sm:hover			{ color: #f0f0f0; background: #ffffff; text-decoration: none; }
	
/* Home Page Section container 															*/

.hmsctn
	{	width: 100%; margin: .5em 5%; padding: .5em; border-bottom: .05em solid #000000;}

/* Family Page Section container 														*/

.famctn
	{	width: 100%; margin: 0; padding: .5em 1em .5em 0; 
		border-bottom: .05em solid #000000;	}

/* Family Page Section Container - Individual Page										*/
.famcip
	{	width: 100%; margin: 0; padding: .5em 0 .5em 0; 
		border-bottom: .05em solid #000000;	}

/****************************************************************************************/
/* Section Page Top containers															*/
/****************************************************************************************/
/* originally based on article at 														*/
/*	http://www.bigbaer.com/css_tutorials/css.float.html.tutorial.htm					*/
/* modified to make links into own div (needed width so sub-split would work right)		*/
/*--------------------------------------------------------------------------------------*/
/* These styles and ids are to be used on any "home" page (section/subsection/division)	*/
/*	where possible. It's also possible to use them without the SPLC. We'll see.			*/
/* SPPC can be used for H1, too, forcing wrap of longer headers						*/
/* SPLC dotted border uses SPHC border-top												*/
/****************************************************************************************/

/* Section Page Header Containter 														*/
/*	(for use when links container/sub-splits are used.)									*/
#sphc
	{	width: 100%; 
		margin: 0 .1em; 
		border-top: .2em dotted #000000;	
		border-bottom: .1em solid #000000; 
		padding-bottom: .5em; }

/* Section Page Placard or Header Container												*/
/*	(can be used for headers only to "wrap" text around header)							*/
/*	(It's possible I will want a "bordered" version.)									*/
/* Changed position from relative to static */
#sppc
	{	float: left; position: static;
		width: 45%;
		margin: 0 .2em 0 0;	}

#sppc h1	{	margin-bottom: 0; padding: 0 .2em .2em .2em;
				background: #ebebeb;	}	/* Light Orange Background	*/
			
/* Section Page Link Container (width needed to handle 50% split, below)				*/
#splc
	{	float: right;
		width: 45%; margin: 0; padding: 0 .5em;
		font-size: .85em; font-weight: bold; 
		border-right: .2em dotted #000000;
		border-bottom: .2em dotted #000000;
		border-left: .2em dotted #000000;	}

/* Split Link Container, so links will appear multi-column								*/

/* Column 1  - changed relative to static */
#lc1	{	float: left;
			width: 49%; margin: 0; padding: 0;
		    position: static;	}

/* Column 2 */
#lc2	{	float: right;
			width: 49%; margin: 0; padding: 0;	}
  
/* Change Position to Static and remove float */
#spcc	{	position: static; width: 100%; margin-top: .5em;	}

/* Family (thumbnail) Picture Page only													*/
/* Change position from relative to static */
#famp1	{	position: static; float: left; width: 100%; margin-top: .5em;
			font-family: "Courier New", Courier, monospace;	}

#famp1 p	{	margin: 0; text-align: center;	}

/* for paragraph at top of SPLC section */
.pnmnp	{	margin: 0; padding: 0;	}

/* removes bottom margin "pulling" dotted border up */
/* #splc ul	{	margin: 0 5% 0 5%;	}	*/

/****************************************************************************************/
/* Other Special Tags and Classes														*/
/****************************************************************************************/

.ct		{	text-align: center;	}

/* from A List Apart, "The Accessibility Hat Trick: Getting Abbreviations Right"		*/
/*						(http://www.alistapart.com/articles/hattrick/)					*/

/* I'm not sure if I need to define each DIV that is defined above. I am assuming I do	*/

/* These anchors are ONLY for abbreviations, acronyms and terms defined in the glossary	*/

#hmb a.glossary,
#sidebar-middle a.glossary,
#sidebar-bottom a.glossary,
#main-page a.glossary	{	text-decoration: none;	}

#hmb a:link.glossary,
#sidebar-middle a:link.glossary,
#sidebar-bottom a:link.glossary,
#main-page a:link.glossary,
#hmb a:visited.glossary,
#sidebar-middle a:visited.glossary,
#sidebar-bottom a:visited.glossary,
#main-page a:visited.glossary,
#hmb a:hover.glossary,
#sidebar-middle a:hover.glossary,
#sidebar-bottom a:hover.glossary,
#main-page a:hover.glossary,
#hmb a:hover:visited.glossary,
#sidebar-middle a:hover:visited.glossary,
#sidebar-bottom a:hover:visited.glossary,
#main-page a:hover:visited.glossary,
#hmb a:active.glossary,
#sidebar-middle a:active.glossary,
#sidebar-bottom a:active.glossary,
#main-page a:active:active.glossary
					{	color: #000000; background: transparent; text-decoration: none;
						border-bottom: 1px dotted #000000;
						cursor: help;													}
	
/* The Definition List is probably only used in the glossary page						*/
dt					{	font-weight: bold; margin: 1em 0 .5em 2em; padding: 0;			}
dd					{	margin: 0 1em 0 3em; padding: 0;}

.tblhdr	{		font-size: 105%; font-weight: bold;	text-decoration: underline;	}

noscript.ns
		{	margin: 0 5% 0 5%; border: .1em solid #000000; padding: .2em;
			background: #f0f0f0;					/* Light Yellow Background 			*/
			font-weight: bold; color: #a0a0a0;	}	/* bold red							*/	

/****************************************************************************************/
/* Test Font-Sizes for Test-Layout pages												*/
/****************************************************************************************/

.tfs1	{	font-size: .1em;	line-height: 250%;	margin: 1em 0 1em 0;	}
.tfs2	{	font-size: .2em;	line-height: 175%;	margin: 1em 0 1em 0;	}
.tfs3	{	font-size: .3em;	line-height: 175%;	margin: 1em 0 1em 0;	}
.tfs4	{	font-size: .4em;	line-height: 150%;	margin: 1em 0 1em 0;	}
.tfs5	{	font-size: .5em;	line-height: 115%;	margin: 1em 0 1em 0;	}
.tfs6	{	font-size: .6em;	line-height: 115%;	margin: 1em 0 1em 0;	}
.tfs7	{	font-size: .7em;	line-height: 115%;	margin: 1em 0 1em 0;	}
.tfs75	{	font-size: .75em;	line-height: 115%;	margin: 1em 0 1em 0;	}
.tfs8	{	font-size: .8em;	line-height: 115%;	margin: 1em 0 1em 0;	}
.tfs9	{	font-size: .9em;	line-height: 115%;	margin: 1em 0 1em 0;	}
.tfss	{	font-size:  1em;	line-height: 115%;	margin: 1em 0 1em 0;	}

.tfsp1	{	font-size:  10%;	line-height: 250%;	margin: 1em 0 1em 0;	}
.tfsp2	{	font-size:  20%;	line-height: 175%;	margin: 1em 0 1em 0;	}
.tfsp3	{	font-size:  30%;	line-height: 175%;	margin: 1em 0 1em 0;	}
.tfsp4	{	font-size:  40%;	line-height: 150%;	margin: 1em 0 1em 0;	}
.tfsp5	{	font-size:  50%;	line-height: 115%;	margin: 1em 0 1em 0;	}
.tfsp6	{	font-size:  60%;	line-height: 115%;	margin: 1em 0 1em 0;	}
.tfsp7	{	font-size:  70%;	line-height: 115%;	margin: 1em 0 1em 0;	}
.tfsp75	{	font-size:  75%;	line-height: 115%;	margin: 1em 0 1em 0;	}
.tfsp8	{	font-size:  80%;	line-height: 115%;	margin: 1em 0 1em 0;	}
.tfsp9	{	font-size:  90%;	line-height: 115%;	margin: 1em 0 1em 0;	}
.tfsps	{	font-size: 100%;	line-height: 115%;	margin: 1em 0 1em 0;	}

/****************************************************************************************/
/* End of  CSS																			*/
/****************************************************************************************/