body { font-size: 80%; font-family: helvetica, arial, sans-serif; font-style:normal; margin-top: 0px; background-color: #EEEEEE; 
 scrollbar-3d-light-color: white;
 scrollbar-arrow-color: black;
 scrollbar-base-color: lightslateblue;
 scrollbar-dark-shadow-color: gainsboro;
 scrollbar-face-color: lightslategray;
}  
div.content_target { margin-left: 0px; margin-right: 0px; margin-top: 0px; }
div.rightNavMenu { width: 145px; }
div.contentBelowDtree { margin-left: 5px; }
div.contentBelowRightNavMenu { margin-top: 110px; margin-left: 5px; }

/* color of top of pg bar: #627a83
Other colors: 


 */


/*  font-size: 70%; FONT SIZES all look good in both IE5 and Netscape 4.7; next, check them at a higher screen resolution than mine. Otherwise, everything else looks good, including balanced solution to problem with nested tables in Netscape. Let it stand! */

/* BLOCK ELEMENTS */
		
	h1 { font-size:140%; font-family: Times New Roman; font-style:normal; font-weight: bold; color: steelblue; margin-bottom: 5px; margin-top: 5px; }
	h2 { font-size:120%; font-style:normal; font-family: helvetica, arial, sans-serif; font-weight: none;  color: #627a83; margin-bottom: 2px; margin-top: 0px; } 
	/* brown = #804000; */
	h3 { font-size:110%; font-family: helvetica, arial, sans-serif; font-style:normal; font-weight: bold; }


	h4 { font-size:120%; font-family: helvetica, arial, sans-serif; font-style:normal; font-weight: lighter;  }
	h5 { font-size:100%; font-family: helvetica, arial, sans-serif; font-weight: bold; font-style: bold; }
	h6 { font-size:90%; font-family: helvetica, arial, sans-serif; font-weight: bold; font-style: italic; }
	
	pre { font-family:Courier; font-size: 70%; background-color: gainsboro; }  
/* 	pre is for extended code samples and other material without internal formatting, especially line breaks or paragraphs.
 */

 p {  }
 blockquote {font-family:Courier; font-size: 90%; }  

/* LIFTOUT, PULL QUOTE, or RESOURCES MENU: This works in IE5 only, not Netscape. */
.liftout { font: 110%; text-align: left; border-top: 1px brown solid; border-bottom: 1px brown solid; margin: 1em; padding: 0.5em; background: #CCCCAA; width: 30%; float: right; }  

	 ul 	{ list-style-image: url(http://www.criticism.com/images/blueslate_bullet.gif); margin-top: 3px; margin-bottom: 8px; margin-left: 25px; } 
		ul ul 	{ list-style-type: square;}  /* For nested lists. or: list-style-type: disc;  */
 	
		hr 	{ height: 1; color:  navy }	/* IE5+ only.  */
	
	table { font-family: helvetica, arial, sans-serif; margin-left: 0px; }
	td { font-size: 80%; font-family: helvetica, arial, sans-serif; margin-top: 0px; v-align: top; margin-left:	0px; }  
td.toc { font-size: 60%; } 
	tr { font-family: helvetica, arial, sans-serif; margin-top: 0px; v-align: top; margin-left: 	0px; }


/* td.smallfont { font-size: 60%; } */
/* table class="smallfont" */



/* INLINE ELEMENTS */ 
/* Can I use one of these to make a distinction btwn strings of text a computer user should input or execute and other code? */ 

	strong { font-size: 170%; font-family: Times New Roman; font-style:normal; font-weight: bold; color: #627a83;  }  /* For drop caps. */
	kbd  { font-family:Tahoma; font-weight: normal; }  /* Tahoma = user input commands like File or select Save or other commands like Ctrl-V executed through the keyboard. Dialogue box messages. Etc.  */			
	cite  { } /* Ital for titles of documents, books, references and citations in running text, etc. */
	
	code { font-family:Courier; font-size: 90%; font-style:normal; } /* Courier = paths, filenames, host names, code snippets. */ 

	samp { font-family: helvetica, arial, sans-serif; font-style:italic; } /* CQ: samp words with CSS. For words as words and instead of the element wordasword. */

	dfn { } /* For definitions or semantically similar material. Perhaps for use with term element. */
	var { } /* For variables and semantically similar material like values and, perhaps, properties. */
	em {  } /* For emphasis; italic only. */
	address { font-size: 80%; font-style:normal; }
	
	a:link	{color: navy; text-decoration: none; }
	a:active	{color: blue; text-decoration: none; }
	a:visited	{color: #627a83; text-decoration: none; }
        a:hover    {color: blue; text-decoration: underline; font-weight: bold; }
/* Pseudo class selectors for the a element: */
a.barNavLink:link { font-weight: bold; color: whitesmoke; font-size: 90%; }
a.barNavLink:active { font-weight: bold; color: silver; font-size: 90%; }
a.barNavLink:visited { font-weight: bold; color: silver; font-size: 90%; }

.lert {color: #6b2b1b; text-decoration: none; cursor: hand; } 
/* The lert rule needs css specifier so when pointer goes over it the hand is shown. */

div { }
#contents  {  }  /* width: 580; */
.note { }

span {  }
/* SPAN CLASSes: Need not be unique. Note: FP's VBA cannot act on the class selector with the .Item method. */
.barNavMenu { font-size: 90%; font-weight: bold; color: silver;}
.barNavBrand { font-size: 110%; font-weight: bold; color: whitesmoke; }
.smcapsBrand {font-size: 70%; text-transform: uppercase; font-weight: bold; color: whitesmoke;}
.barNavLogo { font-size: 100%; font-weight: bold; color: whitesmoke; }
.titleHead { font-family: helvetica, arial, sans-serif; font-size: 140%; font-weight: bold; color: steelblue; }
.altImages { font-size: 70%;}
.reverseToc { margin-top: 5px; background-color: #627a83;  color: whitesmoke; Times New Roman; font-style:normal; font-size: 110%; font-weight: bold; width: 130px; text-align: left; }
.reverseGen { background-color: #627a83;  color: whitesmoke; Times New Roman; font-style:normal; font-size: 110%; font-weight: bold; text-align: left; }
.reverseColumnWide { background-color: #627a83;  color: whitesmoke; Times New Roman; font-style:normal; font-size: 90%; font-weight: bold; width: 136px; text-align: left; } 




.loc { font-weight: normal;  font-size: 80%; color: whitesmoke;  }
a.loclink { color: whitesmoke;  }
a.loclink:hover {color: mintcream; text-decoration: underline; font-weight: bold; }
a.loclink:active { font-weight: bold; color: silver; font-size: 90%; }
a.loclink:visited { font-weight: bold; color: silver; font-size: 90%; }


.cathd { font-size: 90%; font-weight: bold; color: navy;}


/* span for small caps on dita em element: */
.smcaps {
    font-size: 0.8em;
    text-transform: uppercase;
}





/* SPAN IDs: Must be unique. Note: FP's VBA can act on the id selector with the .Item method. */
#nns-ca { font-size: 70%;} 
#botLinks { font-size: 80%; color: whitesmoke; }
a.botLink:link { font-size: 100%; color: whitesmoke; }
a.botLink:active { font-size: 80%; color: silver; }
a.botLink:visited { font-size: 100%; color: silver; }


#proprietary { font-size: 70%;}
#positionPaper { font-family: Times New Roman; font-size: 80%; font-weight: bold; color: olive; }
#deck { font-family: Times New Roman; font-size: 130%; font-weight: bold; color: #627a83; }

button { font-family:tahoma; font-size:90%; color: olive; font-weight: ; align: right;  } 
input { font-family:tahoma; font-size:90%; color: olive; font-weight: ; align: right;   }

/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}

/* FOR RSS NEWSFEEDS: */
	.ln_list, .ln_link {
		font-family: arial, helvetica;
		font-size: 8pt;
	}
	.ln_item {
		border-bottom: 1px dashed navy;
		padding-bottom: 10px;
		margin-bottom: 2px;
	}
	.ln_headline {
		font-size: 8pt;
		font-weight: bold;
	}
	.publication {
		font-weight: normal;
	}