
body {
  background: url(images/content_background.png);
  background-color: #D3DFE5;
}

#main {
  position: absolute; width: 870px; left: 50%;
  margin-left: -435px; margin-top: 1px;
}

#content_top {
  width: 870px; height: 34px;
  background: url(images/content_top.png) no-repeat left bottom;
  padding: 0px; margin: 0px;
}

#content_main {
  width: 870px; height: auto;
  background: url(images/content_middle.png) repeat-y;
  padding: 30px; padding-top: 8px; margin: 0px;
  align: center;
}

#content_bottom {
  width: 870px; height: 34px;
  background: url(images/content_bottom.png) no-repeat left top;
  padding: 0px; margin: 0px;
  
  font: bold 11px Helvetica, sans-serif;
  text-align: center;
  color: #FFFFFF;
  padding-top: 6px;
}

.heading {
  width: 796px; height: auto;
  border-bottom: solid 1px #CBCBCB;
  padding: 7px; padding-bottom: 2px;
  font: normal 18px Helvetica, sans-serif;
  text-decoration: none;
  color: #999999;
}

.heading b { color: #636363; }

#nav_bar {
  float: right; padding-top: 2px;
  font: normal 16px Helvetica, sans-serif;
  text-decoration: none;
  color: #626262;
  width: auto;
}

#nav_bar a {
  color: #6495FF;
  text-decoration: none;
}

#nav_bar a:hover {
  text-decoration: underline;
}

.column {
  width: 270px; height: auto;
  float: left;
  
  font: normal 12px Helvetica, sans-serif;
  text-decoration: none;
  color: #949494;
  text-align: justify;
  line-height: 1.2em;
}

.column a {
  color: #6495FF;
  text-decoration: none;
}

.column a:hover {
  text-decoration: underline;
}

h1 {
  font: bold 16px Helvetica, sans-serif;
  text-decoration: none;
  color: #404040;
  display: inline;
  text-align: left;
}

.spacer { height: 30px; }

#sys_req {
  margin-top: 171px;
  padding: 5px;
  border: solid 1px #CBCBCB;
  
  font: normal 10px Helvetica, sans-serif;
  text-decoration: none;
  text-align: left;
}

#sys_req b { color: #444444; }

.feature_icon {
  width: 23px; height: 20px;
  float: left;
  padding: 0px; padding-left: 15px;
}

.feature_content {
  width: 217px; padding: 0px; padding-right: 15px;
  float: left;
}

.feature_content b {
  color: #000000;
  line-height: 1.4em;
  justify: left;
}

.feature_content a {
  color: #6495FF;
  text-decoration: none;
}

.feature_content a:hover {
  text-decoration: underline;
}

.feature_spacer { height: 27px; }
.feature_spacer_2 { height: 3px; }

#logo_heading {
  width:500px; height: 145px;
  background: url(images/app_icon.jpg) no-repeat left top;
  padding-left: 240px; padding-top: 25px;
  font: normal 22px Helvetica, sans-serif;
  color: #555555;
}

#logo_heading a {
  color: #CBCBCB;
  font: normal 16px Helvetica, sans-serif;
  text-decoration: none;
  padding-left: 2px;
}

#buy_notes {
  padding-left: 30px;
  font: normal 11px Helvetica, sans-serif;
  color: #777777;
}

#buy_notes a {
  color: #5485EF;
  text-decoration: none;
}

#buy_notes a:hover { text-decoration: underline; }

.help_heading {
  width: 320px; font: 20px Helvetica, sans-serif;
  color: #333; margin-bottom: 3px;
}

.help_content {
  width: 318px; font: 12px Helvetica, sans-serif;
  color: #999; margin-bottom: 5px; padding-left: 2px;
  margin-bottom: 40px;
}

.help_content b { color: #777; }
.help_content a { color: #5485EF; text-decoration: none; }
.help_content a:hover { text-decoration: underline; }

.help_email a {
  color: #5485EF; text-decoration: underline;
  font: normal 11px Helvetica, sans-serif;
  width: 300px;
}

.help_email_left {
  float: left; width: 120px;
  text-align: right;
  padding-right: 7px;
  color: #666666; font-weight: bold;
  font-size: 11px;
  padding-top: 2px;
}

.help_email_right {
  float: left; width: 150px;
  text-align: left;
  padding-bottom: 3px;
  vertical-align: middle;
}
