/* This is a CSS comment 
Do NOT leave spaces between the property value and the units! 
If you use "margin-left: 20 px" instead of "margin-left: 20px" 
it will only work properly in IE6 but it will not work in Mozilla/Firefox or Netscape.
*/



/* This is a CSS comment
	What we want to do here is create a fixed width center column in CSS
	whose side columns fill in with white space in larger resolutions. 
	This particular example will fit all resolutions down to 800 x 600.

	body { text-align: center; margin: 5em 0 0 0; vertical-align: middle; }
	#content { width: 760px; text-align: left; margin: 0 auto; } 
	
	How it Works: 	In the content div, the left and right margins are set
	to auto - which means they will automatically expand to 
	the browser's width down to a width of 760px. 
	The 760px is set as our fixed width to prevent 
	horizontal scrollbars on browsers with resolutions down to 800 x 600.
*/

*{margin:0;padding:0}/* This will zero out all margins and paddings for all elements
 and give you a good starting point for all browsers,
 as different browsers have different defaults.*/
 
/* learn how to use this to prevent line breaks: 

For similar functionality use a <span class="nobreak"> or similar with CSS:

span.nobreak	{
	white-space: nowrap;
	}

I can't vouch for browser compatibility, so you might want to check that out
before you use the technique.
*/


/* colors: 

light green - rgb(205,252,192);
soft green - rgb(204,255,204)
light blue - rgb(207,245,231);
light pink - rgb(253,211,248);

dark green - rgb(79,143,87);or rgb(34,120,30)
dark blue - rgb(47,47,141);
teal - rgb(77,123,92);
berry red - rgb(255,0,0);
pale yellow - rgb(254,245,180);

*/





.pagecontainer{
	position:relative;
	
	width:100%;
	margin: 10px auto;
	}


.headertitle {/*Vibrant Bodies Center, positioned absolutely*/

	font-family	: "arial black",serif;
	font-size	: 290%;
	font-style	: italic;
	text-align	:center;	
	color		: rgb(34,120,30);
	
	background-image:url("logo.jpg");
	padding		: 2% 5% 2% 15%;
	}


.headertagline {/*Header Tagline, positioned absolutely, "We assist you..."*/
	position		: relative;
    top				: 15px;
	font-family: "arial",serif; font-size: 100%;font-style: italic;font-weight : bold;text-align: center;
	color:black;line-height: 175%;}

.headertagline1 {/*Header Tagline, positioned within the Title, "We assist you..."*/
	font-family: "arial",serif; font-size: 50%;font-style: italic;font-weight : bold;text-align: center;
	color:34,120,30;line-height: 100%;}	

	
.phototext {/*Header Tagline, positioned absolutely*/
	float			: right;
    
	font-size		: 10px;
	text-align		:right;
	
	width			:300px;
	}
	
	
	
	
.mailto {/*this is the e-mail link*/
	position	: absolute;
	top			: 600px;
    left		: 5px;
    width		: auto;
    height		: auto;
    font-family : Arial, Helvetica, sans-serif;
	font-size	: 24px;
	color		: rgb(47,47,141);
    line-height : 160%;
	
	background-image:url("logo.jpg")
}

.door {/*door on Contact Page*/
	position	: absolute;
	top			: 900px;
    left		: 5px;
    width		: auto;
    height		: auto;
    font-family : Arial, Helvetica, sans-serif;
	font-size	: 24px;
	color		: rgb(47,47,141);
    line-height : 160%;
	
}










.road {	/*this is the "Road to Health" quote on the "More about CT" Page*/
float:right;
margin-right:5%;

left:1%;
width		: auto;
height		: auto;
font-family: arial,serif;
text-align: center;
font-size: 100%;
color:rgb(77,123,92);
font-style:italic;
line-height: 175%; 
background-color:rgb(205,252,192);

border-width: 4%;
font-style:italic;
font-weight:bold;
border-width: 10%;
padding-top:2%;
padding-left:3%;
padding-right:2%;
padding-bottom:2%;
}



.mailtofree1 {/*this is the e-mail link for free QB Simple Start copy*/
	display		: block;
    margin-left	: auto;
    margin-right: auto;
	width		: auto;
    height		: auto;
    font-family : Arial, Helvetica, sans-serif;
	font-size	: 17px;
    line-height : 160%;
}




.body {
      height:100%;
	  background-color : white;
      font-family : arial,sans-serif;
      color : black;
      margin: 0px; 
	  padding:0px;
      }

.navigation {/*The navigation on the left side, positioned absolutely*/
 	position	: absolute;
    top			: 250px;
    left		: 5px;
    width		: 5px;
    height		: auto;
    margin		: 0px;
	padding		: 1px;
	font-family : Arial, Helvetica, sans-serif;
	font-size	: 17px;
    line-height : 160%;/*line-height set to 160% in order to*/
    }                  /*have the navigation elements better separated*/


.pagetitle {/*Page Title, positioned absolutely*/
	position	: absolute;
    top			: 190px;
    left		: 180px;
	right		: 5px;	
	width		: 35px;
    height		: auto;
	}

.inhalt {/*this is the main content area*/
    margin-top	: 80px;
	margin-left	: 150px;/*originally 170px*/
	/*to position the content area to the right of the navigation*/
	margin-right: 2px;/*breathing space for the text.Changed from 130 on FFY*/
    padding: 1px;/*space to separate navigation and content*/
	color: black;/*to insure readability*/
    font-family : Arial, Helvetica, sans-serif; 
    width: auto;/*so the box will resize with changes in screen size. Border eliminated because of IE:	border-left: 1px solid;
				border-width: 11px;border-color: rgb(79,143,87);*/
				
	border-left: 6px solid;
	
	border-color: rgb(34,120,30);
	
   }
	
.bottomofpage{/*attempt at solving the placement of "flexible hours" element at the bottom of the page*/
   	border-left: 1% solid;
	border-width	: 1%;
	border-color: rgb(79,143,87);
	
	
}


.mainleft {/*3-column liquid design for the home page*/
width:30%;
float:left;
padding-bottom:10px;
padding-left:15px;
padding-top:35px;

	}

.maincenter {
width:30%;
float:left;
padding-bottom:10px;margin-left:3%;
	}
	
.mainright {
width:15%;
float:right;
margin-left:0%;
padding-bottom:10px;

}




.image{/*the rule for images in the Inhalt portion of the page*/
	float: left;
	
	margin-left: 2%;
    margin-right: 1%;
	
	
}



.imageright{/*the rule for images in the Inhalt portion of the page*/
	float: right;
	padding:1% 1% 1% 2%;
	
}

.imagecenter{/*the rule for images on the Services page*/
	display: block;
    margin-left: auto;
    margin-right: auto;
	padding:1% 1% 1% 2%;
}


.imageleftmiddle{/*the rule for images on the About us page*/
	float: left;
	padding:12px 0px 2px 115px ;
}



.imagerightmiddle{/*the rule for images on the About us page*/
	float: right;
	padding:12px 125px 2px 0px ;
}


.imagecentermiddle{/*the rule for images on the About us page*/
	float: right;
	padding:12px 525px 2px 0px ;
}

.imagemodalities{/*the rule for images on the Modalities page - more padding on the right*/ 
	float: left;/*so that the text doesn't merge with the image when window is resized*/
	padding:12px 5px 2px 15px ;
}



.imagehome{/*the rule for images on the Home page*/
	margin-left: 41.3%;
    margin-right: 40%;
}

.imagecenterhome{/*the rule for images on the Home page*/
	text-align		: center;
		margin-left		:15%;
		margin-right	:15%;
		padding			:1% 1% 1% 1%; 
		}

.modalitiestitle {/*Used on page modalities*/
	
	font-family: "arial black",serif;
	text-align:left;font-size: 100%;
	color:black;
	margin-top: 9%;margin-bottom: 0px;margin-left: 25%;margin-right: 25%;
	line-height: 140%;
		
	}
	
	
.castle{/*the rule for the castle*/
	text-align: center;
	
}	
	

	
.loungetitle {/*Used on page Services*/

	font-family: "arial black",serif;
	text-align:center;font-size: 140%;
	color:rgb(108,116,60);
	margin-top: 1%;margin-bottom: 0px;
	line-height: 100%;
	border-width	: 1px;
  	border-color	: rgb(165,133,53);/*the same as the Co Name*/
	}


.plain {/*Used for plain text*/
	font-family: arial,serif; font-size:100%;
	color:black;margin-left:2%;margin-right:2%;}


.plainleft {/*Used for plain text floating left - on Contact Us Page*/
	float:left;text-align: left;
	font-family: arial,serif; font-size: 100%;
	color:black;margin-left:2%;padding:0 0 0 0;}


.plainjustify {/*Used for plain text, but justified - on About Us page*/
	font-family: arial,serif; font-size: 100%;text-align: justify;
	color:black;margin-right:2%;margin-left:2%;}


.plaincenter {/*Used for plain text, but centered - on Modalities Us page*/
	font-family: arial,serif; font-size: 100%;text-align: center;
	color:black;margin-right:2%;}



.plaincenter1 {/*Used for plain text, but centered - on Home page - narrower margin*/
	font-family: arial,serif; font-size: 100%;text-align: center;
	color:black;margin-right:45%;}

.boldcenter1 {/*Used for plain text, but centered - on Home page - narrower margin*/
	font-family: arial,serif; font-size: 100%;text-align: center;font-weight : bold;
	color:black;margin-right:45%;}
	
	
.boldcenter {/*Used for bold text, but centered - on Modalities page*/
	font-family: arial,serif; font-size: 100%;text-align: center;font-weight : bold;
	color:black;margin-right:2%;}
	
	
.forward {/*Used for "We look forward..." on Modalities page*/
	font-family: Zapf-Chancery; font-size: 120%;font-style:italic;text-align: center;font-weight : bold;
	color:rgb(254,245,180);background-color:rgb(79,143,87);margin-left:15%;margin-right:15%;
	border: medium double rgb(255,0,0);padding:1% 1% 1% 1% ;}


.more {/*Used for headings on "More about..." page*/
	font-family: arial,serif; font-size: 120%;text-align: left;font-weight : bold;
	color:rgb(77,123,92);margin-left:2%;margin-right:2%;}



	

.contact1 {float:left;width:43%;margin-left:0%;font-size: 15px;
}

.contact2 {float:right;width:54%;text-align: right;margin-right:0%;font-size:15px;
}	
	
.flexible {
		text-align		: center;
		font-family		: arial,serif; 
		font-size		: 100%;
		font-style		:italic;
		font-weight		:bold;
		color			:rgb(248,254,194);
		border-style	:dotted;
		border-width	:thin;
		margin-left		:15%;
		margin-right	:15%;
		padding			:1% 1% 1% 1%; 
		background-image:url("small square from logo.jpg");
 		
		}	
	
	
.flexible1 {
		text-align		: center;
		font-family		: arial,serif; 
		font-size		: 100%;
		font-style		:italic;
		font-weight		:bold;
		color			:rgb(34,120,30);
		border-style	:dotted;
		border-width	:thin;
		margin-left		:15%;
		margin-right	:15%;
		padding			:1% 1% 1% 1%; 
		background-color:rgb(227,255,227);
 		
		}
	
	

h1 {/*Used on page titles*/

	font-family: "arial",serif;
	text-align:left;font-size: 190%;
	color:black;
	margin-top: 1%;margin-bottom: 0px;
	margin-left: 2%;
	line-height: 100%;
	border-width	: 1px;
  	border-color	: rgb(165,133,53);/*the same as the Co Name*/
	}


h2 {/*Used on Home Page for statement of purpose*/
	
	font-family: arial,serif;
	font-size: 100%;color:black;
	line-height: 100%;margin-left:2%;
	
	}

h3 {/*Flexible Hours*/

	font-family: arial,serif; font-size: 100%;font-style:italic;text-align: center;
	color:rgb(248,254,194);line-height: 175%;background-color:rgb(0,153,0);
	border-width: 1%;
	}

h4 {/*Used on Home Page for Modalities*/

	font-family: arial,serif;text-align: center;
	font-size: 100%;color:black;
	line-height: 100%;
	}

h5 {/*Red - Used on Resources page as category titles and for questions on FAQ page*/

	font-family: "arial black",serif; font-size: 100%;font-weight : normal;
	color: rgb(255,0,0);
	letter-spacing:1%;	margin-left: 2%;margin-right: 2%;
	
	}
	

h6 {/*Used on Home Page for Modalities*/
	text-align: center;font-family: "arial black",serif; font-size: 100%;font-weight : normal;
	color: black;
	letter-spacing:1%;	margin-left: 1%;margin-right: 1%;}







.articles {/*Used on Articles pages*/

	font-family: arial,serif; font-size: 100%;text-align: justify;
	color:rgb(73,59,43);line-height: 125%;}

.articleheadings {/*Used on Articles pages for emphasized in-text headings*/

	font-family: arial,serif; font-size: 125%;text-align: left;font-weight : bold;
	color:rgb(181,64,11);line-height: 125%;}


.services {/*Used on Services page*/
	font-family: arial,serif; font-size: 100%;font-weight : normal;
	color:black;padding:10px;
	text-align: center;	
	}

.servicesunder {/*Used on Services page*/
	font-family: arial,serif; font-size: 100%;font-weight : bold;
	color:black;padding:10px;
	text-align: center;text-decoration:underline;	
	}
	
.motto {/*Used on Profile, Articles and Common Mistakes pages for the emphasized text*/
	font-family: "arial black",serif; font-size: 125%;font-weight : normal;
	text-align: center;	color:rgb(181,64,11);
	background-color:transparent;
	padding:25px;
	}

.homestatement {/*Used on Home page for the intro text*/
	font-family: "arial",serif; font-size: 130%;font-weight : bold;
	text-align: center;	color:black;padding:5px;
	}

.homestatement1 {/*Used on Articles page for the intro text*/
	font-family: "arial",serif; font-size: 105%;font-weight : bold;font-style:italic;
	text-align: center;	color:rgb(34,120,30);background-color:rgb(227,255,227);
	padding	:1% 1% 1% 1%;
	}

	
	
	


.clearfooter
{ 

clear: both;
width:auto;
height:auto;

 }

.footer

{ position: absolute;
bottom: -5%;
left:0;
text-align: center;

height:auto;
font-family: arial,serif; font-size: 100%;font-style:italic;text-align: center;
color:rgb(248,254,194);line-height: 175%;background-color:rgb(0,153,0);
border-width: 11px;
font-family: arial,serif; font-size: 100%;font-style:italic;text-align: center;
color:rgb(248,254,194);line-height: 175%;background-color:rgb(79,143,87);
border-width: 10%;margin-left:15%;margin-right:15%;
 }



	
ul
{/*Same style as H4*/
list-style-type: none;
margin-left: 0%;
font-family: arial,serif;text-align: center;
	font-size: 100%;color:black;
	line-height: 100%;
	
}

li
{
list-style-type: none;
font-family	: "arial black";
font-size	: 100%;
color 	: black;
margin-left: .5%;
line-height:	130%;
}

/*List style for List within a list*/
ul.list2/*Home page*/
{
list-style-type: none;
margin-left: 0%;

}

li.list2
{
font-family	: "arial";
font-size	: 100%;
margin-left: 2%;
line-height:	130%;
}

ul.list3/*Modalities page*/
{

font-family	: arial;
margin-left: 3%;

text-align: left;

}

li.list3
{
list-style-type: disc;
font-family	: arial;
font-size	: 100%;
margin-left: 2%;
line-height:	130%;
}



ul.list4/* More about Colon Hydrotherapy Page*/
{

font-family	: arial;
margin-left: 1%;

text-align: left;

}

li.list4
{
list-style-type: disc;
font-family	: arial;
font-size	: 100%;
margin-left: 2%;
line-height:	150%;
}






/*List style for Link Sites page list*/
ul.links
{
width: 100%;
list-style-type: none;
margin-left: 0%;
}

li.links/*Text attributes defined as part of a.sites*/
{
float: left;
width: 50%;/*To make them wrap into two columns*/
margin-left: 0%;/*To keep "Back to Top" links centered on links page*/
margin-right: 0%;
line-height		:	110%;
}

/*List style for "Back to Top" links*/
ul.top
{
display		: inline;
list-style-type: none;
margin-left: 0%;
margin-right: 0%;
}

li.top/*Text attributes defined as part of a.title*/
{
width: auto;
margin-left: 0%;
margin-right: 0%;
line-height		:	110%;
}



hr.first {/*horizontal line #1*/
  border:0;
  border-top: 1px solid;
  border-color	: rgb(214,129,36);
  height: 0;
  background: #E19832;
}

hr.second {/*horizontal line style #2*/
  border:0;
  border-top: 1.5px solid;
  border-color	: rgb(214,129,36);
  height: 0;
  background: #E19832;
}

hr.third {/*horizontal line style #3*/
  border:0;
  border-top: 2px solid;
  border-color	: rgb(214,129,36);
  height: 0;
  background: #E19832;
}


hr.fourth {/*horizontal line style #\4 - color green*/
  border:0;
  border-top: 6px solid;
  border-color	: rgb(204,255,204);
  height: 2px;
  background: #E19832;
}


hr.gold {/*horizontal line style #\5*/
  border:0;
  border-top: 6px solid;
  border-color	: rgb(242,212,34);
  height: 0;
  background: #E19832;
}

hr.green {/*horizontal line style #6*/
  border:0;
  border-top: 6px solid;
  border-color	: rgb(236,235,213);
  height: 0;
  background: #E19832;
}


hr.taupe {/*horizontal line style #\7*/
  border:0;
  border-top: 1px solid;
  border-color	: rgb(165,133,53);
  height: 0;
  background: #E19832;
}

hr.red {/*horizontal line style #\8*/
  border:0;
  border-top: 4px solid;
  border-color	: rgb(181,64,11);
  height: 0;
  background: #E19832;
}


/*hyperlinks: Navigation*/


a 	{display		: block;
	width			: 130px;
	text-decoration	: none}
a 	{font-family	: arial,serif; 
	font-weight		:bold;
	text-align		:left;
	font-size		: 70%;
	color			:black;
	border-top-style	: none;
	border-width		: .03cm;
	border-bottom-style	: ridge;
	border-width		: .03cm;
}

a:visited{color:rgb(34,120,30);}
	
a:hover{color:rgb(79,143,87);background-color:rgb(207,245,231);}
a:active{text-decoration: underline;background-color:rgb(211,201,181);}


/*hyperlinks: Articles*/


a.article {display	: block;
	width			: auto;
	text-decoration	: none}
a.article 	{font-family	: arial,serif; 
	font-weight		:bold;
	text-align		:left;
	font-size		: 90%;
	color			:rgb(95,70,51);
	margin-left		:1%;
	padding			:1%;
	border-top-style	: none;
	border-width		: .03cm;
	border-bottom-style	: ridge;
	border-width		: .03cm;
}

a.article:visited{color:rgb(172,89,38);}
	
a.article:hover{color:rgb(104,83,60);background-color:rgb(246,245,230)}
a.article:active{text-decoration: underline;background-color:rgb(211,201,181)}

/*hyperlinks: Articles below the current one - smaller*/
a.articlesmall {display	: block;
	width			: auto;
	text-decoration	: none}
a.articlesmall 	{font-family	: arial,serif; 
	font-weight		:normal;
	text-align		:left;
	font-size		: 90%;
	color			:rgb(95,70,51);
	margin-left		:1%;
	padding			:.1%;
	border-top-style	: none;
	border-width		: .03cm;
	border-bottom-style	: ridge;
	border-width		: .03cm;
}

a.articlesmall:visited{color:rgb(172,89,38);}
	
a.articlesmall:hover{color:rgb(104,83,60);background-color:rgb(246,245,230)}
a.articlesmall:active{text-decoration: underline;background-color:rgb(211,201,181)}

/*hyperlinks: Link Sites page - Title anchor*/
a.title 	{display		: block;
	width			: 130px;
	text-decoration	: none}
a.title {font-family	: arial,serif; 
	font-weight		:bold;
	text-align		:center;
	font-size		: 100%;
	color			:rgb(95,70,51);
	border-top-style	: none;
	border-width		: .0cm;
	border-bottom-style	: ridge;
	border-width		: .0cm;
	background-color:transparent;
}

a.title 	:visited{color:rgb(172,89,38);}
	
a.title 	:hover{color:rgb(165,133,53);background-color:transparent;}
a.title		:active{text-decoration: none;background-color:transparent;}





/*hyperlinks: Link Sites page - TOP CATEGORY MENU*/
a.sites 	{display		: inline;
			width			: 100%;
			text-decoration	: none}
a.sites 	{font-family	: "arial black",serif; 
			font-weight		:normal;
			text-align		:left;
			font-size		: 15px;
			color			:rgb(95,70,51);
			background-color:transparent;
			border-style	: solid solid solid solid;
			border-width	: 0px;
			border-color	: rgb(165,133,53);
			padding			:.1px
			
			}

a.sites:visited	{color:rgb(172,89,38);}
	
a.sites:hover	{color:rgb(104,83,60);text-decoration : underline;
				background-color:rgb(233,232,208);}
a.sites:active	{text-decoration: underline;}


/*hyperlinks: Link Sites page - Category titles. Uses H4 text style.*/
a.sites1 	{display		: block;
			width			: Auto;
			margin-right	: 0%;	
			text-decoration	:	none}
a.sites1 	{text-align		:center;
			font-size		: 100%;
			color			:black;
			letter-spacing	: 5px;	
			padding			: 8px;
			background-color:transparent;
			border-style	: solid solid solid solid;
			border-width	: 0px;
			border-color	: #000 #000 #000 #000;
			}


/*hyperlinks: These do not apply - they are anchors:*/
a.sites1:visited{	color:black}
	
a.sites1:hover	{color:black;background-color:transparent;}
a.sites1:active	{text-decoration: none;}



/*hyperlinks: Link Sites page - Site links*/
a.sites2 	{display		: inline;
			width			: auto;
			text-decoration	: underline;}
a.sites2 	{font-family	: "arial black",serif; 
			font-weight		:normal;
			text-align		:left;
			font-size		: 85%;
			line-height		: 1.4;
			color			: rgb(95,70,51);
			background-color:transparent;
			border-style	: solid solid solid solid;
			border-width	: 0px;
			border-color	: #aaa #000 #000 #aaa;
			padding-right	:  5px;
			}

a.sites2:visited	{color:rgb(172,89,38);}
	
a.sites2:hover	{color:rgb(104,83,60);background-color:rgb(233,232,208)}
a.sites2:active	{text-decoration: underline;}



/*hyperlinks: Link Sites page - middle of sentences*/
a.sites3 	{display		: inline;
			width			: 5px;
			text-decoration	: none}
a.sites3 	{font-family	: arial,serif; 
			font-style		:italic;
			font-weight		:normal;
			text-align		:left;
			font-size		: 100%;
			color			:rgb(165,133,53);
			background-color:transparent;
			border-style	: solid solid solid solid;
			border-width	: 0px;
			text-decoration	: underline;
			}

a.sites3:visited	{color:rgb(172,89,38)}
	
a.sites3:hover	{color:rgb(104,83,60);background-color:rgb(233,232,208)}
a.sites3:active	{text-decoration: underline;}


/*hyperlinks: Every page - e-mail link*/
a.mail		{display		: inline;
			width			: auto;
			margin-right	: 0%;	
			text-decoration	:none}
a.mail 		{text-align		:center;
			color			:rgb(47,47,141);
			padding			: 15px;
			}


/*hyperlinks: These do not apply - this is an e-mail link*/
a.mail:visited{	color:black}
a.mail:hover	{color:rgb(79,143,87);background-color:transparent;text-decoration: underline;}
a.mail:active	{text-decoration: none;}


/*hyperlinks: Every page - ontact info links*/
a.mailcontact		{display: inline;
			width			: auto;
			font-size		: 100%;
			margin-right	: 0%;	
			text-decoration	:none;}
a.mailcontact 		{text-align		:left;
			color			:black;
			
			padding			: 0px;
			background-color:rgb(205,252,192)
			
			}


/*hyperlinks: These do not apply - this is an e-mail link*/
a.mailcontact:visited{	color:black}
a.mailcontact:hover	{color:rgb(79,143,87);background-color:rgb(207,245,231);text-decoration: underline;}
a.mailcontact:active	{text-decoration: none;}




/*hyperlinks: Business Lounge articles - e-mail link*/
a.maillounge		{display		: inline;
					width			: auto;
					margin-right	: 0%;	
					font-size		: 100%;
					text-decoration	:	none}
a.maillounge 		{text-align		:left;
					color			:rgb(95,70,51);
					padding			: 2px;
					background-color:transparent;;
					border-style	: none;
					border-width	: 0.2px;
					border-color	: rgb(95,70,51);
					}


/*hyperlinks: These do not apply - this is an e-mail link*/
a.maillounge:visited{	color:black}
	
a.maillounge:hover	{color:black;background-color:transparent;text-decoration: underline;}
a.maillounge:active	{text-decoration: none;}

/*example:*/