body {
  background: #FFF url(/images/app-bg.png) center;
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
  voice-family: inherit;
  font-size: small; }

* html body {
  font-size: x-small;
  f\ont-size: small; }

h1 {
  font-family: "Georgia", verdana, arial, helvetica, sans-serif;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 150%;
  margin-bottom: 0px;
  color: #2B56AD; }

h2 {
  margin-bottom: 0px;
  font-size: 110%;
  font-weight: bold;
  color: #2B56AD;
  text-align: left; }

.nocontent {
  margin: 0 2px;
  padding: 0;
  color: darkred;
  font-size: 85%; }

#header {
  width: 800px;
  margin: 5px auto 0 auto;
  background: url(/images/1px-gold.png) repeat-x bottom left; }

body#welcome #header {
  background: #FFF; }

#header h2 {
  text-align: right;
  float: right;
  padding: 0 10px 10px 0;
  margin: 0; }
#header img {
  float: left;
  margin-bottom: 1px; }

#nav {
  width: 550px;
  clear: right;
  float: right;
  margin: 5px 0 0 0;
  padding: 0 10px 0 0;
  list-style: none; }
  #nav li {
    float: right;
    margin: 0;
    padding: 0; }
  #nav a {
    float: left;
    display: block;
    margin: 0 2px 0 0;
    padding: 3px 8px;
    color: #2B56AD;
    text-decoration: none;
    border: 1px solid #F2B41E;
    background: #FBE591 url(/images/nav-off-bg.gif) repeat-x top left; }

body#welcome #nav a {
  border: 1px solid #2B56AD;
  border-bottom: none;
  padding-bottom: 3px; }

#nav a:hover {
  background: #FFF url(/images/nav-on-bg.gif) repeat-x top left;
  padding-bottom: 3px;
  border-bottom: 1px solid #FFF; }

body#signup #t-signup a, body#login #t-login a, body#pings #t-pings a, body#invites #t-invites a, body#help #t-help a, body#profile #t-profile a {
  background: #FFF url(/images/nav-on-bg.gif) repeat-x top left;
  padding-bottom: 3px;
  border-bottom: 1px solid #FFF; }

#header hr {
  color: #F2B41E;
  background-color: #F2B41E;
  height: 1px; }

#mini-login {
  clear: right;
  float: right;
  margin: 0;
  padding: 0;
  display: inline; }

#page {
  width: 800px;
  margin: 5px auto 0 auto;
  clear: both; }

#footer-ad {
  clear: both;
  margin: 30px auto 10px auto;
  text-align: center;
  width: 800px; }

#footer {
  border-top: 1px solid #F2B41E;
  clear: both;
  margin: 0 auto 20px auto;
  padding: 5px;
  width: 800px;
  font-size: 80%;
  text-align: center; }

#header-right {
  float: right; }

#header hr {
  clear: both;
  border: 0;
  height: 1px;
  width: 100%; }

#content {
  float: left;
  width: 630px; }

#sidebar {
  float: right;
  width: 150px; }

.checkList {
  background-color: #FBE591;
  border: 1px solid #2B56AD;
  padding: 10px;
  margin: 5px 0;
  color: #444;
  font-size: 100%; }
  .checkList li {
    list-style-type: none;
    margin: 7px 0px;
    padding-left: 25px;
    background: url(/images/bluecheck.png) top left no-repeat; }

img {
  border: 0; }

a {
  color: #2B56AD;
  padding: 0 2px;
  font-weight: bold; }
  a:hover {
    text-decoration: none;
    color: red; }
  a img {
    background-color: white; }
  a.nohover:hover {
    background-color: transparent;
    color: red; }

.clear {
  clear: both; }

.empty {
  height: 0px;
  margin: 0;
  padding: 0; }

.highlight {
  background-color: #fbf5dd; }

.align-right {
  text-align: right; }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.strong {
  font-weight: bold; }

.small {
  font-size: 75%; }

.left-half {
  width: 390px;
  margin: 0px;
  float: left; }
  .left-half p {
    text-align: justify; }

.right-half {
  width: 380px;
  margin: 0px;
  float: right; }

#page-header {
  margin: 0 auto 10px auto;
  width: 800px; }
  #page-header h1 {
    margin: 3px 0;
    font-size: 200%;
    text-align: center; }

#showcase {
  background: #7d99e7 url(/images/showcase-bg.png) repeat-x;
  height: 400px; }

#showcase-content {
  width: 800px;
  margin: 0px auto 10px auto;
  padding: 10px; }

#showcase-left {
  width: 300px;
  float: left; }

#showcase-right {
  float: right; }

#showcase h1 {
  color: #FFF;
  text-align: center;
  font-size: 300%;
  margin: 30px 0 20px 0; }

#showcase-comment {
  font-size: 175%;
  color: #FFF; }

.callout {
  background-color: #FBE591;
  border: 1px solid #2B56AD;
  text-align: center;
  padding: 10px;
  margin: 20px 0; }

fieldset {
  border: 1px solid #F2B41E;
  background: #fffcf2 url(/images/fieldset-bg.png) repeat-x;
  margin: 10px auto;
  padding: 5px 20px; }

legend {
  color: #2B56AD;
  font-size: 130%;
  padding: 0 5px; }

fieldset table {
  width: 100%;
  margin: 0 auto;
  border-spacing: 5px; }
fieldset th {
  text-align: right;
  padding-right: 5px;
  vertical-align: top; }

#login-form {
  width: 500px;
  margin: 20px auto; }

#profile-form th {
  width: 150px; }

#flash_notice {
  border: 2px solid #777;
  background-color: #ececec;
  padding: 7px;
  padding-bottom: 12px;
  margin: 20px;
  text-align: center;
  font-weight: bold; }

#announcement {
  color: red;
  border: 2px solid #ececec;
  background-color: #fff;
  padding: 2px;
  margin: 4px;
  text-align: center;
  font-weight: bold; }

#dismiss-announcement {
  color: #888; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table; }

#errorExplanation {
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0; }
  #errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff; }
  #errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px; }
  #errorExplanation ul li {
    font-size: 12px;
    list-style: square; }

ul.contacts_list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 80%;
  float: left; }
  ul.contacts_list li {
    float: left;
    width: 220px;
    background: url(/images/contact-card-top.png) top left no-repeat; }
  ul.contacts_list p {
    padding: 0;
    margin: 0; }
    ul.contacts_list p.login {
      font-size: 110%;
      font-weight: bold;
      margin-bottom: 1em;
      width: 120px; }
    ul.contacts_list p.contact-info {
      border: 1px solid #fff;
      padding: 5px;
      margin-bottom: 5px; }
  ul.contacts_list li>div {
    padding: 5px 30px 25px 10px;
    background: url(/images/contact-card-bottom.png) bottom left no-repeat; }

.product {
  float: left;
  width: 250px;
  margin-right: 1em; }
  .product img {
    float: left;
    margin-right: 1em; }