html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
body {
  min-width: 803px;
  background: #8897ac url("../images/bg-body.gif") repeat-x;
  font: 14px "times new roman", times, georgia, garamond, "new york", serif;
}
/*--- general ---*/
* {outline: none;}
form {margin: 0;padding: 0;}
img {border: none;display: block;}
ul {margin: 0;padding: 0;list-style: none;}

.clr:after {
  height: 0;
  clear: both;
  content: "";
  display: block;
}
* html .clr {height: 1%;}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
  font-family: "times new roman", times, georgia, garamond, "new york", serif;
}
h1 {
  color: #670c55;
  font-size: 28px;
}
h2 {
  color: #1c3e5d;
  font-size: 21px;
}
p {
  margin: 0;
  color: #4c4c4c;
  line-height: 22px;
}
a {
  color: #1c3e5d;
  cursor: pointer;
  text-decoration: underline;
}
a:hover {text-decoration: none;}

.intro ul li h2,
#header strong a,
.primary-info h1,
.secondary-info h3 {
  overflow: hidden;
  text-indent: -12000px;
}
#page {
  width: 775px;
  margin: 0 auto;
  padding: 0 14px;
  min-height: 100%;
  overflow: hidden;
  background: url("../images/shadow.png") repeat-y;
}
* html #page {height: 100%;overflow: visible;}

.wrap-page-1 {
  width: 755px;
  padding: 0 11px 0 9px;
  background: url("../images/bg-page.gif") repeat-x;
}
.wrap-page-2 {
  width: 100%;
  min-height: 700px;
  background: #fff url("../images/bg-bot-page.gif") no-repeat 0 100%;
}
* html .wrap-page-2 {height: 700px;}

.wrap-page-3 {
  width: 100%;
  position: relative;
  padding: 96px 0 25px 0;
}
#header {
  top: 0;
  left: 0;
  width: 100%;
  height: 96px;
  position: absolute;
}
#header strong {
  top: 13px;
  left: 11px;
  position: absolute;
}
#header strong a {
  width: 200px;
  height: 34px;
  display: block;
  background: url("../images/logo.gif") no-repeat;
}
#header img {
  top: 10px;
  right: -12px;
  position: absolute;
}
* html #header img {right: -13px;}

.wrap-nav-1 {
  top: 63px;
  left: 5px;
  width: 747px;
  height: 33px;
  overflow: hidden;
  position: absolute;
  text-align: center;
}
.wrap-nav-2 {
  left: 50%;
  float: left;
  position: relative;
  text-align: center;
}
#header ul {
  left: -50%;
  float: left;
  position: relative;
}
#header ul li {
  float: left;
  font-size: 14.5px;
  padding: 0 0 0 2px;
  background: url("../images/bg-sep-nav.gif") no-repeat;
}
#header ul li:first-child {background-image: none;}

#header ul li a {
  float: left;
    width:147px;

  color: #3e649b;
  text-decoration: none;
  background: url("../images/bg-mid-nav.gif") repeat-x;
}
#header ul li a:hover,
#header ul li .active {background-position: 0 -32px;}

#header ul li a span {
  display: block;
  padding: 0 10px;
  line-height: 32px;
}
/* .safari #header ul li a span {padding: 0 41px;}
.safari3 #header ul li a span {padding: 0 41px;} */
#header ul li a .first {background: url("../images/bg-left-nav.gif") no-repeat;}
#header ul li a:hover .first,
#header ul li .active .first {background-position: 0 -32px;}
#header ul li a .last {background: url("../images/bg-right-nav.gif") no-repeat 100% 0;}
#header ul li a:hover .last,
#header ul li .active .last {background-position: 100% -32px;}

#content {
  width: 722px;
  padding: 8px 0 0 18px;
}
.wrap-content-1 {
  width: 722px;
  background: #f2f4f9 url("../images/bg-top-box-1.gif") no-repeat;
}
.wrap-content-2 {
  width: 645px;
  padding: 27px 30px 10px 47px;
  background: url("../images/bg-bot-box-1.gif") no-repeat 0 100%;
}
.wrap-content-2 h2 {padding: 5px 0 21px 0;}
.wrap-content-2 p {padding: 0 0 20px 0;}

.wrap-content-2 img {
  float: left;
  padding: 14px;
  background: #fff;
  margin: -10px 17px 3px 0;
  border: 4px solid #1c3e5d;
}
#footer {
  width: 100%;
}
#footer p {
  text-align: center;
  padding: 15px 20px 10px 20px;
  font: 9px/13px arial, tahoma, verdana, helvetica, "trebuchet ms", sans-serif;
}
#footer b {
  font-weight:normal;
  padding: 0.5em;
}
/* page-2 */

#content-2 {
  width: 729px;
  padding: 8px 0 0 11px;
}
.secondary-content {
  float: right;
  width: 175px;
  padding: 0 0 0 0;
  background: url("../images/bg-mid-box-2.gif") repeat-y;
}
.secondary-content div {
  width: 175px;
  background: url("../images/bg-top-box-2.jpg") no-repeat;
}
.secondary-content div ul {
  width: 151px;
  min-height: 68px;
  padding: 54px 6px 56px 18px;
  background: url("../images/bg-bot-box-2.gif") no-repeat 0 100%;
}
* html .secondary-content div ul {height: 68px;}

.secondary-content div ul li {
  font-size: 14px;
  padding: 0 0 14px 0;
}
.secondary-content div ul li a {color: #503f34;text-decoration: none;}
.secondary-content div ul li a:hover {color:#670c55;}
.secondary-content div ul li .active {font-weight: bold;}

.primary-content {
  float: right;
  width: 543px;
  margin: 0 0 0 11px;
  background: #f0f2f8 url("../images/bg-top-box-3.gif") no-repeat;
}
.wrap-primary-content {
  width: 481px;
  padding: 25px 30px 22px 32px;
  background: url("../images/bg-bot-box-3.gif") no-repeat 0 100%;
}
.wrap-primary-content h1 {padding: 0 0 11px 0;}
.wrap-primary-content p {padding: 0 0 21px 0;}
.wrap-primary-content p a:hover {color: #670c55;}
.wrap-primary-content h2 {
  color: #670c55;
  font-size: 20px;
}
.wrap-primary-content ul {padding: 10px 0 0 0;}

.wrap-primary-content ul li {
  font-size: 17px;
  padding: 0 0 8px 37px;
  background: url("../images/i-1.gif") no-repeat 27px 7px;
}
/* index */
.intro {
  width: 744px;
  padding: 0 0 0 2px;
  background: url("../images/bg-mid-list.gif") repeat-y 11px 0;
}
.intro ul {
  width: 744px;
  overflow: hidden;
  background: url("../images/bg-bot-list.gif") no-repeat 9px 100%;
}
.intro ul li {
  float: left;
  width: 238px;
  padding: 0 0 0 10px;
}
.intro ul li h2 {
  width: 238px;
  height: 52px;
}
.intro ul .intro-1 h2 {background: url("../images/bg-h2-1.jpg") no-repeat;}
.intro ul .intro-2 h2 {background: url("../images/bg-h2-2.jpg") no-repeat;}
.intro ul .intro-3 h2 {background: url("../images/bg-h2-3.jpg") no-repeat;}

.intro ul li p {
  color: #716558;
  padding: 2px 15px 14px 24px;
  font: 10px/16px georgia, garamond, times, "times new roman", serif;
}
.intro ul li p a {
  padding: 0 0 0 8px;
  background: url("../images/i-2.gif") no-repeat 0 4px;
}
.main-info {
  width: 707px;
  padding: 18px 13px 0 35px;
}
.primary-info {
  float: left;
  width: 385px;
  padding: 8px 0 0 0;
}
.primary-info h1 {
  width: 328px;
  height: 32px;
  margin: 0 0 19px 0;
  background: url("../images/bg-h1.gif") no-repeat;
}
.primary-info p {
  color: #4c4c4c;
  font-size: 15px;
  line-height: 23px;
}
.secondary-info {
  float: right;
  width: 286px;
  background: url("../images/bg-mid-box-4.gif") repeat-y;
}
.secondary-info h3 {
  width: 286px;
  height: 38px;
  background: url("../images/bg-h3-2.jpg") no-repeat;
}
.secondary-info div {background: url("../images/bg-top-box-4.jpg") no-repeat;}

.secondary-info div div {
  width: 286px;
  min-height: 190px;
  padding: 21px 0 19px 0;
  background: url("../images/bg-bot-box-4.jpg") no-repeat 0 100%;
}
* html .secondary-info div div {height: 190px;}

.secondary-info div div p {
  color: #503f34;
  font-size: 16px;
  line-height: 21px;
  padding: 0 28px 1em 26px;
}
/* .secondary-info div div p span {
  display: block;
  font-size: 12px;
  text-align: right;
  padding: 9px 0 0 0;
} */
.reg{
  vertical-align: top;
  font-size:65%;
  line-height:165%;
}
.hide{
  visibility:hidden;
}
.erase{
  display:none;
}