html, body {
  height: 100%;
  }
body {
  margin: 0px;
  padding: 0px;
  background: #000000;
  font-family: arial, helvetica, sans-serif;
  font-size: 65%;
  }
#header_base {
  position: relative;
  height: 50%;
  background-color: #ffffeb;
  border-bottom: 4px solid #996633;
  min-height: 260px;
  min-width: 599px;
  }
#header_setting {
  margin: 0px;
  padding: 0px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 260px;
  }
#header {
  margin: 0px auto 0px auto;
  width: 600px;
  height: 260px;
  }
#logo {
  margin: 3px 2px 2px 0px;
  float: right;
  }


/* navigation */
ul#nav {
  width: 600px;
  padding: 0px;
  margin: 0px auto;
  height: 15px;
  }
ul#nav li {
  display: block;
  float: left;
  list-style-type: none;
  }
ul#nav li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  height: 15px;
  outline: none;
  text-indent: -3000px;
  }

ul#nav li#nav_01 a {
  width: 63px;
  background: url(../graphics/nav_01_norm.gif) no-repeat 0 0;
  }
ul#nav li#nav_01 a:hover {
  background: url(../graphics/nav_01_over.gif) no-repeat 0 0;
  }
ul#nav li#nav_01 a.here {
  background: url(../graphics/nav_01_down.gif) no-repeat 0 0;
  }

ul#nav li#nav_02 a {
  width: 68px;
  background: url(../graphics/nav_02_norm.gif);
  }
ul#nav li#nav_02 a:hover {
  background: url(../graphics/nav_02_over.gif) no-repeat 0 0;
  }
ul#nav li#nav_02 a.here {
  background: url(../graphics/nav_02_down.gif) no-repeat 0 0;
  }

ul#nav li#nav_03 a {
  width: 60px;
  background: url(../graphics/nav_03_norm.gif);
  }
ul#nav li#nav_03 a:hover {
  background: url(../graphics/nav_03_over.gif) no-repeat 0 0;
  }
ul#nav li#nav_03 a.here {
  background: url(../graphics/nav_03_down.gif) no-repeat 0 0;
  }

ul#nav li#nav_04 a {
  width: 74px;
  background: url(../graphics/nav_04_norm.gif);
  }
ul#nav li#nav_04 a:hover {
  background: url(../graphics/nav_04_over.gif) no-repeat 0 0;
  }
ul#nav li#nav_04 a.here {
  background: url(../graphics/nav_04_down.gif) no-repeat 0 0;
  }

ul#nav li#nav_05 a {
  width: 54px;
  background: url(../graphics/nav_05_norm.gif);
  }
ul#nav li#nav_05 a:hover {
  background: url(../graphics/nav_05_over.gif) no-repeat 0 0;
  }
ul#nav li#nav_05 a.here {
  background: url(../graphics/nav_05_down.gif) no-repeat 0 0;
  }

ul#nav li#nav_06 a {
  width: 58px;
  background: url(../graphics/nav_06_norm.gif);
  }
ul#nav li#nav_06 a:hover {
  background: url(../graphics/nav_06_over.gif) no-repeat 0 0;
  }
ul#nav li#nav_06 a.here {
  background: url(../graphics/nav_06_down.gif) no-repeat 0 0;
  }


#main {
  position: relative;
  width: 600px;
  margin: 0px auto 0px auto;
  padding-top: 15px;
  color: #cccccc;
  }
h1#page_heading {
  position: absolute;
  left: 58px;
  top: 7px;
  color: #ffffff;
  width: 320px;
  height: 150px;
  background: url(../graphics/heading1_home.gif) no-repeat 0px 0px;
  text-indent: -3000px;
  }
h2#textblock_heading {
  position: absolute;
  right: 0px;
  top: -15px;
  margin: 0px;
  color: #ffffff;
  width: 220px;
  height: 30px;
  background: #000000 url(../graphics/heading2_home.gif) no-repeat center 12px;
  text-indent: -3000px;
  }
#content {
  margin: 0px 0px 0px 380px;
  width: 220px;
  letter-spacing: .4pt;
  height: 256px;
  overflow: hidden;
  }
#content:hover, #content.over {
  overflow: auto;
  }
#content p {
  width: 200px;
  }
#content a, #content a:visited, #content a:active {
  color: #996633;
  text-decoration: none;
  }
#content a:hover {
  text-decoration: underline;
  }
#footer {
  position: absolute;
  left: 0px;
  bottom: 0px;
  }
#copyright {
  display: block;
  float: left;
  width: 130px;
  height: 15px;
  background: #000000 url(../graphics/copyright.gif) no-repeat 0px 0px;
  text-indent: -3000px;
  }
a#credit {
  display: block;
  float: left;
  width: 130px;
  height: 15px;
  margin-left: 30px;
  background: #000000 url(../graphics/credit.gif) no-repeat 0px 0px;
  text-indent: -3000px;
  }
a#credit:hover {
  background-position: 0px -16px;
  }