body {
  background: #c8cdd0;
  border: 0; margin: 0; padding: 0;
  font-size: 100%;
  line-height: 1.5;
  font-size-adjust: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
  color: #222;
}

#page {
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}

a {
  color: #3263a1;
}

/* header */

#header {
  font-family: Georgia, Times, serif;
  height: 125px;
  position: relative;
  background: #fff url(/images/header.jpg) repeat-x top left;
  border-bottom: 7px solid #ebf4fa;
  padding: 37px 20px 0;
}

a#main_title {
  text-decoration: none;
}

#header h1 {
  font-size: 36pt;
  font-weight: normal;
  line-height: 0.8em;
  padding: 0;
  margin: 0;
  color: #000;
}

#header h2 {
  font-size: 1em;
  font-weight: normal;
  padding: 0;
  margin: 4px 45px;
  color: #75818a;
  text-transform: lowercase;
}

/* main menu */

#menu {
  position: absolute;
  top: 117px;
  left: 15px;
  font-variant: small-caps;
  font-weight: bold;
}

#menu ul,
#menu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu ul li {
  float: left;
  margin-left: 20px;
}

#menu ul li a {
  text-decoration: none;
  border-bottom: 4px solid #EBF4FA;
  color: #000;
}

#index_section #menu .menu_index a,
#features_section #menu .menu_features a,
#users_section #menu .menu_users a,
#prices_section #menu .menu_prices a,
#blog_section #menu .menu_blog a,
#discuss_section #menu .menu_discuss a {
  border-bottom-color: #4193CD;
}

#menu ul li a:hover {
  border-bottom-color: #000;
}

/* contact us link */

#contact_us_link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: #76808a url(/images/mail.gif) no-repeat 3px 0.45em;
  padding: 0.2em 5px 0.2em 23px;
  color: #fff;
  text-decoration: none;
}

#contact_us_link:hover {
  text-decoration: underline;
}

/* supported orgs */

#orgs {
  position: absolute;
  top: 90px;
  right: 10px;
}

#orgs .org {
  height: 60px;
  padding-left: 60px;
  display: block;
  overflow: hidden;
  float: right;
  margin-right: 10px;
  text-decoration: none;
}

#orgs #samaritans {
  background: #7db901 url(/images/samaritans.gif) no-repeat 5px 5px;
}

#orgs #nightline {
  background: #322b7b url(/images/nnl.gif) no-repeat 5px 5px;
}

#orgs .org p {
  color: #fff;
  padding: 0;
  margin: 0;
  font-size: 70%;
}

#orgs .org .org_name {
  font-weight: bold;
  margin: 0.2em 0;
  font-size: 100%;
}

#orgs .org p {
  width: 300px;
}

#orgs .org:hover .org_name {
  text-decoration: underline;
}

/* main body */

#main {
  font-size: 85%;
}

#main #features {
  height: auto;
  overflow: hidden;
  height: 20em;
  background: #bcd9ee;
}

#main #features .feature,
#main #feature_bar,
#main #content,
#footer {
  overflow: hidden;
  padding: 10px 20px;
}

#main #features .feature_zone {
  width: 10000px;
}

#main #features .feature {
  padding-right: 220px;
  width: 740px;
  float: left;
}

ul.features_links {
  float: right;
}

ul.features_links,
ul.features_links li {
  display: inline;
  list-style: none;
}

ul.features_links li a {
  display: block;
  float: left;
  margin: 0 1em 0 0;
  padding: 0.2em 0.4em;
  text-decoration: none;
  font-size: 90%;
}

ul.features_links li a * {
  float: left;
}

ul.features_links li a ui-icon {
  width: 2em;
}

#main #features .feature.rota {
  background: url(/images/calendar-200.png) no-repeat 760px 0px;
}

#main #features .feature.directory {
  background: url(/images/users-200.png) no-repeat 760px 0px;
}

#main #features .feature.news {
  background: url(/images/news-200.png) no-repeat 760px 0px;
}

#main #features .feature.comms {
  background: url(/images/mail-200.png) no-repeat 760px 0px;
}

#main #features .feature.security {
  background: url(/images/security-200.png) no-repeat 760px 0px;
}

#main #feature_bar {
  background: #4093ce url(/images/feature_bar.jpg) repeat-x top left;
}

#main #feature_bar {
  color: #fff;
}

#main #feature_bar ul,
#main #feature_bar ul li {
  display: inline;
  list-style: none;
}

#main #feature_bar ul li a {
  color: #fff;
  padding: 0 0.2em;
}

#main #content {
  background-color: #fff;
  border-bottom: 7px solid #e2eff8;
  border-top: 7px solid #e2eff8;
}

#main #content ul,
#main #content ul li {
  list-style-type: square;
}

#main #content p,
#main #content ul li {
  line-height: 180%;
}

/* main page heading/strong emphasis */

#main #content h1, #main #content h2, #main #content h3,
#main #content h4, #main #content h5, #main #content h6,
#main #content strong {
  color: #000;
}

/* features detail page */

#features_section .feature_detail {
  clear: both;
  padding: 1em;
  border-top: 2px solid #E2EFF8;
}

#features_section .feature_detail.continued {
  padding-top: 0;
  border-top: none;
}

#features_section .feature_detail img {
  border: 1px solid #75818A;
  margin: 1.5em 0.5em;
}

#features_section .feature_detail.odd img {
  float: left;
}

#features_section .feature_detail.even img {
  float: right;
}

#features_section .feature_detail.odd h4,
#features_section .feature_detail.odd p {
  padding-left: 440px;
}

#features_section .feature_detail.even h4,
#features_section .feature_detail.even p {
  padding-right: 440px;
}

/* prices page */

#prices_section #prices {
  margin-left: 4em;
  border-collapse: collapse;
}

#prices_section #prices th {
  height: 50px;
  padding: 0 1em 0 50px;
  vertical-align: middle;
}

#prices_section #prices td {
  height: 30px;
  padding: 0 0.5em;
  vertical-align: middle;
}

#prices_section #prices th,
#prices_section #prices td {
  border: 1px solid #EBF4FA;
}

#prices_section #prices .samartians_prices th {
  background: #7DB901 url(/images/samaritans.gif) 5px 5px no-repeat;
  color: #fff;
}

#prices_section #prices .nightline_prices th {
  background: #322B7B url(/images/nnl.gif) 5px 5px no-repeat;
  color: #fff;
}

#prices_section #prices .price_value {
  font-weight: bold;
  text-align: center;
}

/* contact us page */

#contact_section p.field {
  clear: left;
}

#contact_section p.field label {
  float: left;
  width: 11em;
  margin-right: 0.6em;
  text-align: right;
}

#contact_section p.field input.text,
#contact_section p.field select {
  width: 30em;
}

#contact_section p.field textarea {
  width: 30.7em;
  height: 18em;
}

#contact_section #main #content p.postal_address {
  margin-left: 4em;
  line-height: 140%;
}

/* footer */

#footer {
  background: #9fc9e6 url(/images/footer.jpg) repeat-x top left;
  font-size: 0.7em;
}