body {
  margin-top: 0; 
  padding-top: 0;
  background-color: #cbe1ef; 
  background-image: url("images/gradient.gif"); background-repeat: repeat-x;
} 

span.legal  {
	font-family: Arial;
	font-size:8pt;

}

#container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  width: 780px;
  background-color: #FFF;
}

#content {

  margin-left: 0;
  padding: 0px;
  padding-top: 10px;

}

#f_content {
  top: 30px;
}

h1.website {
  font-size: 30pt;
  margin: 7px 0 0 0;
  line-height: 100%;
  text-align: center;
}

h1.otherpages {
  margin: 10px;
}


h2.otherpages {
  margin: 10px;
}

h3.otherpages {
  margin: 10px;
}



p.otherpages {
    margin: 10px;
    }

p.website {
  padding: 0 0 0 0;
}

p.FAQ_Q {
  margin: 10px;
  font-weight: bold;
  font-size: 12pt;
}

.mainbody {
  border-bottom: 1px solid #d0dbdd;  
  padding-top: 10px;
  padding-left: 7px;
}

#tabmenu {
  width: 400px;
  margin: 0px 0px 0px 330px;
}

#divPageContent {
  padding: 20px; 
  background-color: #ffffff;
}

#topnav {
  float: right;
  margin-right: 35px;
}

#topnav ul {    
  width: 100%;
  text-align: right;
  overflow: hidden;
  list-style-type: none;   
}

#topnav ul li {
  display: inline;
  border-left: 1px solid grey;
  padding: 2px 8px 2px 8px;
}

#topnav .first {
  border-left: none;
}

#benefitsCallout {
  width: 200px; height: 200px; float: left; margin: 10px 5px 5px 5px; border: 1px solid blue;
}

#teaserCallout {
  margin: 5px;
  width: 228px;
  height: 85px;
  float: left;
  font-size: 12pt;
  line-height: 1.3em;
  text-align: center;
  font-weight: bold;
  background-image: url("images/callout.gif");
  background-repeat: no-repeat;
  background-position: center;
}

#teaserCallout p {
  margin: 5px;
  padding: 5px;
  color: black;
}

#demoCallout {
  width: 200px; height: 55px; float: left; margin: 10px 0 5px 5px; padding: 5px; text-align: center;
}

#LearnCallout {
  margin: 2px 2px 2px 2px;
  border: 1px solid green; padding: 3px;
  line-height: 100%;
  text-align: center;
  font-size: 32pt;
}

#screenShotCallout {
  width: 498px; height: 193px; float: left; border: 1px solid black; margin: 5px 10px 5px 5px;
}

/* styles for rounded corners */
b.rtop {display:block;background: #98aebf}
b.rbottom{display:block;background: #cbe1ef}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #ffffff}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}