body, tr, td, p {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333; line-height: 1.5}
body {background: #745247}
a:link, a:visited, a:active {color:#069}
a:hover {color:#900}
h1 {color:#900; font-size: 14px; margin: 24px 0 10px 0}
h2 {color:#00756C; font-size: 12px; margin: 24px 0 10px 0; clear: both}
h3 {color:#00756C; font-size: 11px; margin: 24px 0 10px 0; clear: both}
h4 {color:#00756C; font-size: 10px; margin: 24px 0 10px 0; clear: both}
p {margin: 13px 0}
ul, ol {margin: 10px 0; padding:0;}
ul li {list-style: url(images/bullet.gif) outside; margin: 5px 0 5px 25px; padding:0}
ol li {margin: 5px 0 5px 35px; padding:0}
ul ul {margin: 0 0 0 5px}
.emphasis, strong {font-weight: bold;}
img {border: 0}
.thumbnail {float: right; text-align: center; margin: 5px 0px 15px 10px; font-size: 10px; padding:0}
.alert {color: #BF0A2A}
.smaller {font-size: 10px}
#pagetoplink img {float: right; clear:both}
#main img.arrow {vertical-align: middle; margin-right: 7px}
.dotline {border-top: 2px dotted #D2C6A1}

/* header styles */
#header {background:#745247 url(images/bodybg.gif) repeat-y; margin: 0 auto; border:0; padding:0; width: 786px}
#top {text-align: right; padding: 0 20px 2px 0; background: #745247 url(images/topbg.jpg) no-repeat bottom; color: #fff; font-size: 11px}
#top a {text-decoration: none; margin: 0 15px 2px 15px; color: #fff; font-size: 11px}
#top a:hover {color: #FAEBBE}
#topnav {margin: 0 24px 0 24px; background: #00756C; text-align: center; height: 20px; border-bottom: 5px solid #fff; font-size: 11px; padding:0;}
#topnav a {background: #00756C; color:#fff; text-decoration: none; font-weight:bold; display: block; float: left; margin: 0 5px 0px 6px; padding: 2px 5px 2px 5px; vertical-align: middle; height: 16px;}
#topnav a:hover { color:#FAEBBE} 

/*main table left column styles */ 
#main {background: #fff url(images/bodybg.gif) repeat-y; margin: 0 auto; border:0; padding:0; width: 786px}
#left {width: 218px; padding:0 0 30px 0px; vertical-align: top; background: #fff url(images/leftbg.gif) repeat-y; font-size: 11px; margin:0}
#left #signup {margin: 0 0 0 24px; border-bottom: 2px dotted #fff; padding: 0px 10px 15px 10px;}
#left #signup h2 {margin: 18px 0 10px 0}
#left  p {font-size: 11px; }
form {margin:-10px 5px 0 0px;  font-size: 11px;}
input {font-size: 11px; margin: 3px 0px; padding: 1px; }
#left h2 {margin: 26px 0 10px 35px; color:#900; font-size: 11px;}
.leftnav h3 {margin: 15px 0 10px 35px; color:#900}
#left ul {border-left: 4px solid #fff; margin: 10px 5px 5px 20px; margin-right:0;  padding-bottom: 20px}
.dotborder {border-bottom: 2px dotted #fff; } 
#left ul li {margin: 0; padding: 0;list-style: url(images/spacer.gif); border-bottom: 1px dotted #E4DFCF;} /* this border has the same color as the background, just to fix a display problem in IE */
#left .leftnav a {color: #000; text-decoration:none; display: block; padding: 3px 10px 3px 20px; background: url(images/leftnavbgoff.gif) no-repeat;}
#left .leftnav a:hover {color: #069;}
#left .attention {padding: 5px 3px 7px 0; margin: 10px 10px 10px 30px; text-align: center; border: 2px dotted #D2C6A1;}
#left .attention a {padding: 5px; display: block;}
.attention h3 {margin: 5px 0; padding:0; color: #900}
#address {margin: 20px 10px 10px 35px;}
#address h2, #slbbanner h2 {margin: 20px 0px 10px 0px}
#slbbanner {padding: 0 0 20px 0; margin: 20px 0px 10px 24px; text-align: center; border-top: 2px dotted #fff; border-bottom: 2px dotted #fff;}
#bookbanner {margin: 0 0 0 25px; padding: 20px 15px 25px 16px; border:0; border-bottom: 2px dotted #fff}

/*main table center column styles */
#center {width:568px; padding: 0px 0 30px 0; vertical-align: top;margin:0;}
#centerDiv {padding: 0px 38px 10px 25px}
.quoteAuthor {margin: 8px 0; font-weight: bold;}
#center blockquote {margin: 20px 0 20px 0; border: 1px solid #D2C6A1; padding: 0 15px;}
#center blockquote p {font-size: 11px;}
#center .announcement {margin: 20px 0; border: 2px dotted #D2C6A1; padding: 5px 10px 5px 15px ; color: #036;}
#center .announcement h3 {color:#036; margin: 10px 0 10px 0; padding:0}
#center .workout {border: 2px dotted #D2C6A1; padding: 0 10px 0 20px; color: #036;font-size: 11px; margin: 20px 0}
#center .workout p {font-size: 11px;}
#center .workoutItem {font-weight: bold}
#center .question {color: #06c}
#center .border {border-top: 2px dotted #D2C6A1; padding-top: 15px}
#center img {margin: 5px}
#center .action {margin: 0 0 5px 10px; border: 2px dotted #D2C6A1; padding: 0px 5px 5px 15px ; width: 200px; float:right; }
.redFont { color: #900; }
.bold { font-weight: bold; }
.greenFont { color: #00756C; }
#harley {border-top: 1px solid #D2C6A1;border-bottom: 1px solid #D2C6A1; padding: 15px 0 ; margin: 20px 0px 0px 0px; text-align: center; float:left; width: 100%} /* about page */
#center #harley img {float: left; margin:0 10px 0 0; padding:0 }/* about page */

/* testimonial page client image and caption */
#center .clientsImg {width: 115px; font-size: 10px; float: left; margin: 15px 10px 7px 0; line-height: 1.3; color: #900} 
#center .clientsImg img {float: left; margin: 0 7px 7px 0}

/* sign up pages styles */
#center input {font-size: 15px;} /* submit buttons on sign up pages */
#center form {border-top: 2px dotted #D2C6A1; margin-top: 15px} /* forms on sign up pages */
.signup {vertical-align: middle; margin: 5px} /* sign up buttons on program page */
.checkbox {vertical-align: middle; margin-right: 5px} /* checkboxes on sign up pages */

/* footer */
#footer {background: #745247 url(images/footerbg.gif) no-repeat; padding: 20px 0 0 10px; text-align: center; }
#footer a {margin: 0 10px;  font-size: 10px; color: #E4DFCF}
#footer a:hover {color:#fff;}
#copyright, #copyright a, #copyright p {font-size: 10px; margin: 8px 0; color: #E4DFCF; width: 760px; }