body, html {
  margin:0;
  padding:0;
  background:#fff url(images/html_bg.png) top left repeat;
  color:#000;
  font: normal normal 16px Arial, Sans-Serif;
  height: auto;
}

#body_top {background: url(images/body_top.png) top center no-repeat; width: 800px; height: 172px; margin: 0 auto;}
#body_btm {background: url(images/body_btm.png) top center no-repeat; width: 800px; height: 80px; margin: 0 auto;}
#content {background: url(images/body_mid.png) top center repeat-y; width: 930px; height: 100%; margin: 0 auto; margin-top: -22px;}
#header_welcome {background: url(images/header_welcome.jpg) top center no-repeat; width: 802px; height: 221px; margin: 0 auto; padding: 0;}
#body_welcome {background: url(images/body_welcome.png) top center no-repeat; width: 754px; height: 454px; margin-left: 76px;}

#footer {
  background: url(images/body_btm.png) top center no-repeat; 
  width: 930px;
  height: 82px;
  margin: 0 auto;
  padding-top: 12px;
  font-size: 12px;
  color: #222;
}

#footer a, #footer a:visited, #footer a:hover {color: #009; text-decoration: none;}
#footerleft {float: left; margin-left: 105px; _margin-left: 63px; width: 400px; line-height: 1.3em;}
#footerright {float: right; text-align: right; margin-right: 105px; _margin-right: 63px; width: 300px; line-height: 1.3em;}

br {line-height: 1.3em;}
h1 {font: normal bold 35px   Arial, Sans-Serif; text-align: center; color: #fff; margin: 0 auto; padding-top: 10px;}
h2 {font: normal bold 35px Serif; text-align: center; color: #000; width: 580px; line-height: 1.2em; margin: 0 auto;}
h3 {font: normal bold 26px Serif; color: #000; width: 580px; line-height: 1.2em;}
h4 {font: normal bold 16px Arial; color: #000; width: 580px; line-height: 1.2em;}
p {width: 580px; margin: 0 auto; line-height: 1.3em; text-align: left;}
ul, ol {list-style-image: url(images/bullet_02.png); width: 510px; margin-left: 130px; _margin-left: 120px; line-height: 1.3em; padding-left: 60px; }
ul li, ol li, ul li ul li {padding-bottom: 15px;}
ul li ul {list-style-image: url(images/bullet_02.png); width: 510px; margin-left: 0; line-height: 1.5em; padding-left: 20px; }
hr {width: 600px;}

.heading {font: normal bold 20px  Arial, Sans-Serif; text-align: center; width: 800px; line-height: 1.2em; margin: 0 auto;}
.subheading {font: normal bold 18px  Arial, Sans-Serif; text-align: center; width: 800px; line-height: 1.2em; margin: 0 auto;}
.check {list-style-image: url(images/bullet_01.png) !important;}
.check2 {list-style-image: url(images/bullet_03.png) !important;}
.boxes {list-style-image: none !important; list-style-type: none;}
.bio {font-size: 14px;}

.quotes {
   background: #fff url(images/quote_mid.png) top center repeat-y; 
   width: 650px;
   height: auto;
   color: #000; /* #008b98; */
   margin: 0 auto;
}
.quotes2 {
   background: #fff url(images/quote2_mid.png) top center repeat-y; 
   width: 650px;
   height: auto;
   color: #000; /* #008b98; */
   margin: 0 auto;
}

.topbtm {margin: 0 auto; padding: 0;}
.quotes p, .quotes2 p {width: 580px; color: #222; margin-left: 35px; font-size: 14px !important; line-height: 1.5em; text-align: left !important;}
.quotes2 p {color: #000 !important;}
.quotes h2, .quotes2 h2 {width: 580px; font-size: 30px; font-weight: bold; color: #050; text-align: center; margin: 0 auto;}
.quotes h3 , .quotes2 p{width: 580px; font-size: 25px; color: #050; text-align: center; margin: 0 auto;}

.alert {
   background: #fff url(images/alert_mid.png) top center repeat-y; 
   width: 724px;
   height: auto;
   color: #355d86; /* #008b98; */
   margin: 0 auto;
}

.alert #alert_top, .alert #alert_btm {margin: 0 auto; padding: 0;}
.alert p, .alert ul, .alert ol {width: 605px; color: #111; margin-left: 0; text-align: left !important;}
.alert h3, .alert h4 {margin: 0;}

.purple {color: #800080 !important;}
.green {color: #090 !important;}
.blue {color: #003366 !important;}
.gray {color: gray;}
.courier {font-family: courier new; font-size: 16px; font-weight: bold;}
.serif {font-family: serif; font-size: 16px; font-weight: bold;}
.arial {font-family: arial; font-size: 13px;}
.floatleft {float: left; padding: 0 15px 10px 0;}
.floatright {float: right; padding: 5px 0 0 10px;}
.border {background: #a9f95a; color: #fff; padding: 20px;}
.f18 {font-size: 18px !important;}
.f22 {font-size: 22px !important; line-height: 1.5em;}
.f26 {font-size: 26px !important; line-height: 1.5em;}
.center {text-align: center !important; margin: 0 auto !important;}
.left {text-align: left !important;}
.bold {font-weight: bold;}
.download {
  display: block; 
  background: #4c9800; 
  color: #fff; 
  width: 600px; 
  height: 28px; 
  font: normal bold 18px arial; 
  line-height: 28px; 
  text-decoration: none;
  border: 3px solid #090;
  border-color: #ddd #090 #090 #ddd;

}

#orderform {background: url(images/orderform.jpg) top center no-repeat; width: 648px; height: 302px; margin: 0 auto;}
#orderform p {font-size: 18px; width: 530px; text-align: justify; margin: 0 auto; padding-top: 120px; text-align: left !important;}
#aweber_signup {border: 2px solid #5e1b3f; width: 300px; height: auto; margin: 0 auto; padding: 10px;}

#signup {float: right; width: 200px; height: 120px; margin: 100px 10px 0 0; _margin: 100px 5px 0 0;}
#signup form {margin: 5px 0 0 15px;}
#signup form .formtext {font: normal normal 13px arial; margin: 10px 0 0 10px;}
#signup form input {margin: 0 0 0 10px; height: 12px;}
#btn_signup {margin-top: 10px;}


#leftpanel {float: left; width: 185px; height: 420px; margin: 0 0 0 4px; _margin: 0 0 0 2px; padding-top: 15px;}
#centerpanel {float: left; width: 340px; height: 410px; margin: 0 0 0 4px; padding-top: 20px;}
#rightpanel {float: left; width: 205px; height: 410px; margin: 0 0 0 10px; padding-top: 20px;}
#rightpanel p.p_h3 {font: normal normal 16px arial; color: #333; width: 180px; text-align: center !important; text-indent: 0; padding: 0; margin: 0 auto;}
#rightpanel p {font: normal normal 14px arial; width: 180px; text-align: left; margin: 0 auto; padding: 0;}
#rightpanel ul {font: normal normal 14px arial; width: 180px; text-align: left; margin: 0 auto; padding-left: 15px;}

#popup {float: right; padding-right: 40px; _padding-right: 40px;}
#popup select option{width: 470px !important;}

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
  position:absolute;
  visibility:hidden; 
  background: url(images/popup.png) top center no-repeat;
  width:450px; 
  height:0; 
  border:0px solid #000; 
  left:-400px; 
  top:0px;
}
a.screen span {visibility: hidden;}

a.screen:hover {
  text-decoration:none; 
  border:0; 
  z-index:1000;
}
a.screen:hover b {
  visibility:visible; 
  height:250px; 
  cursor:pointer; 
  z-index:500; 
}
a.screen:hover span {position: absolute; top: 20px; left: -10px; z-index: 1000;}
a.screen:hover b img {
  border:0; 
}