body {
  background: url(/img/body-bg.gif) top left repeat-x;
 /* background: url(/images/homepage-background.gif) top left; */
}
div#top-wrapper {
  background: url(/img/body-bg.gif) top left repeat-x;
}
div#hp-mid-pic {
  position: absolute;
  left: 0;
  top: 142px;
  width: 100%;
  height: 258px;
  overflow: hidden;
  z-index: -1;
}
div#hp-mid-pic div.slideshow div {
  width: 100%;
  text-align: center;
}
div#hp-mid-pic div.slideshow img {
  margin: auto;
  display: block;
}

div#middle, div#footer-nav {
  width: 986px;
}
div#middle div#hp-mid-pic-area {
  height: 248px;
  padding: 10px 0 0 515px;
  margin-bottom: 23px;
  overflow: hidden;
}
div#middle div#hp-mid-pic-area div#intro {
  width: 458px;
  _height: 210px;
  max-height: 210px;
  padding: 8px 8px 8px 8px;

  background: url(/img/hp-mid-pic-bg.png) repeat;
}
div#middle div#hp-mid-pic-area div#intro h1 {
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
  color: #e98b27;
  font-family: georgia, "times new roman", serif;
  font-size: 1.571em;
  font-style: italic;
  font-weight: normal;
  line-height: 1.3em !important;
}
div#intro p {
  padding: 0.8em 0 0 0;
  margin: 0;
  line-height: 1.25em;
  font-size: 0.929em;
  color: #fff;
}


/*
 * Panels and Heros container
 */
div#middle div#hp-panels-and-heros {
  overflow: hidden;
  width: 986px;
  padding-bottom: 2em;
}
div#middle div#hp-panels-and-heros h2 {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  color: #e27202;
  font-family: georgia, "times new roman", serif;
  font-size: 1.214em;
  font-weight: normal;
}

div#hp-panels-and-heros div#hp-panels {
  background: url(/img/hp-panel-horizontal-bg.gif) top left no-repeat;
  width: 686px;
  float: left;
  overflow: hidden;
}
div#hp-panels-and-heros div.hp-panels-1 {
  width: 234px !important;
}
div#hp-panels-and-heros div.hp-panels-2 {
  width: 468px !important;
}
div#hp-panels-and-heros div.hp-panels-3 {
  padding-right: 30px;
}
div#hp-panels-and-heros div#hp-panels-footer {
  height: 1px;
  overflow: hidden;
  background: url(/img/hp-panel-horizontal-bg.gif) top left no-repeat;
}


div#hp-panels ul.panels {
  background: url(/img/hp-panels-bg.gif) top left repeat-y;
  list-style: none;
  margin: 0;
  padding: 0 0 15px 0;
  overflow: hidden;
  width: 100%;
}
div#hp-panels ul.panels li.panel {
  float: left;
  width: 207px;
  padding: 0 10px 0 15px;
  margin: 0;
  line-height: 1.4em;
}
div#hp-panels ul.panels li.last {
  width: 207px;
  padding-right: 0px !important;
}
div#hp-panels ul.panels li.panel h2 {
  padding: 0.7em 0 0.7em 0 !important;
}
div#hp-panels ul.panels li.panel p a {
  text-decoration: underline;
  color: #d06f07
}
div#hp-panels ul.panels li.panel p a:hover {
  text-decoration: none;
}


div#hp-panels-and-heros ul.hp-heros,
div#hp-panels-and-heros ul.right-heroes {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
  float: left;
  width: 248px;
}
ul.hp-heros li.hero,
ul.right-heroes li.hero {
  height: 130px;
  padding: 3px 6px 5px 5px;
  background: url(/img/hp-hero-empty.gif) top left no-repeat;
  margin-bottom: 10px;
  z-index: -2;
}
ul.hp-heros li.hero:hover,
ul.right-heroes li.hero:hover {
  cursor: pointer;
}
ul.hp-heros li.hero div.inner,
ul.right-heroes li.hero div.inner {
  height: 108px;
  width: 140px;
  display: block;
  position: relative;
  border: 1px solid #ccc;
  padding: 14px 10px 0 85px;
  z-index: 2;
}
ul.hp-heros li.hero span.image,
ul.right-heroes li.hero span.image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
ul.hp-heros li.hero h2,
ul.right-heroes li.hero h2 {
  padding: 0 0 0.3em 0 !important;
}
ul.hp-heros li.hero p,
ul.right-heroes li.hero p {
  font-size: 0.857em;
  line-height: 1.4em;
}


div#hp-panels-and-heros ul.hp-heros-wide,
div#hp-panels-and-heros ul#bottom-heroes {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 15px 0 0 0;
  overflow: hidden;
  width: 982px;
}
ul.hp-heros-wide li.hero,
ul#bottom-heroes li.hero {
  float: left;
  width: 470px;
  height: 130px;
  padding: 3px 6px 5px 5px;
  background: url(/img/hp-hero-empty-wide.gif) top left no-repeat;
  margin: 0 5px 10px 0;
  z-index: -2;
}
ul.hp-heros-wide li.hero div.inner,
ul#bottom-heroes li.hero div.inner {
  height: 108px;
  width: 372px;
  display: block;
  position: relative;
  border: 1px solid #ccc;
  padding: 14px 10px 0 85px;
  z-index: 2;
}


ul#bottom-heroes li.hero.half {
  width: 235px !important;
  height: 120px !important;
  padding: 5px !important;
  margin: 0 0 10px 0 !important;
  background: url("/img/hp-hero-empty.gif") no-repeat scroll left top transparent;
}
ul#bottom-heroes li.hero.half div.inner {
  width: 228px !important;
  height:118px !important;
  padding: 0 !important;
  border: 0px !important;
  text-align: left !important;
  float: left !important;
  margin: 0 0 0 1px !important;
  overflow: hidden !important;
}
ul#bottom-heroes li.hero.half div.inner.half span.image {
  /* display: none; */
  overflow: hidden;
  width: 185px !important;
  height: 113px !important;
}
ul#bottom-heroes li.hero.half div.inner.half h2,
ul#bottom-heroes li.hero.half div.inner.half p {
  float: right !important;
  width: 140px !important;
}







ul.hp-heros-wide li.hero span.image,
ul#bottom-heroes li.hero span.image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
ul.hp-heros-wide li.hero h2,
ul#bottom-heroes li.hero h2 {
  padding: 0 0 0.3em 0 !important;
}
ul.hp-heros-wide li.hero p,
ul#bottom-heroes li.hero p {
  font-size: 0.857em;
  line-height: 1.4em;
}
ul.hp-heros-wide li.hero:hover,
ul#bottom-heroes li.hero:hover {
  cursor: pointer;
}




/*
 * Widget lists
 */
div#hp-panels ul.panels li ul.widget {
  list-style: none;
  margin: 0;
  padding: 0em 1em 0.5em 0.5em;
}
ul.widget li {
  font-size: 14px;
  background: url(/img/hp-panel-dotted-line.gif) bottom left repeat-x;
}
ul.widget li.last {
  background: none;
}
ul.widget li a {
  padding: 0.7em 0 0.7em 1em;
  display: block;
  background: url(/img/orange-bullet.gif) top left no-repeat;
  background-position: 0 1.1em;
  color: #d3710d;
}
ul.widget li.last a {
  padding-bottom: 0;
}


/*
 * Current awareness widget
 */
div#hp-panels ul.panels li ul.current-awareness li {
  padding-bottom: 0.2em;
}