body 	{ font-family: verdana, arial;
    	margin: 0em;
    	padding: 0em;
	color: black;
	scrollbar-base-color: #196fc5;
	scrollbar-track-color: navy } /* "scrollbar" is not a valid property--it only works in IE */

#content { background: transparent none;
    	padding: 0.5em;
    	padding-left: 12em }

a	{ background: transparent none; 
	font-weight: bold; 
	text-decoration: none }

#content a:link { color: #196fc5 }

#content a:visited { color: #196fc5 }

#content a:hover { color: #d2a916 }

#content a:active { color: #738fba }	

#sidebar { position: absolute;
    	top: 0;
    	left: 0;
    	width: 10em;
    	height: 100%;
    	background: navy none;
    	color: navy;
	border-right: 3px navy solid;
	border-left: 3px navy solid;
	overflow: auto }

body > #sidebar { position: fixed }

#sidebar a { display: block;
    	text-decoration: none;
	text-align: center;
    	padding: 1px;
    	background: #196fc5 none;
    	color: white;
    	font-weight: bold;
    	font-size: 8pt;
    	margin-bottom: 2px;
	border: 2px #4096EC outset }

#sidebar a.red	{ color: red }

#sidebar a:active { border: 2px #4096EC inset }

#sidebar a:hover { background: #d2a916 none;
    	color: white }

#menu a { width:15em;
    	display: block;
    	text-decoration: none;
	text-align: center;
    	padding: 1px;
    	background: #196fc5 none;
    	color: white;
    	font-weight: bold;
    	font-size: 8pt;
    	margin-bottom: 2px;
	border: 2px #4096EC outset }

td      { font-size: 10pt; padding: 4px }


#navybox { color: white; background-color: navy; width: 50%; text-align: left } 
#navybox a:link { color: yellow } /* "a" indicates the "anchor" tag used for links */ 
#navybox a:visited { color: silver } 
#navybox a:hover { color: red; background-color: white } 

.reference a { width:12em;
    	display: block;
    	text-decoration: none;
	text-align: center;
    	padding: 1px;
    	background: none #196fc5;
    	color: white;
    	font-weight: bold;
    	font-size: 8pt;
    	margin-bottom: 2px; margin-top: 2px;
	border: 2px #4096EC outset }

.reference a:visited  { color: white }

.reference a:active { border: 2px #4096EC inset }

.reference a:hover { color: white;
    	background: #d2a916 none;
	border: 2px #4096EC inset }

.there	{ color:#738fba; }

.center	{ text-align: center; }

img	{ border: 0em; }


h2	{ font-family: verdana; 
	font-size: 22px; color: red }

h5	{ text-indent: 2em }

h6	{ text-decoration: underline }

.note	{ float: right; width: 30%; 
	border: navy solid 1px; 
	font-size: 8pt; padding: 5px;
	background: none #00ffff }

.red	{ color: red }

ul li	{ list-style-type: square }

li.linote	
	{ text-indent: 4em; 
	font-style: italic; font-size: smaller;
	list-style-type: circle }

tt	{ font-weight: bold }

table	{ width: 90%; }

table.eighty {width: 80% } 

th	{ font-size: 10pt; color: white;
	background: #196fc5 none }

td	{ vertical-align: top; text-align: left }

dt	{ font-weight: bold }

.thead	{ text-align: center; background: #d2a916 none;
	font-size: small }

.tdex	{ font-weight: bold; font-size: 7pt }

.silver	{ background: silver none }

.indent	{padding-left: 3em }

.faded	{ color: silver; font-family: courier }

.tagnote { font:italic 9pt arial }

.example { border: dashed black 1px }

.pgbr	{ page-break-before: always }