/* absPercentW.css */
/* unindent each unordered list */

#all {
  
  position: absolute;
  left: 1%;
  top: 0%;
  width: 98%;
  
}

#head {
  
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 150px;
  text-align: center;
}

#head h1 {
  margin-top: 1%;
}

#menu {
  
  position: absolute;
  
  top: 170px;
  width: 100%;
  height: 55px;
  text-align: center;
}

#menu ul {
  text-align:center;
}


#menu li {
  list-style-type: none;
  border: 3px maroon outset;
  float: left;
  width: 8em;
  background-color: white;
  font-weight: bold;
  text-align: center;
}


#menu a {
  display: block;
  color: black;
  text-decoration: none;
}

#menu a:hover{
  color: white;
  background-color: teal;
  border: 3px teal inset;
}

/* collapse nested lists */
#menu li ul {
  display: none;
}

/* display sublists on hover */
#menu li:hover > ul {
  display: block;
}

/* indent third-generation lists */
#menu li li li {
  margin-left: 1em;
}


#leftc {
  
  position: absolute;  
  top: 197px;
  width: 135px;
  left: 5px;
  padding-left: 1px;
  padding-right: 1px;

}

#leftc li {
 list-style-type: none;
  margin-left: -2em;  
  text-align: left; 
  
  
}

#content {
  
  position: absolute;
  left: 146px;
  top: 250px;
  
  
  padding-left: 3%;
  padding-right: 1%;

 
}