body {

  background-color: #ddd;
}

#Center {
  text-align: center;
}

#Header {
	position : absolute;
	top : 0;
	height: 10%;
	width : 100%;
}
#NavBar {
	position : absolute;
	top : 10%;
	height:75%;
	width : 20em;
}

#BodyText {
        width:100%;
	top:10%;
	position:absolute;
	left:15em;
}

#Footer {
	position : absolute;
	top : 80%;
	height : 20%;
	width : 100%;
}

#Footer a {
  text-decoration:underline;
  color : blue;
  border:none;
}
#Header h1 {
  text-align : center;
}

body {
	behavior:url("../htc/csshover.htc");
	
	font-family:arial,tahoma,verdana,helvetica;
	font-size:12px;
}

	/* the menu */

ul,li,a {
	display:block;
	margin:0;
	padding:0;
	border:0;
}

ul {
	width:150px;
	border:1px solid #9d9da1;
	background:white;
	list-style:none;
}

li {
	position:relative;
	padding:1px;
	padding-left:26px;
/*	background:url("images/item_moz.gif") no-repeat;*/
	z-index:9;
}
li.folder	{/* background:url("images/item_folder.gif") no-repeat;*/ }		
li.folder ul {
	position:absolute;
	left:120px; /* IE */
	top:5px;
}		
li.folder>ul { left:140px; } /* others */

a {
	padding:2px;
	border:1px solid white;
	text-decoration:none;
	color:gray;
	font-weight:bold;
	width:100%; /* IE */
}
li>a { width:auto; } /* others */

li a.submenu {
/*	background:url("images/sub.gif") right no-repeat;*/
}

/* regular hovers */

a:hover {
	border-color:gray;
	background-color:#bbb7c7;
	color:black;
}
li.folder a:hover {
	background-color:#bbb7c7;
}
	
/* hovers with specificity */

li.folder:hover { z-index:10; }		
		
ul ul, li:hover ul ul {
	display:none;
}

li:hover ul, li:hover li:hover ul {
	display:block;
}