body { 
  background: #fefefe;
  width: 800px;
  color: #000;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
 }
/* colors: taupe - #939c87 , red a25c1f */
#ban { 
  background: transparent url('images/hwa_logo.jpg') 57px 17px no-repeat;
  height: 110px;
  width: 600px;
 }
#box { 
  position: absolute;
  background: #939c87; 
  left: 35px;
  top: 125px;
  height: 18px;
  width: 730px;
 }
p.pop { width: 495px; margin-left: 15px; line-height: 17px; font-size: 10px; text-align: justify; }
h4.pop {  font-size: 11px; margin: 0; padding: 0; margin-left: 15px; }
h5.pop {  font-size: 9px; margin: 0; padding: 0; margin-left: 15px; margin-bottom: 20px; font-weight: normal;}
h6 { font-size: 10px; color: #bac1b3; margin: 0; padding: 0; margin-top: 20px; }
h4.lhead { text-transform: uppercase; font-size: 10px; margin-top: 47px; }
ul.big { 
  font-family: Verdana, arial, sans-serif; 
}
ul.big li { margin: 0; padding: 0; }
ul.big li a strong { font-size: 11px; }
span.bx { background: #939c87;  height: 10px; width: 10px; padding: 0; margin: 0; display: block; float: left; margin-right: 5px;  margin-top: 2px; margin-bottom: -5px;  }
a:hover span.bx { background: #a25c1f;  height: 10px; width: 10px; padding: 0; margin: 0; display: block; float: left; margin-right: 5px;  margin-top: 2px; margin-bottom: -5px;  }
a { text-decoration: none; color: #333; }
a:hover { color: #a25c1f; }
#left li a.cur  { color: #a25c1f; }
li.cur a strong { color: #a25c1f; }
li.cur a span.bx { background: #a25c1f; }
img.pop {margin: 0; padding: 0; margin-bottom: 10px; margin-top: -15px; margin-left: -10px; margin-right: -10px; border-bottom: 7px solid #929d88; }
#pager {margin: 0; padding: 0; width: 200px; margin-left: 350px; height: 15px;  margin-top: -15px; margin-bottom: 10px;  }
#pager p { display: inline; float: left; line-height: 10px; margin: 0; padding: 0; margin-right: 5px; margin-top: 2px;}
#pager a span.bxp {background: #929d88;  height: 10px; width: 10px; padding: 0; margin: 0; float: left; margin-right: 5px;  margin-top: 2px; margin-bottom: -5px;  }
#pager a:hover span.bxp, #pager a.cur span.bxp {background: #b07122; height: 10px; width: 10px; padding: 0; margin: 0; float: left; margin-right: 5px;  margin-top: 2px; margin-bottom: -5px;  }
#upnav { 
  position: absolute;
  background: transparent;
  left: 520px;
  top: 99px;
  height: 18px;
    width: 700px;
 }
#upnav ul { 
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 10px;
 }
#upnav ul li { 
  list-style: none;
  display: inline;
  font-size: 9px;
  font-weight: bold; 
  margin-right: 3px; 
  color: #333;
  vertical-align: center;
  line-height: 18px;
 }
#upnav ul li a:hover { color: #a25c1f; }
#nav { 
  position: absolute;
  right: 0px;
  top: 0px;
  height: 18px;
  width: 322px;
 }
#nav ul { 
  background: #bac1b3;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 5px;
 }
#nav ul li { 
  margin: 0; padding: 0;
  list-style: none;
  display: inline;
  font-size: 9px; 
  margin-right: 2px; 
  color: #555;
  vertical-align: center;
  line-height: 18px;
 }
#nav ul li a:hover, #nav ul li.cur a { line-height: 12px; padding-top: 3px; padding-bottom: 3px; background: #dfdfdf; color: #a25c1f;  }
#pix { 
  background: transparent url('homepix.gif') 0 0 no-repeat;
  position: absolute;
  top: 184px;
  left: 65px;
  width: 500px;
  height: 300px;
 }
#left { 
  position: absolute;
  top: 165px;
  left: 50px;
  width: 140px;
  height: auto;
 }
#left ul { list-style: none; margin: 0; padding: 0; }
#left ul li {   padding-bottom: 10px;  }
#left ul li a { 
  list-style: none; 
  text-decoration: none; 
  color: #444; 
  font-size: 9px;
}
#left ul li a:hover { color: #a25c1f; }
#text { 
  position: absolute;
  top: 165px; 
  left: 230px;
  width: 480px;
  height: 500px;
  font-size: 10px;
  line-height: 15px;
  word-spacing: 1px; 
 }
#text img { margin: 0; padding: 0; }
#text h1 { font-size: 11px; font-weight: bold; color: #a25c1f; margin: 0; padding: 0; margin-bottom: 10px; }
#text p { font-size: 9px; margin: 0; padding: 0;  margin-top: 5px; text-align: justify;}
#text p.rtside { position: absolute; left: 380px; top: 0px; font-size: 9px; margin: 0; padding: 0;  margin-top: 5px; width: 170px;}
#ft { 
  position: absolute;
  left: 65px;
  top: 600px;
  width: 700px;
  height: 25px;
  color: #555;
  font-size: 10px;
 }
.gry { color: #888; font-weight: bold;  font-size: 10px; }
#img1 { display: block; }
#img2 { display: none; }
#img3 { display: none; }
#img4 { display: none; }
#img5 { display: none; }
#img6 { display: none; }
#img7 { display: none; }