@import url('text.css');

body {
  margin: 0px;
  background: white;
  text-align: center;
}

img {
  border: 0px;
}

#frame {
  position: relative;
  width: 910px;
  height: 580px;
  margin: 0px auto;
  text-align: left;
  
  overflow: hidden;
}

#logo {
  position: absolute;
  top: 10px;
  left: 10px;
}

#footer {
  position: absolute;
  top: 565px;
  left: 0px;
  width: 100%;
  height: 20px;
  text-align: center;
}

#footer img {
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
}

#menuArea {
  position: absolute;
  left: 0px;
  top: 74px;
  height: 480px;
  width: 310px;

  background: rgb(225,241,230);
}

#menuArea img {
  margin: 12px;
}

#menuTexts {
  position: absolute;
  left: 145px;
  top: 320px;
  width: 140px;
}

#menuArea ul {
  position: absolute;
  left: 10px;
  top: 322px;
  width: 100px;

  margin: 0px;
  padding: 0px;
  padding-top: 5px;

  background: white;

  list-style: none;
}

#menuArea ul li {
  margin: 0px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;

  padding-top: 6px;
  height: 24px;

  text-align: center;
  vertical-align: middle;

  background-image: url('../img/menu_back.png');
  background-repeat: repeat-x;
}

#menuArea ul li.selected {
  background-image: url('../img/menu_back_selected.png');
}

#mainArea {
  position: absolute;
  left: 310px;
  top: 74px;
  height: 480px;
  width: 600px;

  overflow: hidden;
}