body { color: #003000; background-color: #FFFFDD; font-size: 10pt; font-family: Arial, Helvetica; background-image: url("images/background.jpg"); }
table{ font-size: 10pt; empty-cells:show;}
h1 { color: #330077; font-size: 14pt; }
h2 { color: #330077; font-size: 12pt; } 
h3 { color: #330077; font-size: 11pt }

a:link { color: #330077; text-decoration: none; }
a:visited { color: #660088; text-decoration: none; }
a:active { color: #660088; text-decoration: none; }
a:hover { color: #663388; text-decoration: underline; }

h1.heading { font-size: 20pt; }
h1.h0 { font-size: 20pt; }
h1.h2 { font-size: 12pt; }


ul { margin-top:2px;margin-bottom:2px }

.aligncenter {text-align:center;}

.alignright {text-align:right;}

.caption {font-size: smaller; text-align: center;}

.childrenindent {margin-left: 15px; }

.clear {clear: both;}

.clearright {clear: right;}

.clearleft {clear: left;}

.floatright {clear: right;float: right;}

.floatleft  {clear:left; float:left;}

.hide {display: none; }

.icon {vertical-align:middle;width:16px;height:16px;border:0px;}

.iconsmall {vertical-align:middle;width:12px;height:12px;border:0px;}

.indent {text-indent: 20px;}

.footnote {font-size: smaller; font-style:italic;}

.nobr { white-space: nowrap; }

.note {font-size: smaller; font-style:italic; margin-left: 1cm;}

.pic {border-style:groove;cursor:pointer;text-align:left;}

.picright {border-style:groove;cursor:pointer;text-align:left;}

.picleft {border-style:groove;cursor:pointer;float:left;}

.show {display: inline;}

.small {font-size: smaller;}

.subhead {text-decoration: underline;}

.widthlarge {width: 248px;}

.widthpaddedsmall {width: 115px;}

.widthpaddedlarge {width: 263px;}

.widthsmall {width: 100px;}

.yscroll {overflow-y: scroll;}

/* see http://www.positioniseverything.net/easyclearing.html for an explanation of the following */

.clearfix:after {
    content: "."; 
    display:block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: -moz-inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* end clearfix */

/*
Explorer Tree 1.4
=================
by Andrew Gregory <andrew@scss.com.au>
http://www.scss.com.au/family/andrew/webdesign/explorertree/

This work is licensed under the Creative Commons Attribution License. To view a
copy of this license, visit http://creativecommons.org/licenses/by/1.0/ or send
a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305,
USA.

+ Minor amendment by Ron to add list images & add cursor styling
*/

/* Get the bullets inside their LI's, so they're clickable. */
ul.xT li { list-style-position: inside; cursor: pointer; }
ul.xT, ul.xT ul, ul.xT li { margin: 0px; padding: 0px; }
ul.xT ul { padding-left: 10px; } /* sublist indentation */
/* Set the bullet images */
ul.xT li { list-style-image: url(images/space.gif); list-style-type: square; }
ul.xT li.xT-o { list-style-image: url("images/arrow.hide.gif"); list-style-type: circle; }
ul.xT li.xT-c { list-style-image: url("images/arrow.show.gif"); list-style-type: disc; }
/* Actually show and hide sublists */
ul.xT li.xT-o ul { display: block; }
ul.xT li.xT-c ul { display: none; }
ul.xT ul.xT-n li.xT-n { color:black; cursor: default;}
ul.XT li.xT-h { color: #330077;}