body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000000;
}

ol {
	list-style: decimal outside none;
	font-size: 90%;
	padding: 3% 3% 3% 3%;
}

ol li {
	font-family: inherit;
	list-style-position: inside;
}

ol li a {color: #000000; text-decoration: none;}
ol li a:link, ol li a:visited {color: #000000; text-decoration: none;}
ol li a:active {color: #000000; text-decoration: none;}
ol li a:hover {background-color: #FFFDDA; text-decoration: underline; color: #000000;}

a {color: #E0B57D; text-decoration: none;}
a:link, a:visited {color: #E0B57D; text-decoration: none;}
a:active {color: #E0B57D; text-decoration: none;}
a:hover { text-decoration: none; color: #E0B57D;}


#content_left #main-menu {
position: absolute;
left: 68px; 
top: 144px; 
width: 150px;
font-size: 9.0pt;
line-height: 10pt; 
font-weight: bold; 
}

#main-menu ul {  
display: block;
text-indent: 0;   
}

#main-menu li {
padding-bottom: 5px;  
color:#FFFFFF;   
}

#main-menu a {display: block; padding: 1px; color: #E0B57D; text-decoration: none;}
#main-menu a:link, #main-menu a:visited {color: #E0B57D; text-decoration: none;}
#main-menu a:active {color: #E0B57D; text-decoration: none;}
#main-menu a:hover {background-color: #BF7315; text-decoration: none; color: #FFFDDA;}

#main-menu .selected-item a  {display: block; padding: 1px; color: #FFFFFF; text-decoration: none;}
#main-menu .selected-item a:link, #main-menu .selected-item a:visited  {color: #FFFFFF; text-decoration: none;}
#main-menu .selected-item a:active  {color: #FFFFFF; text-decoration: none;}
#main-menu .selected-item a:hover{background-color: #BF7315; text-decoration: none; color: #FFFFFF;}

#happybody-logo {
position: absolute;
left: 71px;
top: 46px;
} 

#buy-book {
position:absolute;
left: 60px;
top: 582px;                   
}   

#flexibility {
position:absolute;
left: 60px;
top: 667px;                   
}   

#flexibility-text {
position:absolute;
left: 66px;
top: 748px; 
color:#000000;
font-size: 68%; 
text-align: center;
font-weight: bold;
}   

#bottom_bar a img {border-style: none;}

#the-happy-body {
position:relative;
left: 317px;
top: 44px;                    
} 

.sub-menu {
position:relative;
left: 230px;
top: 95px; 
width: 620px;
font-size: 8.5pt; 
font-weight: bolder;
letter-spacing: -0.5px; 
clear: left; 
}

.sub-menu ul {list-style-type: none; text-align: center; margin: 0; padding: 0 0 0 20px; text-indent: 0em; text-decoration: none;  }
.sub-menu li {background: none; margin: 0; padding: 0; padding-right: 2px; float: left; color: #C4C983;}
.sub-menu a {display: block; padding: 1px; color: #C4C983; background-color: #889700; text-decoration: none;}
.sub-menu a:link, #bottom-menu a:visited {color: #C4C983; text-decoration: none;}
.sub-menu a:active {color: #C4C983; text-decoration: none;}
.sub-menu a:hover {background-color: #889700; text-decoration: none; color: #F0F3D5; }  

#sub-sub-menu {
top: 105px;
left: 420px;
}

.header-text {
position:relative;
left: 210px;
top: 12px;
font-size: 9.9pt;
line-height: 15pt; 
font-weight: bolder;
letter-spacing: -0.5px;
color: #B7BDCE;  
}

#thehappybodytext {
color: #FFFFFF;
}

#bottom_bar .footer-text {
position:relative;
left: 160px;
top: 12px;
font-size: 6.4pt;
line-height: 8.5pt; 
font-weight: normal;
letter-spacing: -0.5px;
color: #FFFFFF;
}

#bottom_bar ul {position:relative; top: 1px; left: 350px; list-style-type: none; margin: 0; padding: 0 0 0 20px; text-indent: 0em; text-decoration: none; width: 100%; }
#bottom_bar li {background: none; margin: 0; padding: 0; padding-right: 5px; float: left; color: #aeaeae; font-size: 8px; letter-spacing: .2px;}  
#bottom_bar a {display: block; padding: 1px; color: #aeaeae; background-color: #000000; text-decoration: none;}
#bottom_bar a:link, #bottom-menu a:visited {color: #aeaeae; text-decoration: none;}
#bottom_bar a:active {color: #dcdcdc; text-decoration: none;}
#bottom_bar a:hover {background-color: #000000; text-decoration: none; color: #ffd700; }  


body { 
font : 100%; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, p, blockquote { 
margin : 0 20px .50em; }

h1 {
	color: #0078B6;
	font-weight: bolder;
}

h2, h3 { 
padding-top : 2%;
margin-bottom : .15em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#BF7315;
}

h3 {
	font-size: 90%;
}

p { 
font-size : 100%; }

blockquote {
	padding: 5% 5% 1% 5%;
	font-family:"Times New Roman" ;
	text-align: center;
	font-size: 115%;
	font-style: italic;
	font-weight: 500;
}

blockquote > p {
	margin : 0 0 0 0;
}

.author {
	font-size: 70%;
	font-style: normal;
	font-weight: bold;
}

div#top_bar p { 
margin-left:30%;
font-size : 160%;
}

.header-text {
 position:relative;
 left: 210px;
 top: 12px;
 font-size: 9.9pt;
 line-height: 15pt; 
 font-weight: bolder;
 letter-spacing: -0.5px;
 color: #B7BDCE;  
}
        
#thehappybodytext {
 color: #FFFFFF;
}

div#content_sub div#left-menu {
font-size: 9.0pt;
line-height: 10pt; 
font-weight: bold;
letter-spacing: 88%;
}

div#left-menu ul {  
display: block;
margin : 0 20px .50em; 
padding-top: 31px;
padding-bottom: 42px;  
text-indent: 0;   
}
        
div#left-menu li {
padding-bottom: 5px;
color:#FFFFFF;   
}

div#left-menu a {display: block; padding: 1px; color: #E0B57D; text-decoration: none;}
div#left-menu a:link, div#left-menu a:visited {color: #E0B57D; text-decoration: none;}
div#left-menu a:active {color: #E0B57D; text-decoration: none;}
div#left-menu a:hover {background-color: #BF7315; text-decoration: none; color: #FFFDDA;}

div#left-menu .selected-item a  {display: block; padding: 1px; color: #FFFFFF; text-decoration: none;}
div#left-menu .selected-item a:link, div#left-menu .selected-item a:visited  {color: #FFFFFF; text-decoration: none;}
div#left-menu .selected-item a:active  {color: #FFFFFF; text-decoration: none;}
div#left-menu .selected-item a:hover{background-color: #BF7315; text-decoration: none; color: #FFFFFF;}

div#main_content p {
font-family: "Times New Roman";
font-size: 105%;	
padding-bottom:0;
margin-bottom: 0;
text-indent: 2%;
}

/* no indent for the first paragraph after heading 1 */
div#main_content h1 + p {
	text-indent: 0;
	padding-bottom: 3%	
}
/* set color to orange for all paragraphs after the heading 1 */
div#main_content h1 + p /*, div#main_content h1 ~ p*/  {
	color: #BF7315;
}

/* after a h1 heading, look and feel of links in the content */
div#main_content h1 + p > a:link, div#main_content h1 ~ p > a:link, div#main_content h1 + p > a:visited, div#main_content h1 ~ p > a:visited {color: #BF7315; text-decoration: none;}
div#main_content h1 + p > a:active, div#main_content h1 ~ p > a:active {color: #BF7315; text-decoration: none;}
div#main_content h1 + p > a:hover, div#main_content h1 ~ p > a:hover {background-color: #FFFDDA; text-decoration: underline; color: #BF7315; }

/*div#main_content h1 + p:first-letter{
float:left;
vertical-align: text-top;
color:black;
font-size:600%;
color: #0078B6;
}*/

#cap {
font-size:600%; 
color:#0078B6; 
font-weight:normal; 
float:left; height: 75%; 
line-height:75%; 
margin-top:-1px; 
margin-right:1px;}

* html #cap {
margin-right:-2px; 
margin-top:3px;} 

/* no indent for the first paragraph after heading 2 */
div#main_content  h2 + p {
	text-indent: 0;
}

/* set color to black for all paragraphs after the heading 2
   NOTE:  this overrides the color set for all parapgraphs after 
	the heading 1.  effect adjacent + and all adjacent p tags */
div#main_content h2 + p, div#main_content h2 ~ p  {
	color: #000000;
}

/* after a h2 heading, look and feel of links in the content */
div#main_content h2 + p > a:link, div#main_content h2 ~ p > a:link, div#main_content h2 + p > a:visited, div#main_content h2 ~ p > a:visited {color: #000000; text-decoration: none;}
div#main_content h2 + p > a:active, div#main_content h2 ~ p > a:active {color: #000000; text-decoration: none;}
div#main_content h2 + p > a:hover, div#main_content h2 ~ p > a:hover {background-color: #FFFDDA; text-decoration: underline; color: #000000; }


q:lang(en)
{
quotes: &#8220; &#8221;
}
