div.headswf {
  width: 700px;
  float: center;
  }
  
  div.menu {
   clear: both;
   width: 700px;
   }
  
 div.header {
  border-style: dotted solid;
  border-color: green;
  border-width: 1px 1px 1px 1px ;
  backbround-color: red;
  color: #808080;
  width: 700px;
  font-size: 80%;
 }
 
 div.mid {
  border-style: dotted solid;
  border-color: green;
  border-width: 1px 1px 1px 1px ;
  backbround-color: red;
  color: #808080;
  width: 700px;
  font-size: 80%;
 }
 
  div.footer {
  clear:both;
  border-style: dotted solid;
  border-color: green;
  border-width: 1px 1px 1px 1px ;
  backbround-color: lightgreen;
  width: 700px;
  color: red;
  text-align: right;
  font-size: 70%;
 } 
 
  h1.head {
  width: 700px;
 color: green;
  border-style: dotted solid;
  border-color: green;
  border-width: 0px 0px 1px 15px ;
  font-size: 150%;
  margin: 0px 0px;
  }
  
  h1.foot {
  color: lightgreen;
  border-style:  dotted solid;
  border-color: green;
  border-width: 0px 0px 1px 0px ;
  font-size: 100%;
 margin: 0px 0px;
   width: 700px;
  font-size: 70%;
}
 a.btn {
  border: outset #00ff00 4px;
  background-color: #00ff00;
  color: white;
  padding: 0.5em;
  display: block;
  width: 7em;
  text-align: center;
  text-decoration: none;
  float: left;
 }
 a.btn:hover{
 border: inset #00ff00 4px;
 }.link {  filter: Invert}

A:link{ 
color : #408080; 
}
A:visited{ 
color : #8000FF; 
}
A:active{ 
color : #FF8040; 
text-decoration :  underline;
}
A:hover{ 
color : #FFFFFF; 
font-weight : bold; 
text-decoration :  underline;
background-color : #FF8040; 
}