/*	customize stylesheet
	this is used to give the layout some colour
	this is not part of the demo and should be customized to your liking		*/

html, body {
	background: #eee;
	font-family: Arial;
	}
	
h1 { 
	font-size: 20px; 
	margin: .5em 15px; 
	}

#header, #footer {
	background: #cce;
	}

#middle {
	background: #ececec;
	}

#nav, #xtra {
	color: #666;
	}


.treenav {
	background-color: #fff;
	border: 1px solid #ccc;
}
	
ul {
  margin: 0;
  padding:0;
  padding-left: 0px;
}
li {
	margin: 0;
	padding: 0;
	list-style-type:none;
 /* list-style-type: disc;
  list-style-image: url(../img/down.png);
  */
}
li.file {
	list-style-type:none; /*
  list-style-type: square;
  list-style-image: url(../img/right.png);*/
}

a:link,
a:active,
a:visited {
	
	margin: 0;
	padding: 0;
  color: #000;
  font-family: Verdana;
  font-size: 13px;
  text-decoration: none;
  background-color: #FFF;
  display: block;
  width: 100%;
  border: 0px solid #CCC;
}

a:hover {
  background-color: #eee;
}

a:link.live,
a:active.live,
a:visited.live,
a:hover.live {
  border: 0px dotted #808080;
}