body {
  margin: 0 auto;
  padding: 0;
  color: #000000;
  background-color: #ffffff;
}

#wrapper {
  margin: 0 auto;
  width: 780px;
  border: 2px solid #000000;
  background-color: #ffffff;
}

#header{
  margin: 0;
  padding: 0;
  width: 500px;
  height: 100px;
  background-color: #aaaaaa;
  float: left;
}


/*update info
------------------------------------*/
#update{
  margin: 0;
  padding: 0;
  width: 280px;
  height: 100px;
  background-color: #ffffff;
  font-size: small;
  float: left;
}
#update h3{
  margin: 1ex 0 0 1em;
  padding: 0;
}

#update ul{
  margin: 0 0 0 1em;
  padding: 0;
  list-style: none;
}
/*end of update info
------------------------------------*/

/*navigation
------------------------------------*/
#navi{
  clear: both;
}

#navi ul, #navi li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#navi li {
  float: left;
  margin-right: 0px;
}

#navi li a{
  display: block;
  text-decoration: none;
  font-weight: bold;
  width: 108px;
  height: auto;
  color: #ffffff;
  background-color: #000000;
  padding: 10px 10px;
  border: 1px solid #333333;
}

#navi li.current{
  display: block;
  text-decoration: none;
  font-weight: bold;
  width: 108px;
  height: auto;
  color: #ffffff;
  background-color: #4169E1;
  padding: 10px 10px;
  border: 1px solid #333333;
}

#navi li a:hover {
  color: #000000;
  background-color: #8BD600;
}

/*end of navigation
------------------------------------*/

/*footer
--------------------------------*/
#footer{
  clear: both;
  margin: 0;
  padding: 0;
  width: 780px;
  height: 2em;
  color: #ffffff;
  background-color: #000000;
}

#footer ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer li.copy{
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  font-weight: bold;
  float: left;
}

#footer li.info{
  float: right;
}
#footer li.current{
  float: right;
}

#footer li.info a{
  display: block;
  margin: 0;
  padding: 1ex;
  text-decoration: none;
  font-weight: bold;
  width: 100px;
  height: 1em;
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #333333;
}

#footer li.current a{
  display: block;
  margin: 0;
  padding: 1ex;
  text-decoration: none;
  font-weight: bold;
  width: 100px;
  height: 1em;
  color: #ffffff;
  background-color: #4169E1;
  border: 1px solid #333333;
}

#footer li.info a:hover {
  color: #000000;
  background-color: #8BD600;
}

/*end of footer
--------------------------------*/