body {
	font-family: Verdana, Helvetica, FreeSans, Sans-serif;
	font-size: 100%;
	background-color: #c2dfff;
}
#container {
	font-size: 0.875em;
	line-height: 1.5em;
	width: 860px;
	margin: 0 auto;
}			
/* Content */
#content_container {
	float: left;
	width: 629px;
	background: url(images/content_container.jpg) repeat-y top center;	
}
#content_header {
	height: 206px;
	background: url(images/content_header.jpg) no-repeat center center;				
}
#content_footer {
	height: 85px;
	background: url(images/content_footer.jpg) no-repeat center center;
	padding: 10px 0 0 0;			
}
#content_footer p {
	font-size: 0.8em;
	text-align: center;
	margin: 0;
}
/* Links */
a:link {
	text-decoration: none;
	color: #0000ff;
}
a:visited {
	color: #0000ff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* Paragraphs */
p {
	margin: 20px 30px;
	text-align: justify;
}
p#back_to_top_link {
	font-size: 0.8em;
	text-align: center;
}
p#continue_link {
	font-size: 1.5em;
	line-height: 1.6em;
	text-align: center;
	font-weight: bold;
}
/* Headings */	
h1 {
	font-size: 1.8em;
	line-height: 1.6em;
	margin: 20px 30px;
	padding: 0;
	color: #ff0000;
	text-align: center;
}
h2 {
	font-size: 1.6em;
	line-height: 1.6em;
	margin: 20px 30px;
	padding: 0;
	color: #ff0000;
	text-align: center;
}
h3 {
	font-size: 1.4em;
	line-height: 1.6em;
	margin: 20px 30px;
	padding: 0;
	text-align: center;
}
h4 {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 20px 0 10px 0;
	text-align: center;
}
h4.privacy { /* Also used on terms.php, faqs.php and sitemap.php */
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 20px 30px;
	text-align: left;
	text-decoration: underline;
}
/* Success Stories */
.success_story_container {
	width: 572px;
	margin: 20px auto;
	background: url(images/success_story_container.gif) repeat-y top center;
}
.success_story_header {
	height: 43px;
	background: url(images/success_story_header.gif) no-repeat center center;
}
.success_story_footer {
	height: 14px;
	background: url(images/success_story_footer.gif) no-repeat center center;
}
.success_story_images {
	float: left;
	margin: 5px 10px 0 0;
}
/* Bonus Box */
.bonus_box_container {
	width: 571px;
	margin: 20px auto;
	background: url(images/bonus_box_container.gif) repeat-y top center;
}
.bonus_box_header {
	height: 43px;
	background: url(images/bonus_box_header.gif) no-repeat center center;
}
.bonus_box_footer {
	height: 14px;
	background: url(images/bonus_box_footer.gif) no-repeat center center;
}
.bonus_box_image_div {
	width: 181px;
	float: left;
	margin: 0 0 0 10px;
}
.bonus_box_content_div {
	width: 378px;
	float: left;				
}
p.bonus_box_paragraph {
	padding: 0 15px 0 10px;
	margin: 0;
}
#bonus_7_image {
	float: left;
	padding: 0 10px 0 0;
}
/* Clock */
#clock_div {
	width: 200px; 
	text-align: center; 
	margin: 15px auto;
	padding: 5px 0 5px 0;
}
#clock_span {
	font-weight: bold;
	font-size: 1.3em;		
}
/* Miscellaneous */			
.clear {
	clear: both;
	margin: 0;
}		
sup {
	font-size: 50%;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
.left_align {
	text-align: left;
}
.bold {
	font-weight: bold;
}
.yellow {
	background-color: #ffff00;
	font-weight: bold;
}
.red {
	color: #ff0000;
}
.black {
	color: #000000;
}
.line_through {
	text-decoration: line-through;
}
dl {
	margin: 20px 30px;
}
/* left and right divs on whatispregnancymiracle.php */
#left {
	width: 210px;
	float: left;
	margin: 0 0 0 29px;
}
#right{
	width: 350px;
	float: left;
	margin: 0 0 0 10px;
}
/* Images */			
.center {
	display: block;
	margin: 20px auto;
}
.success_story_images { /* Used for Lisa Olson photo in Part 2 as well */
	float: left;
	margin: 5px 10px 0 0;
}	
/* Lists */
ul {
	padding: 0;
	margin: 20px 30px;
}
li {
	margin: 0 0 5px 0;
	list-style-type: none;
	background: url(images/tick.jpg) left no-repeat;
	padding: 10px 0 10px 50px;
}
ul#small_ticks { /* Used only on whatispregnancymiracle.php */
	padding: 0;
	margin: 10px 0 0 10px;
}
ul#small_ticks li {
	margin: 0 0 5px 0;
	list-style-type: none;
	background: url(images/tick_small.jpg) left no-repeat;
	padding: 5px 0 5px 35px;
}
/* Opt-in */
#optin_div {
	margin: 40px 30px 30px 30px;
	border: solid 5px #c2dfff;
	background-color: #fdecff;
}
form#web_form {
	border: solid 1px #ccc;
	width: 260px;
	margin: 20px auto;
	padding: 20px 0;
	background-color: #c2dfff;
}
input[type="text"] { /* Used on contact form as well */
	border: solid 1px #ccc;
}			
label { /* Used on contact form as well */
	display: block;
	float: left;
	width: 5.0em;
	text-align: right;
	margin-right: 0.5em;
}
#submit_button_div { /* Used on contact form as well */
	padding: 0 0 0 5.5em;
}
/* Contact Form */
form#contact_form {
	margin: 20px 30px;
}
/* Download Box */
#download_box {
	margin: 40px 60px;
	padding: 20px 0;
	border: dashed 5px #ff0000;
}
/* Navigation */
#navigation {
	float: right;
	width: 216px;
	margin: 30px 0 0 0;
}			
/* Navigation Buttons */
.cssnav	{
	width: 215px;
	height: 27px;
	position: relative;
	margin: 0 auto; 
	padding: 0;
	white-space: nowrap;
	background: url(images/button_hover.jpg) no-repeat;
}
.cssnav a {
	display: block;				
	color: #000000;
	font-size: 13px;
	font-weight: normal;			
	text-decoration: none;
}
.cssnav a:visited {			
	color: #000000;
}
* html a:hover {
	visibility: visible;
}
.cssnav a:hover img {
	visibility: hidden;
}
.cssnav img {
	border-style: none;
}
.cssnav span {
	position: absolute;
	left: 7px;
	top: 2px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}