/* Template - 3 columns */
#head {
  text-align: center;
  width 90%;
  height: auto;
  background-color:purple;
 /*border-bottom: 5px black double;*/
}

#menu {
 /*border: 3px red solid;*/
  float: left;
  width: 11%;
  text-align: center;
  padding-left: 1%;
}
#middle{
/*border: 3px blue solid;*/ 
text-align: center;
/* border-left: 4px gray solid;*/
  float: left;
  width: 60%;
  margin-left: 1%;
  padding-left: 1%;
}
#right{

 /* border-left: 4px gray solid;*/
  float: left;
  width: 20%;
  text-align: left;
  margin-left: 1%;
  padding-left: 1%;
}

#footer {
  border-top: 5px gray double;
  float: left;
  clear: both;
  width: 90%;
  text-align: center;
}
#menu li {
  list-style-type: none;
  width: 6.5em;
  text-align: center;
  margin-left: -2.5em;
}

#menu a {
  text-decoration: none;
  color: black;
  display: block;
  border: 3px purple outset;
  background-color: #COCBE7;
}

#menu a:hover {
  border: 3px purple inset;
}