html, body, h1, h2, h3, h4, ul, li {margin: 0; padding: 0;}
h5 {font-size: 14px; color: #960000;}
h1 img {display: block;}
img {border: 0;}
a {color: #464544;}
a:hover {color: #960000;}
.left {float: left;}
.right {float: right;}
.more {text-align: right;}
.clear {clear: both;}

body {
  background: #C8C8C8 url('images/human_resources.jpg') repeat-x;
  text-align: center;
  color: #74653D;
  padding-bottom: 10px;
  padding-top: 31px; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:verdana, arial, sans-serif;
}

/** layout **/
#wrapper {
  text-align: left;
  margin: auto;
  width: 778px;
  position: relative;
  background: url('images/body_border.gif') repeat-y;
}

#header {
  position: absolute;
  top: 0;
  left: 243px;
  width: 535px;
  height: 155px;
  background: url('images/header_secondary.jpg') no-repeat;
}
#header_home {
  position: absolute;
  top: 0;
  left: 243px;
  width: 535px;
  height: 250px;
  background: url('images/header_home.jpg') no-repeat;
}
#header_benefit {
  position: absolute;
  top: 0;
  left: 243px;
  width: 535px;
  height: 250px;
  background: url('images/header_benefit_systems.jpg') no-repeat;
}

#left {float: left; width: 243px;}

#logo {
  width: 244px;
  height: 152px;
  background: url('images/header_prosperity_human_resource_systems.jpg') no-repeat;
  text-align: center;
  color: #595959;
}
#logo h1 {
  padding-top: 30px;
  font: 24px "arial narrow", arial, sans-serif;
}
#logo p {
  margin: 8px 25px 4px 25px;
  border-top: 1px solid #B8B8B8;
  border-bottom: 1px solid #B8B8B8;
  padding: 3px;
  letter-spacing: 0.2em;
  font-weight: bold;
}

#logo_benefit {
  width: 244px;
  height: 152px;
  background: url(images/header_benefit.jpg) no-repeat;
  text-align: center;
  color: #595959;
}
#logo_benefit h1 {
  padding-top: 30px;
  font: 24px "arial narrow", arial, sans-serif;
}
#logo_benefit p {
  margin: 8px 25px 4px 25px;
  border-top: 1px solid #B8B8B8;
  border-bottom: 1px solid #B8B8B8;
  padding: 3px;
  letter-spacing: 0.2em;
  font-weight: bold;
}
#nav {background: url(images/nav_left.jpg) no-repeat;}
#nav ul {margin-left: 9px; padding-left: 1px; padding-bottom: 29px; background: #0F356B url('images/nav_bottom.jpg') no-repeat bottom left;}
#nav li {border-top: 1px solid #959595; background: url('images/menu_pointer2.gif') no-repeat 208px 10px; list-style-type:none; font-style:normal; font-variant:normal; font-weight:normal; font-size:14px; font-family:arial, sans-serif; padding-left:31px; padding-right:0; padding-top:7px; padding-bottom:0;}
#nav a {color: #fff; text-decoration: none; border-left: 1px solid #959595; padding-left: 10px; display: block; width: 90%; padding: 2px 0 6px 8px;}
#nav a:hover {text-decoration: underline; color: #960000;}
#nav .important {border: medium none; color: #960000; background: #FFFFFF url('images/menu_pointer_important.gif') no-repeat 208px 10px;}
#nav .important a {color: #960001; text-decoration: none;}

#news {
  background: url('images/news_border.jpg') repeat-y;
  padding-top: 13px;
  padding-left: 25px;
  padding-right: 22px;
  padding-bottom: 3px;
  text-align: justify
}
#news h2 {font-size: 14px; color: #960000;}
#news h3, #news p {font-size: 14px; margin: 1em 8px 1em 0;}
#news h4 {font-size: 12px; color: #960000;}
#news a {color: #960000; font-weight: bold; text-decoration: underline;}
#news a:hover {color: #38301A;}
#news .more {font-size: 9px;}
#news .hr-dots {background: center url(images/dots.gif) repeat-x; height: 10px;}

#med_ads {margin: 20px; color:black; text-align: center;}
#med_ads p{margin: 5px;}
#med_ads img{border:0px;}

#support {background: url('images/prosperity.jpg') no-repeat; font-size: 12px; font-weight: bold; padding: 1px; height: 97px; color: #FFFFFF
}
#support p {margin: 0.9em 1.6em;}

#right {
  float: right;
  width: 490px;
  padding-right: 9px;
  padding-top: 157px;
}
#right h2 {
  font: 18px arial, sans-serif;
  color: #960000;
  border-bottom: 2px solid #0F356B;
  padding-bottom: 6px;
  margin-bottom: 1em;
}
#right h3 {
  font: 14px arial, sans-serif;
  color: #960000;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 2px solid #0F356B;
  padding-bottom: 6px;
  margin-bottom: 1em;
  margin-top: 2em;
}
#right_home {
  float: right;
  width: 490px;
  padding-right: 9px;
  padding-top: 255px;
}
#right_home h2 {
  font: 18px arial, sans-serif;
  color: #960000;
  border-bottom: 2px solid #0F356B;
  padding-bottom: 6px;
  margin-bottom: 1em;
}
#right_home h3 {
  font: 14px arial, sans-serif;
  color: #960000;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 2px solid #0F356B;
  padding-bottom: 6px;
  margin-bottom: 1em;
  margin-top: 2em;
}
#welcome {
  font: 12px arial, sans-serif;
  margin-right: 35px;
  color: #000000;  
}
#profile {
  margin-right: 16px;
  color: #000000;  
}
#right .left {margin-right: 18px;}
#right .more {font-weight: bold; font-size: 10px;}

#corp, #indu {float: left; width: 60%;}
#corp {margin-right: 1%;}
#corp-img, #indu-img {
  background: url('images/pic2.jpg') no-repeat;
  width: 112px;
  height: 23px;
  float: left;
  margin-right: 18px;
  text-align: center;
  padding-top: 90px;
  font-size: 9px;
  font-weight: bold
}

#indu-img {background: url('images/pic3.jpg') no-repeat;}
#spacer {height: 2em;}
#footer {background: url('images/footer.gif') repeat-y;}
#copyright {text-align: center; padding: 22px 0px 30px 00px; font-size: 10px; color: #000000; font-weight: bold;}
#footerline{background: url('images/footer_bottom.gif') no-repeat; height:10px; margin-top:0px; display:block; font-size:1px}