body { width:840px; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12pt; background-color:#e5deee; color: #333333}


/*layout*/
#header { width:840px; height:240px; margin:auto; 
		background-image:url(../images/header.jpg); }

#mid{ width:720px; height: auto;  padding:10px 60px; 
		background-image:url(../images/mid_pat.jpg); background-repeat:repeat-y;}

#footer {width:840px; height:30px; margin:auto; padding:auto; text-align:center;
		background-image:url(../images/footer.jpg); background-repeat:no-repeat;
		text-align:center; font-size:9pt; color: #333333  }
#footer ul { margin:0; padding:30px}
#footer li { list-style:none; display:inline; margin:0px 20px;}
#copyright { text-align:center; padding:30px; color: #333333; font-size:10pt; }

#form table { width:300px; height: auto; margin:auto; background-color:#e5deee; border:#663399 4px solid; padding:20px; }

/*formats*/
h1 h2 h3 { font-family:Arial, Helvetica, sans-serif; color:#999;}
.tall { font-size:2em}
.purple { color:#993399}
.red { color:#FF0000 }
.center { text-align:center}
.video {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #A36CAF;
}

.image_right table {
	height: auto;
	background-color:#e5deee;
	border:#663399 4px solid;
	padding:10px;
}

.td_1 { padding:10px; vertical-align:top; width:140px; font-weight:bold }
.td_2 { padding:10px; width:inherit; list-style-image:url(../images/4.png) }

a {text-decoration:none}
a:hover { color:#990000; text-decoration:underline}

#mid ol{ margin:auto 50px; padding:0 }
#mid ol li{ list-style:none}
#mid ul{ margin:auto 50px; padding:0 }
#mid ul li{ margin:0px; padding:0px; list-style: disc outside }


#mid .check { padding:10px;}
#mid ul.check {
	margin:auto;
	padding:0;
	list-style-position: inside;
}
#mid ul.check li{
	list-style-image:url(../images/check.jpg);
	list-style-type:none;
	padding-left:20px;
	list-style-position: inside;
	}



#footer a { color:#333; text-decoration:none}
#footer a:hover {color:#999999; text-decoration: underline}

.WhatComesNext a  {
clear: left;
	display: block;
	height: 50px;
	text-indent: -9999px;
	background-position: 50% -50px;
	background-repeat: no-repeat;
}

.WhatComesNext a {
	background-image: url(../images/what-comes-next-button.gif);
}

.WhatComesNext a:hover{
	background-position: 50% 0px;
}
.testimonial_box { width:520px; margin:20px auto; padding:20px; background-color:#e5deee; border:#333333 solid 2px}
.payment_box {width:600px; margin:20px auto; padding:20px; border:#000000 dashed 1px; background-color:#ffffcc}
.clear {clear:both}
.image_left  {float:left; padding:20px; }
.image_right  {float:right; padding:20px; }