/* styles.css - determines all page layouts for all templates */

/**
* Default Body styles
* @title Body
*/

html, body {
	color:#000;
	background-color:#ddd;
	margin:0;
	font-size:100%;
	font-family: sans-serif; 
}

div#pagewrap {
  width: 70%;
  margin: 14% auto;
  padding: 2em;
  color: #333;
  background-color: #fff;
  min-width: 10em;
  max-width: 90%;
  min-height: 10em;
}



/**
* Tree styles
* @title tree
*/

ul {
	list-style-type: none; 
}

ul li ul.collapseme {
	display: block;
}


ul li ul {
	display: none;
}

ul li a {
	background-image: url("blackarrow.gif");
	background-repeat: no-repeat;
	background-position: -5px -2px;
	border: 1px solid #fff;
	margin-left: -1em;
	padding-left: 1em;
}

ul li.expanded a {
	background-image: url("redarrow.gif");
	background-position: -3px -4px;
}

ul li.expanded ul li a {
	background: none;
}

ul li {
	border: none;
	margin: 0.25em;
  	padding: 0;
}

ul li.expanded ul {
	display: block;
}