body {
  padding: 0;
  margin: 0;
  background: #fff url(bg_body.png) top center no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
}

.hidden {
  display: none;
}


#header {
  position: relative;
  width: 940px;
  height: 170px;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}

#header h1 {
  padding: 0;
  margin: 0;
}

#header span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  width: 940px;
  height: 203px;
  cursor: pointer;
  background: url(bg_header.png) top left no-repeat;
}


#menu {
  position: relative;
  width: 940px;
  height: 65px;
  padding: 0;
  margin: 7px auto;
}

#menu ul {
  float: left;
  width: 100%;
  height: 39px;
  padding: 0;
  margin: 0;
  background-repeat: repeat-x;
}

#menu ul li {
  display: inline;
}

#menu ul li a {
  float: left;
  height: 39px;
  padding: 21px 20px 0px 20px;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  font-size: 1.2em;
}

#menu ul li a:hover {
  height: 35px;
  background: url(bg_menu_hover.png) repeat-x;
}


#content {
  position: relative;
  width: 940px;
  padding: 0;
  margin: 0 auto;
  overflow: visible;
}


#column-left {
  position: relative;
  float: left;
  width: 245px;
  padding: 10px 0 0 0;
  margin: 0 0 0 10px;
  background: url(bg_column-left.png) no-repeat;
}

#column-left .hidden {
  visibility: hidden;
}

#column-left h3 {
  padding: 15px 0 0 30px;
  margin: 0;
  font-size: 1.4em;
  font-weight: normal;
  font-style: italic;
  color: #000;
}

#column-left p {
  padding: 3px 20px 0 30px;
  margin: 0;
  font-size: 1.1em;
  color: #000;
  text-align: justify;
}

#column-left a {
  color: #000;
  text-decoration: underline;
}

#column-left a:hover {
  color: #888;
  text-decoration: none;
}


#boxes {
  float: right;
  padding: 0;
  margin: 0 30px 0 0;
}

#boxes h2 {
  padding: 25px 0 0 17px;
  margin: 0;
  font-size: 1.6em;
  font-weight: normal;
  font-style: italic;
  color: #000;
}


#boxes ul {
  list-style-type: none;
  padding: 0;
  margin: 11px 0 0 18px;
}

#boxes a {
  display: block;
  padding: 3px;
  width: 140px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  color: #000000;
  font-size: 1.2em;
  font-weight: bold;
}

#boxes a:link, #boxes a:visited {
  text-decoration: none;
}

#boxes a:hover {
  background-color: #c47a2f;
  color: #fff;
}

.box, .box-left, .box-middle {
  position: relative;
  float: left;
  width: 180px;
  height: 200px;
  padding: 0;
  margin: 0 0 0 45px;
}

.box-left {
  margin: 0;
}

.box-middle {
  margin: 0 -3px 0 42px;
}


#column-right {
  position: relative;
  float: right;
  width: 670px;
  padding: 0;
  margin: 30px 0 0 10px;
}

#column-right .center {
  text-align: center;
}

#column-right .right {
  text-align: right;
}

#column-right .justify {
  text-align: justify;
}

#column-right h2 {
  padding: 0 0 5px 0;
  margin: 0;
  font-size: 1.8em;
  font-weight: normal;
  color: #000;
}

#column-right a {
  color: #000000;
  text-decoration: underline;
}

#column-right a:hover {
  color: #888;
  text-decoration: none;
}

#column-right p {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 1.2em;
  text-align: justify;
  text-indent: 1.2em;
}

#column-right img {
  padding: 0;
  margin: 5px 0;
  border: 1px solid #ccc;
}

#column-right img:hover {
  padding: 0;
  xmargin: 5px 0;
  border: 1px solid #000;
}

// #column-right ul {
  list-style-type: square;
}

// #column-right li {
  font-size: 1.2em;
  padding: 5px 0;
}

#column-right .imp {
  padding: 5px;
  margin: 5px;
  border: 1px solid #ccc;
  background: #fafafa;
}

#column-right .imp p {
  padding: 0;
  margin: 0 0 2px 0;
  text-indent: 1.2em;
}


#footer {
  position: relative;
  clear: both;
  float: left;
  width: 920px;
  left: 50%;
  padding: 10px 0;
  margin: 20px 0 0 -460px;
  background: url(bg_footer.png) top center no-repeat;
}

#footer p {
  padding: 0;
  margin: 0;
  font-size: 1.2em;
  color: #888;
  text-align: center;
}

#footer a {
  color: #888;
  text-decoration: none;
}

#footer a:hover {
  color: #000;
  text-decoration: underline;
}