@charset "UTF-8";

html, body {
  margin: 0;
  padding: 0;
}

body {
  background-color: #ccc;
  color: black;
  font: normal normal normal 8pt "Trebuchet", "Verdana", sans-serif;
  text-align: center;
}

img {
  border-style: none;
}

#box {
  margin: 1em auto;
  width: 85%;
  text-align: left;
}

#header {
  margin: 0;
  padding: 0;
  background-color: #f7f7f7;
}

#header div.side-r {
  background: transparent url("../image/head/tsr.gif") repeat-y right center;
  color: black;
}

#header div.side-t {
  background: transparent url("../image/head/tst.gif") repeat-x center top;
  color: black;
}

#header div.side-l {
  background: transparent url("../image/head/tsl.gif") repeat-y left center;
  color: black;
}

#header div.corner-rt {
  background: transparent url("../image/head/tbg.jpg") no-repeat right top;
  color: black;
}

#header div.corner-lt {
  background: transparent url("../image/head/tclt.gif") no-repeat left top;
  vertical-align: middle;
  color: black;
}

#title {
  margin: 0;
  padding: 1.2em;
  padding-bottom: 0;
  background: transparent url("../image/head/deco.gif") no-repeat right top;
}

#title img.float {
    float: left;
    margin: .5em;
}

#title h1, #title h2 {
  margin: 0 27em 0 0;
  padding: 0;
  color: #4a611c;
  font-size: 1.2em;
  font-weight: normal;
  text-align: right;
}

#title h1 img {
  margin: 0;
  padding: 0;
}

#title h2 {
  padding-right: 1em;
}

#title p {
  clear: left;
  margin: 0;
  margin-left: .5em;
  padding-bottom: .5em;
}

#title p a {
  color: #4a611c;
  font-size: .8em;
  text-decoration: none;
}

#menu ul {
  margin: 0 .5em;
  border-top: .2em groove #e6e6e6;
  border-bottom: .2em groove #e6e6e6;
  padding: 0;
  padding-left: 1em;
  background-color: transparent;
  color: black;
  font-size: 1.1em;
  text-transform: uppercase;
  list-style-type: none;
}

#menu li {
  display: inline;
  margin: 0;
  border-right: .2em groove #e6e6e6;
  border-left: .2em groove #e6e6e6;
  padding: 0;
}

#menu li.first {
  border-left-style: none;
}

#menu li.last {
  border-right-style: none;
}

#menu li.last span {
  margin: 0;
  padding: .3em .8em;
  text-transform: none;
  color: black;
  font-size: .8em;
  vertical-align: middle;
}

#menu a {
  margin: 0;
  padding: .1em .4em;
  text-decoration: none;
  color: #e4702d;
  font-size: 1.1em;

}

#menu li.first a {
  padding: 0 .4em;
}

#menu a.active, #menu a:hover {
  color: #874000;
}

#menu img {
  padding: 0;
  vertical-align: middle;
}

#info {
  background-color: #e6e6e6;
}

#info div.side-t {
  background: #e6e6e6 url("../image/ist.gif") repeat-x center top;
  color: black;
}

#info div.side-r {
  background: transparent url("../image/isr.gif") repeat-y right center;
  color: black;
}

#info div.side-b {
  background: transparent url("../image/isb.gif") repeat-x center bottom;
  color: black;
}

#info div.side-l {
  background: transparent url("../image/isl.gif") repeat-y left center;
  color: black;
}

#info div.corner-rt {
  background: transparent url("../image/icrt.gif") no-repeat right top;
  color: black;
}

#info div.corner-rb {
  background: transparent url("../image/icrb.gif") no-repeat right bottom;
  color: black;
}

#info div.corner-lb {
  background: transparent url("../image/iclb.gif") no-repeat left bottom;
  color: black;
}

#info div.corner-lt {
  padding: .2em .5em;
  background: transparent url("../image/iclt.gif") no-repeat left top;
  color: black;
}


#option {
  float: left;
  width: 22em;
  font-size: 1em;
}

#foot {
  clear: both;
  margin-top: 1em;
  border-top: .2em groove #d7d7d7;
  padding: .5em 1em;
}

#contact {
  float: left;
  color: #4a611c;
  font-size: .9em;
}

#contact a {
  color: black;
  text-decoration: none;
  text-transform: uppercase;
}

#copyright {
  color: black;
  font-size: .8em;
  text-align: center;
}