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('hwa_logo.jpg') 57px 37px no-repeat;
  height: 150px;
  width: 700px;
 }
a { text-decoration: none; color: #333; }
a:hover { color: #a25c1f; }
#box { 
  position: absolute;
  background: #939c87; 
  border-bottom: 2px solid #a25c1f;
  left: 35px;
  top: 145px;
  height: 140px;
  width: 730px;
 }
#upnav { 
  position: absolute;
  background: transparent;
  left: 545px;
  top: 122px;
  height: 18px;
  width: 245px;
 }
#upnav ul { 
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 10px;
 }
#upnav ul li { 
  list-style: none;
  display: inline;
  font-size: 10px;
  font-weight: bold; 
  padding-right: 2px; 
  color: #333;
  vertical-align: center;
  line-height: 18px;
 }
#nav { 
  position: absolute;
  background: #bac1b3;
  left: 285px;
  top: 0px;
  height: 18px;
  width: 445px;
 }
#nav ul { 
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 5px;
 }
#nav ul li { 
  margin: 0; padding: 0;
  list-style: none;
  display: inline;
  font-size: 9px; 
  padding-right: 2px; 
  color: #555;
  vertical-align: center;
  line-height: 18px;
 }
#pix { 
  background: transparent url('homepix.gif') 0 0 no-repeat;
  position: absolute;
  top: 184px;
  left: 65px;
  width: 500px;
  height: 300px;
 }
#text { 
  position: absolute;
  top: 287px; 
  left: 527px;
  width: 220px;
  height: 500px;
  font-size: 10px;
  line-height: 16px;
  word-spacing: 2px; 
 }
#text img { margin: 0; padding: 0; }
#text p { margin: 0; padding: 0;  margin-top: -5px;}
#ft { 
  position: absolute;
  left: 65px;
  top: 550px;
  width: 700px;
  height: 25px;
  color: #555;
  font-size: 10px;
 }
.gry { color: #888; font-weight: bold;  font-size: 11px; }