﻿body { background: #fff; color: #333; font: normal 13px/18px Arial, sans-serif; margin: 0px; padding: 0px; }

html, body { }

* { margin: 0px; padding: 0px; border: 0px; }

a:link { color: #000000; text-decoration: underline; }

a:visited { color: #b8b309; text-decoration: underline; }

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

a:active { color: #000000; text-decoration: underline; }

a:hover img { background-color: transparent; } 

h1 { color: #000; font: normal 13px/13px Arial, serif; margin: 0 0 0 0; font-weight: bold; }

h1 span { background-color: #738fb6; padding: 2px; } 

h2 { color: #000; font: normal 21px/24px Arial, serif; }

h2 span { background-color: #f0f0f0; }

h3 { font: normal 16px/18px Arial, sans-serif; font-weight: bold; }

h4 { font:  normal 11px/14px Arial, sans-serif; text-transform: uppercase; margin-bottom: 6px; }

span.highlight { background: #f8f7e6; }

.clearfloats { clear: both; }

.divider { height: 4px; background: #fff url("images/double_line.gif") repeat-x scroll center; margin-bottom: 15px; }

#siteContainer { width: 934px; font: normal 13px/18px Arial, sans-serif; color: #333; text-align: left; }

#headerArea { width: 934px; margin-bottom: 5px; }
#siteLogo { font: normal 28px/28px Arial, sans-serif; color: #000; padding: 18px 0 18px 10px; text-transform: uppercase; }
#siteLogo a { color: #000; text-decoration: none; }

#navArea { width: 214px; float: left; }
#contentArea { width: 720px; float: left; }

#navContainer { padding: 16px 0 0 15px; }

#navContainer ul { 
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navContainer li { margin: 0 0 3px 0; }

#navContainer a {
display: block;
padding: 2px 2px 2px 39px;
width: 150px;
background-image: url(images/navDot_off.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
font: normal 14px/16px Arial, sans-serif; text-decoration: underline; text-transform: uppercase;
}

#navContainer a:link, #navlist a:visited {
color: #b8b309;
}

#navContainer a:hover {
background-image: url(images/navDot_on.gif);
background-position: 0px 50%;
background-repeat: no-repeat;
color: #ee8a1d;
}

#active a:link, #active a:visited, #active a:hover {
background-image: url(images/navDot_on.gif);
background-position: 0px 50%;
background-repeat: no-repeat;
color: #ee8a1d;
text-decoration: none;
}

.subnavContainer { font: normal 10px/10px Arial, sans-serif; color: #000; text-transform: uppercase; font-weight: bold; padding-bottom: 24px; }
.subnavContainer a.subcurrent { color: #ee8a1d; text-decoration: none; }

#contentLeft { width: 424px; float: left; min-height: 500px; }
#contentRight { width: 266px; padding-left: 20px; float: left; min-height: 500px; } 
#eventLeft { width: 396px; float: left; min-height: 500px; }
#eventRight {
	width: 294px;
	padding-left: 20px;
	float: left;
	min-height: 500px;
	text-align: center;
	font-size: larger;
}
#contactLeft { width: 380px; float: left; min-height: 500px; }
#contactRight { width: 310px; padding-left: 20px; float: left; min-height: 500px; } 

.subHeaders { color: #000; font-weight: bold; }

#blogArea { width: 450px; float: left; }
#bannerArea { width: 157px; padding-left: 25px; float: left; }

.blogEntry { margin-bottom: 15px; }
.entryDate { font: normal 10px/10px Arial, sans-serif; background: #ff0000; color: #fff; text-transform: uppercase; margin-bottom: 10px; padding: 3px; display: inline; width: 50px; white-space: nowrap; }
.entryTitle { color: #000; padding: 0 0 8px 0; }
.entryTitle a { color: #000; }
.entryMedia { padding-bottom: 15px; }
.entryContent { font: normal 13px/18px Arial, sans-serif; color: #707070; padding-bottom: 15px; }
.entryInfo { padding: 5px 0; font: normal 10px/10px Arial, sans-serif; text-transform: uppercase; border-top: 1px solid #707070;  border-bottom: 1px solid #707070; margin-bottom: 2px;}

.commentsName { font: normal 10px/10px Arial, sans-serif; color: #707070; text-transform: uppercase; }
.commentsName a:link { font: normal 10px/10px Arial, sans-serif; color: #707070; text-decoration: none; background: #d6f1f9; padding: 1px 3px;  }
.commentsName a:visited { font: normal 10px/10px Arial, sans-serif; color: #707070; text-decoration: none; background: #d6f1f9; padding: 1px 3px; }
.commentsNamea:hover { font: normal 10px/10px Arial, sans-serif; color: #707070; text-decoration: none; background: #d6f1f9; padding: 1px 3px; }
.commentsName a:active { font: normal 10px/10px Arial, sans-serif; color: #707070; text-decoration: none; background: #d6f1f9; padding: 1px 3px; }
.commentsName a.current { font: normal 10px/10px Arial, sans-serif; color: #707070; text-decoration: none; background: #d6f1f9; padding: 1px 3px; }
.commentsDate { font: normal 10px/10px Arial, sans-serif; color: #707070; text-transform: uppercase; }
.commentsText { background: #d6f1f9; font: normal 13px/16px Arial, sans-serif; padding: 7px; margin: 2px 0 20px 0;  } 

.blog_labelXl { width: 637px; margin-bottom: 8px; }
.blog_labelLg { width: 450px; margin-bottom: 8px; }
.blog_labelSm { width: 214px; float: left; }
.blog_labelMiddle { width: 14px; float: left; }
.blog_inputSm { width: 214px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.blog_inputLg { width: 448px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.blog_textAreaLg { width: 446px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }


#pagination { text-align: left; clear: both; margin: 0 0 0.5em 0; padding: 0px 0 1em 0; }
#pagination a { border: 1px solid #999; text-decoration: none; background: #fff; }
#pagination a:hover { background: #fff468; color: #ff0000; }
#pagination a, #pagination span { padding: 0.3em 0.5em; }
#pagination a.pn { border: 1px solid #fff; }
#pagination a.pn b { font-weight: normal; }
#pagination a.pn:hover { border: 1px solid #999; }
#pagination p { color: #999; }

/* ABOUT */
.studio { width: 591px; }
#aboutEttiLeft { width: 424px; float: left; min-height: 500px; }
#aboutEttiRight { width: 266px; padding-left: 20px; float: left; min-height: 500px; }
#welcomeLeft { width: 172px; float: left; min-height: 500px; }
#welcomeRight { width: 518px; padding-left: 20px; float: left; min-height: 500px; }

/* BEGIN ARTICLES */
.articleContainer {
	width: 185px;
	float: left;
	padding: 0 15px 15px 0;
	text-align: center;
}
.articleImg { border: 1px solid #ebebeb; }


/* BEGIN Detox */
.components { width: 591px; }
.componentImg { width: 150px; float: left; padding-bottom: 40px; }
.componentInfo { width: 420px; padding-right: 21px;  float: left; padding-bottom: 40px; }
.programs, .calendar { width: 360px; }
.fees { width: 340px; }


/* ALL ENTRIES TABLE */

.tablestyle { }
.tablestyle table { margin: 0; padding: 0; border-spacing: 0px; border-collapse: collapse; width: 100%; }
.tablestyle caption  { color: #fff; background: #5bc8e7; font-family: Arial, Sans-Serif; font-size: 11px; line-height: 18px; text-align: left;  padding: 4px; text-transform: uppercase; font-weight: bold; text-align: left;}
.tablestyle .headTR { color: #000; border-bottom: 1px solid #e8eeee; }
.tablestyle tr th { color: #000; font-family: Arial, Sans-Serif; font-size: 11px; line-height: 18px; text-align: left;  padding: 4px; text-align: left;}
.tablestyle tr td { color: #000; font-family: Arial, Sans-Serif; font-size: 11px; line-height: 18px; text-align: left; padding: 4px; text-align: left; }
.tablestyle .decoTR { background-color: #d6f1f9; border-bottom: 1px solid #fff; }
.tablestyle .colHeading { text-align: left; }
.tablestyle .rowHeading { text-align: left; width: 150px; }
.tablestyle .rowHeadingLg { text-align: left; width: 250px; }
.tablestyle .price { text-align: right; } 


#SignUp .signupframe {
  border: 1px solid #fff;
  background: #FFFFFF;
  color: #226699;
  font-family: Arial, Helvetica, sans-serif;
}

/* Registration */
.regSteps { font: normal 10px/11px Arial, sans-serif; padding-top: 4px; }
.regReview { background: #f5fafa; padding: 4px; border-top: 1px solid #e8eeee; }
.billReview { background: #f5fafa; padding: 4px; border-top: 1px solid #e8eeee; }
.totalDue { font: normal 24px/24px Arial, sans-serif; background: #f2f2f2; padding: 10px; border: 1px solid #e8eeee; }

/* Footer */
#footerContainer { background: #ffffff; padding: 15px 0 40px 0; text-align: left; font: normal 12px/12px Arial, sans-serif; text-transform: none; color: #707070; border-top: 1px solid #e2e2e2; margin-top: 20px; }
#footerNav { padding-bottom: 25px; text-transform: none; }
#footerNav a:link { font: normal 12px/12px Arial, sans-serif; color: #b8b309; text-decoration: underline; }
#footerNav a:visited { font: normal 12px/12px Arial, sans-serif; color: #b8b309; text-decoration: underline; }
#footerNav a:hover { font: normal 12px/12px Arial, sans-serif; color: #ee8a1d; text-decoration: underline; }
#footerNav a:active { font: normal 12px/12px Arial, sans-serif; color: #b8b309; text-decoration: underline; }
#footerNav a.subcurrent { font: normal 12px/12px Arial, sans-serif; color: #ee8a1d; text-decoration: none; }
#copyright { color: #707070; padding-bottom: 6px; font: normal 11px/11px Arial, sans-serif; color: #707070; } 
#policies { color: #707070; font: normal 10px/10px Arial, sans-serif; color: #707070; text-transform: uppercase; } 

.defaultList { }
.defaultList ul { padding-left: 1.3em; margin-left: 0; list-style-type: bullet; }
.defaultList li { padding: 0px 0px; }


/* Form Properties */
.labelXl { width: 637px; margin-bottom: 8px; }
.labelLg { width: 370px; margin-bottom: 8px; }
.labelSm { width: 178px; float: left; }
.labelMiddle { width: 14px; float: left; }
.inputSm { width: 165px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.inputLg { width: 330px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.selectSm { width: 112px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.selectNoSize { font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.selectLg { width: 330px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.textAreaLg { width: 358px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.largeTextForm { width: 330px; font: normal 24px/24px Georgia, serif; margin: 4px 0; height: 30px; border: 1px solid #abadb3; }
.formRequired { background-color: #fffbd1; display: inline; }
.inputHelper { font: normal 11px/16px Verdana, sans-serif; font-style: italic; }
.btnSubmit { padding: 4px; background: #b8b309; color: #fff; }

.errorArea { background-color: #f1f1f1; color: #333333; padding: 20px; width: 85%; margin-bottom: 20px; font-size: 12px; border: 1px solid #666; }
.errorText { color: #ff0000; text-transform: uppercase; }
.errorArea ul { margin-left: 15px; }


/* Loading */
.loadTopSpace { margin-top: 150px; }





#mainContainer #contentArea .articleContainer p strong {
	text-align: center;
}
