A
{	font-family: Courier New;
	color: black;
    TEXT-DECORATION: underline
}
A:hover {color: #FFFFFF; font-family: Courier New; font-weight: bold}
td {font-family: Courier New;  font-size:12px}
button { font-family:arial; font-size:12px; font-weight:bold}
H3
{font-family:Courier New; font-size: 18px;
    MARGIN-TOP: 3px;
    MARGIN-BOTTOM: 3px

}
H4
{font-family:Courier New; font-size: 16px;
    MARGIN-TOP: 3px;
    MARGIN-BOTTOM: 3px

}
H5
{font-family:Courier New; font-size: 14px;
    MARGIN-TOP: 3px;
    MARGIN-BOTTOM: 3px
}
ul { MARGIN-TOP: 3px; MARGIN-BOTTOM: 3px }
body
{
background-color:#ffcc66;
background-image: url(../images/bk.jpg);
background-repeat:repeat-x;
}
.Container {
    padding: 0;
    margin: 0;
}

.Container li {
    list-style-type: none;
}

/* indent for all tree children excepts root */
.Node {
     background-position : top left;
    background-repeat : repeat-y;
    margin-left: 18px;
    zoom: 1;
}

.IsRoot {
    margin-left: 0;
}

/* left vertical line (grid) for all nodes */
.IsLast {
 }
 
.ExpandOpen .Expand {
    background-image: url(../images/open.gif);
}
 
/* closed is higher priority than open */
.ExpandClosed .Expand {
    background-image: url(../images/closed.gif);
}
 
/* highest priority */
.ExpandLeaf .Expand {
    background-image: url(../images/document.gif);
}

.Content {
    min-height: 18px;
    margin-left:18px;
}
.content a:hover{
color:yellow;
}

* html  .Content {
    height: 18px; 
}

.Expand {
    width: 18px;
    height: 18px;
    float: left;
}

.ExpandOpen .Container {
	display: block;
}

.ExpandClosed .Container {
	display: none;
}

.ExpandOpen .Expand, .ExpandClosed .Expand {
	cursor: pointer;
}
.ExpandLeaf .Expand {
	cursor: auto;
}
#pic{margin:10px;float:right;}