/* layout.css */

#layout {
  width: 1004px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

#header {
  width: 1004px;
  height: 110px;
  margin: 0;
  padding: 0;
  background-image: url(/images/header_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  position: relative;
  border-bottom: 8px solid #5fce1f;
}

#page-home #header {
  border-bottom-width: 0;
}

#header h1, #header h1 a {
  display: block;
  width: 1004px;
  height: 110px;
  margin: 0;
  padding: 0;
}

#header h1 a span {
  display: none;
}

#navigation-top, #navigation-bottom {
  position: absolute;
  right: 0;
  margin: 0;
  list-style-type: none;
  list-style-image: none;
  height: 1.25em;
  text-align: right;
}

#navigation-top {
  top: 0;
}

#navigation-top li, #navigation-bottom li {
  list-style-type: none;
  list-style-image: none;
  margin: 0 0 0 5px;
  padding: 0 0 2px 5px;
  border-left: 1px solid #939393;
  font-size: 10px;
  line-height: 10px;
  display: inline-block;
  display: expression('inline');
}

#navigation-top li.first, #navigation-bottom li.first {
  border-left-width: 0;
  border-left-style: none;
  padding-left: 0;
  margin-left: 0;
}

#navigation-top li a, #navigation-bottom li a {
  display: block;
}

#navigation-top li a:link, #navigation-top li a:visited, #navigation-top li a:focus, #navigation-top li a:hover, #navigation-top li a:active, #navigation-bottom li a:link, #navigation-bottom li a:visited, #navigation-bottom li a:focus, #navigation-bottom li a:hover, #navigation-bottom li a:active {
  color: #939393;
}

#navigation-main {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0 0 0 153px;
  width: 851px;
  height: 45px;
}

#navigation-main li {
  list-style-type: none;
  list-style-image: none;
  display: inline-block;
  display: expression('inline');
  height: 45px;
  margin: 0;
  padding: 0;
  background-position: bottom center;
  background-repeat: no-repeat;
}

#navigation-main li.selected, #navigation-main li:hover, #navigation-main li.hover, #navigation-main li:focus, #navigation-main li.focus {
  background-image: url(/images/nav-main-li_selected_bg.png);
}

#navigation-main li a {
  display: block;
  height: 45px;
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  background-position: top left;
}

#navigation-main li a span {
  display: none;
}

#navigation-main li#nav-main-home a {
  background-image: url(/images/nav-main-home_bg.png);
}

#navigation-main li#nav-main-home, #navigation-main li#nav-main-home a {
  width: 108px;
}

#navigation-main li#nav-main-why-join a {
  background-image: url(/images/nav-main-why-join_bg.png);
}

#navigation-main li#nav-main-why-join, #navigation-main li#nav-main-why-join a {
  width: 133px;
}

#navigation-main li#nav-main-take-action a {
  background-image: url(/images/nav-main-take-action_bg.png);
}

#navigation-main li#nav-main-take-action, #navigation-main li#nav-main-take-action a {
  width: 160px;
}

#navigation-main li#nav-main-about-us a {
  background-image: url(/images/nav-main-about-us_bg.png);
}

#navigation-main li#nav-main-about-us, #navigation-main li#nav-main-about-us a {
  width: 137px;
}

#navigation-main li#nav-main-news-and-press a {
  background-image: url(/images/nav-main-news-and-press_bg.png);
}

#navigation-main li#nav-main-news-and-press, #navigation-main li#nav-main-news-and-press a {
  width: 170px;
}

#navigation-main li#nav-main-store a {
  background-image: url(/images/nav-main-store_bg.png);
}

#navigation-main li#nav-main-store, #navigation-main li#nav-main-store a {
  width: 104px;
}

#content {
  float: left;
  width: 972px;
  min-height: 500px;
  padding: 16px;
  margin: 0;
  background-color: #ffffff;
  color: #7f7f7f;
}

#page-home #content {
  width: 1004px;
  padding: 0 0 20px 0;
}

#page-home #content #content-top {
  background-image: url(/images/subheader_bg.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding-top: 279px;
}

#page-home #content #content-top p {
  font-size: 240%;
  color: #1170c8;
  text-align: center;
  margin: 0 90px 20px 90px;
}

#page-home #content #content-top p span.orange {
  color: #ffc621;
}

#page-home #content #content-top p span.green {
  color: #5fce1f;
}

#page-home #content #content-top p span.blue {
  color: #65daec;
}

#page-home #content #content-left, #page-home #content #content-center, #page-home #content #content-right {
  float: left;
  width: 244px;
  margin: 0 45px;
}

#page-home #content h2, #page-home #content h2 a:link, #page-home #content h2 a:visited, #page-home #content h2 a:focus, #page-home #content h2 a:hover, #page-home #content h2 a:active {
  color: #5fce1f;
}

#content ul, #content ul li {
  list-style-type: none;
  list-style-image: none;
  margin: 0 0 20px 0;
  padding: 0;
}

#content ul li {
  padding: 0 0 0 25px;
  background-image: url(/images/content-li_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  min-height: 20px;
}

#footer {
  clear: both;
  background-image: url(/images/footer_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  width: 1004px;
  height: 3em;
  margin: 0;
  padding: 49px 0 0 0;
  color: #a7a7a7;
  position: relative;
  font-size: 10px;
}

#footer a:link, #footer a:visited, #footer a:focus, #footer a:hover, #footer a:active {
  text-decoration: underline;
  color: #a7a7a7;
}

#navigation-bottom {
  top: 49px;
}

#copyright {
  position: absolute;
  bottom: 0;
  left: 0;
}

#powered {
  position: absolute;
  bottom: 0;
  right: 0;
}

#content:after {
  content: '.';
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}