BODY{
  
  
  text-align : center;
  margin-top : 10px;
}
.titlebar{
  border-left-width : 5px;
  border-bottom-width : 1px;
  border-left-style : solid;
  border-bottom-style : solid;
  border-left-color : olive;
  border-bottom-color : olive;
  width : 700px;
  text-align : left;
  text-indent : 5px;
  font-size : 20px;
  
  background-image : url(image/bar.jpg);
  height : 29px;
  vertical-align : middle;
  left : auto;
  margin-top : 30px;
  color : gray;
  margin-bottom : 0px;
  letter-spacing : 3px;
  font-weight : bold;
}
.element{
  width : 700px;
  text-align : left;
  font-size : 15px;
  margin-top : 0px;
  margin-bottom : 5px;
  
  letter-spacing : 2px;
}
.bar2{
  width : 344px;
  text-align : left;
  font-size : 15px;
  
  background-repeat : repeat-y;
  border-bottom-width : 5px;
  border-bottom-style : double;
  border-bottom-color : blue;
  
}
.element2{
  font-size : 13px;
  vertical-align : top;
  width : 344px;
  background-color : #f0f0ff;
border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : aqua aqua aqua aqua;}
.footer{
  border-top-width : 3px;
  border-bottom-width : 3px;
  border-top-style : dotted;
  border-bottom-style : dotted;
  border-top-color : gray;
  border-bottom-color : gray;
  width : 700px;
  text-align : center;
  height : 50px;
  margin-top : 20px;
}
A:HOVER{
  text-decoration : none;
}
LI{
  line-height : 25px;
  list-style-type : circle;
  list-style-position : outside;
}