@import url(style.css);

@import url(style.css);
*{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  text-decoration : none;
}

#container{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : auto;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : auto;border-width : 2px;border-top-style : solid;border-right-style : solid;border-bottom-style : solid;border-left-style : solid;border-color : green;
  width : 800px;
  height : auto;
}
#header{
  background-color : blue;
  height : 100px;
  color : yellow;
  padding-top : 10px;
  padding-left : 10px;
  border-top-color : #000000;
  border-left-color : #000000;
}
#side{
  padding-top : 10px;
  padding-left : 5px;
  border-top-color : #000000;
  border-left-color : #000000;
  width : 140px;
  float : left;
  background-color : purple;
  white-space : normal;
}
#main{
  padding-top : 10px;
  margin-left : 0px;
  margin-right : 0px;
  border-top-color : #000000;
  border-left-color : #000000;
  border-right-color : #000000;
  width : 645px;
  float : right;
  background-color : aqua;
  color : fuchsia;
  padding-left : 10px;
  border-bottom-color : #000000;
}
#footer{
  margin-top : 0px;
  border-top-width : 1px;
  border-top-style : dotted;
  border-top-color : green;
  height : 30px;
  clear : both;
  background-color : gray;
  color : white;
}
#navi{
  background-color : green;
  width : 100%;
  float : left;
  white-space : normal;
}
#navi ul{
  padding-top : 10px;
  padding-left : 50px;
  padding-right : 10px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  border-top-color : #000000;
  border-left-color : #000000;
  border-right-color : #000000;
  list-style-type : none;
}
#navi ul li{
  background-color : white;
  vertical-align : middle;
  text-align : center;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 5px;
  margin-bottom : 0px;
  border-right-color : #000000;
  width : 6em;
  height : auto;
  float : left;
}
#navi ul li a{
  background-color : white;
  text-decoration : none;
  display : block;
}
#navi ul li a:hover{
  color : green;
  background-color : lime;
}
#side ul{
  padding-top : 10px;
  padding-left : 5px;
  padding-right : 10px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  border-top-color : #000000;
  border-left-color : #000000;
  border-right-color : #000000;
  list-style-type : none;
}
#side ul li{
  background-color : white;
  vertical-align : middle;
  text-align : center;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 5px;
  border-left-color : #000000;
  border-right-color : #000000;
  width : 7em;
  height : auto;
  float : left;
  border-top-color : #000000;
  border-bottom-color : #000000;
  font-size : large;
}
#side ul li a{
  background-color : yellow;
  display : block;
}
#side ul li a:hover{
  color : white;
  background-color : fuchsia;
}