/****************************************************************************************/
/*	Filename:		OFP2.CSS															*/
/*	Written by:		Bill Sanders														*/
/*	Date written:	05/16/2006															*/
/*	Description:																		*/
/*		Contains all the CSS styles, classes and ids for OFP2							*/
/****************************************************************************************/

/****************************************************************************************/
/* for ofp2p[rint].css, copy all of ofp2.css and mass change the following:				*/
/*		dcfadd (light green)	to ffffff (white)	(general background)				*/
/* 		005500 (dark  green)	to 000000 (black)	(general font color/hilite bg)		*/
/*		ffff00 (yellow     )	to 000000 (black)	(hover and hilite font)				*/
/*		ff6633 (orange     )	to 000000 (black)	(active link font)	 				*/
/*		ffffe1 (light yellow)	to ffffff (white)	(light yellow background			*/
/*		fff2e6 (light orange)	to ffffff (white)	(light orange background)			*/
/* Manual changes:																		*/
/*		remove any URL																	*/
/*		change #button-sidebar to "{ display: none; }"									*/
/*			and remove everything from there down.										*/
/* 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://css.maxdesign.com.au/floatutorial/tutorial0816.htm		*/
/****************************************************************************************/

body
	{	min-width: 300px; 			/* don't allow full body to be < 2xsidebar+			*/
		font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;	/* standard font	*/
		font-size: 1.05em; color: #005500;	
		background: #f0fff0 url('../images/site/ofp2_bg_2.jpg') repeat-y;
									/* font and background color/image					*/
	}

#full-page
	{	width: 100%; margin: 5px;	}

/* Simply defined because it was originally and the class was used */
#full-page .column
	{	/* float: left; position: relative;	*/ }
		
#main-page
	{	margin-left: 125px;
		width: 98%;
		background-color: #f0fff0;						/*	BG color for wide layering	*/
	}
		
#full-page > #main-page { width: auto; }
		
#full-sidebar
	{	position: absolute; top: 5px;
		width: 100px;
		/* padding: 0; margin: 0; */
		text-align: center;		}





/****************************************************************************************/
/* 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;	}

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

/* sb-spacer was defined to try to push sidebar bottom down to bottom of left column.	*/
/* because of the 20010 declarations, below, to make columns the same size, 			*/
/* it didn't work	(font-size defined to make sure width of spacer not overridden)		*/
#sb-spacer
	{	height: 95%; float: left; width: 1px; font-size: 1px; padding: 0; margin: 0;	}

/* Created to force sidebar-bottom lower on screen. Because of 20010 declarations, 		*/
/* above, to make columns the same size, I can't position sb-bottom to the bottom of	*/ 
/* the column and have it "match up" with main-page. This separates top from bottom.	*/ 
#sidebar-middle		{	height: 15em;	}

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

#main-page		{	font-size: 95%;	line-height: 115%;		}
#sidebar-top,
#sidebar-bottom	{	color: #feb767; background: #336600;	}	/* Orange on Green		*/

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

/* "Cascade" effect ADDs these to Sidebar-x definitions, above							*/
/*	(This is for any text typed into the sidbar that is NOT a button)					*/
#sidebar-top p,
#sidebar-bottom p
	{	font-size: .8em;
		font-weight: bold;
		text-decoration: none;
	}

#sidebar-middle p
	{	font-size: .8em;
		font-weight: bold;
		text-decoration: none;
		color: #005500;						/* Green									*/
		background: transparent;			/* Trans (when color defined, bg s/b, too)	*/
	}

.sb-para
	{	padding: 0;
		text-align: center;
		margin: 0;
		width: 100px;	}

/****************************************************************************************/
/* 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	*/
/****************************************************************************************/

.sb-button
	{	padding: 0;
		text-align: center;
		margin: 0;	
		width: 100px;	}

.sb-button a 
	{	text-decoration: none;
		display: block;
		color: #feb767;						/* Orange									*/
		background-color: #336600;			/* Dark Green								*/
		border-top: 2px		solid #009D4F;	/* Lightest Green							*/
		border-left: 2px	solid #009D4F;	/* Lightest Green							*/
		border-right: 2px	solid #004400;	/* Darkest  Green							*/
		border-bottom: 2px	solid #004400;	/* Darkest  Green							*/
	}

/* from http://www.alistapart.com/articles/horizdropdowns								*/
/* height: 1% rule has been added because of another IE bug, which requires a height 	*/
/* value to make the links display as block-level elements.								*/
/* Fix IE. Hide from IE Mac \*/
* html .sb-button a { height: 1%; }
/* End */

/* Hover MUST follow link																*/
.sb-button a:hover
	{	color: #ffff00;						/* #005500;		/ * Dark     Green			*/
		background-color: #336600;			/* #feb767;		/ * Orange					*/
		border-top: 2px		solid #004400;	/* Darkest  Green							*/
		border-left: 2px	solid #004400;	/* Darkest  Green							*/
		border-right: 2px	solid #009D4F;	/* Lightest Green							*/
		border-bottom: 2px	solid #009D4F;	/* Lightest Green							*/
	}
	
/* Active link MUST follow Hover 														*/
.sb-button a:active
	{	color: #c0dc01;						/* Bright Yellow-Green						*/
		background-color: #336600;			/* Dark Green								*/
	}

/****************************************************************************************/
/* 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: #ffff00;	}
											/* Yellow Background						*/

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

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

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

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

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

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

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

.hbbqrff	{	margin: 0 5% 0 5%; border: .1em solid #005500; 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 #005500; 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 #005500; padding: .2em;
				background: #ffffff;	}	/* White Background							*/

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

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

.hbbqrlo	{	margin: 0 5% 0 5%; border: .1em solid #005500; padding: .2em;
				background: #fff2e6;	}	/* 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: #0000ff;	}	/* Blue font */
.spec	{	color: #ff0000;	}	/* 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: #ff0000;		}		/* red						*/
.fcb						{	color: #0000ff;		}		/* blue						*/

.bf							{	font-weight: bold;					}	/* std bold		*/
.bfcr						{	font-weight: bold; color: #ff0000;	}	/* bold red		*/
.bfcb						{	font-weight: bold; color: #0000ff;	}	/* bold blue	*/
.bfcg						{	font-weight: bold; color: #006600;	}	/* bold green	*/

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

.fcgh						{	color: #006600; background: #ffff99; } /* green/yellow	*/
.fcrh						{	color: #ff0000; background: #ffff99; } /* red/yellow	*/
.fcbh						{	color: #0000ff; background: #ffff99; } /* blue/yellow	*/

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

.fcbu						{	color: #0000ff; 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: #005500;	background: transparent;		}

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

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

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

.linkbar, #cr	{	clear: both; text-align: center; margin: 0; padding: 0;	}
.linkbar		{	line-height: 100%; 	}

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

#bc-box			{	padding: .1em; 
					border:  .1em solid #005500; 
					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: 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: #005500; 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: #005500; 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: #ffff00; background: #005500;     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: #ffff00; background: #009D4F; 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: #feb767; background: transparent; text-decoration: underline;	}

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

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

/* For "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: #005500; background: #ffffe1; /* line-height: 1.75em; */
		border: 1px solid #005500;}

#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: #005500; background: #f0fff0; /* line-height: 1.75em; */
		text-decoration: none; border: 1px solid #005500; }

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

/****************************************************************************************/
/* 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	{ text-decoration: 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 #005500;
		white-space:nowrap;
		text-decoration: none;
		vertical-align:middle;
		background-color: #f0fff0;
		color: #005500; 	}	/* "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 #005500;
		background-color: #ffffe1;
		color: #005500;   }		/* 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: #005500;
								color: #feb767;	}
													/* orange on dark green bg	*/

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

/*	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: #feb767;	}
#full-page a.corange em	{	background: #feb767; 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: #005500; background: #f0fff0;
														/* font and background color	*/
		width: auto; /* 100%; */ height: 100%;
		text-align: left; line-height: 115%; margin: 1em; 	}
		
#hmb,
#idxb
	{	position: absolute; top: 10px; left: 10px;		/* 	Container Position			*/
		padding:  1em; 
		/* width: 95%; */	}

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: #FFFF99; background: #f0fff0; font-size: .6em; }
#idxb a.sm:hover			{ color: #FFFF99; background: #f0fff0; text-decoration: none; }
	
/* Home Page Section container 															*/

.hmsctn
	{	/* width: 90%; */ margin: 0 1.5em .5em 5%; padding: 0 .5em; border-bottom: .05em solid #005500;}

/* Family Page Section container 														*/

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

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

/****************************************************************************************/
/* 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
	{	float: left; width: 100%; 
		margin: 0 .1em; 
		border-top: .2em dotted #005500;	
		border-bottom: .1em solid #005500; 
		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.)									*/
#sppc
	{	float: left; position: relative;
		width: 45%;
		margin: 0 .2em 0 0;	}

#sppc h1	{	margin: 0; padding: 0 .2em .2em .2em;
				background: #fff2e6;	}	/* 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 #005500;
		border-bottom: .2em dotted #005500;
		border-left: .2em dotted #005500;	}

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

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

/* Column 2 */
#lc2	{	float: right;
			width: 49%; margin: 0; padding: 0;	}
  
#spcc	{	position: relative; float: left; width: 100%; margin-top: .5em;	}

/* Family (thumbnail) Picture Page only													*/
#famp1	{	position: relative; 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: #005500; background: transparent; text-decoration: none;
						border-bottom: 1px dotted #005500;
						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 #005500; padding: .2em;
			background: #ffffe1;					/* Light Yellow Background 			*/
			font-weight: bold; color: #ff0000;	}	/* bold red							*/

div.cb	{	clear: both;	}

/****************************************************************************************/
/* 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																			*/
/****************************************************************************************/