/*	GLOBAL STYLES */
*	{						/* override browser differences */
	margin: 0;
	padding: 0;
}

html	{ 					/* force scrollbar to prevent page jump */
	min-height: 100%;
	margin-bottom: 1px;
}

p, li	{					/* set global typeface */
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}

body	{			
	background-color: #f9f0f0;		/* white */
	color: #000;
	text-align: center;		/* center site on screen */
	font-family: Arial, Helvetica, sans-serif;
}

img	{
	border: 0;
}

/* FORMAT DIVS */
#outerwrapper	{
	position: relative;
	text-align: left;		/* overrides centering for text */
	width: 760px;			/* sets width for 800x600 design size */
	margin: auto;
	background-color: #f9f0f0;	/* white */
}

#header_hypno, #header_hypno_1, #header_yoga, #header_about, #header_plain	{
	margin-top: 10px;
	font-size: 1em;
	height: 170px;
	width: 760px;
	background-repeat: no-repeat;
	align: center;
	border-top: solid 1px #663398;		/* purple */
	border-left: solid 1px #663398;		/* purple */
	border-right: solid 1px #663398;	/* purple */
}

#header_hypno	{
	background: #cb999a url(../images/top_hypnobirth.jpg);	/* pink */
}

#header_hypno_1	{
	background: #cb999a url(../images/top_hypnobirth_1.jpg);	/* pink */
}

#header_yoga	{
	background: #cb999a url(../images/top_yoga.jpg);	/* pink */
}

#header_about	{
	background: #cb999a url(../images/top_about.jpg);	/* pink */
}

#header_plain	{
	background: #cb999a url(../images/top_plain.jpg);	/* pink */
}

	#images	{
	margin-top: 12px;
	}
	
#body	{
	width: 760px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 1em;
}

	#left_panel	{
		position: relative;
		color: #663398;	/* black */
		width: 180px;
		vertical-align: top;
		background: #ded2e8 url(../images/left_nav.jpg);	/* lavender */
		background-position: top left;
		background-repeat: y-index;
		border-left: solid 1px #663398;		/* purple */
		border-bottom: solid 1px #663398;	/* purple */
	}
	
		#left_nav	{
			margin-top: 35px;
			padding-left: 10px;
		}
		
		#left_nav a:link	{
			text-decoration: none;
			font-weight: bold;
			color: #895eb2;				/* middle purple */
		}
		
		#left_nav a:visited	{
			text-decoration: none;
			font-weight: bold;
			color: #cb999a;				/* pink */
		}
		
		#left_nav a:hover, a:active	{
			text-decoration: none;
			font-weight: bold;
			color: #663398;				/* purple */
		}
	
		#left_nav p	{
			margin-top: 0;
			line-height: 1.5em;
			padding: 10px;
			padding-top: 0;
			list-style: none;
			text-align: left;
		}
		
		#left_nav ul	{
			 list-style: disc inside; 
			 padding-bottom: 10px; 
			 padding-left: 0.8em; 
			 font-size: 85%;
		}
		
	#content, #content_about, #content_hypno_1	{
		margin-left: 50px;
		color: #333;	
		vertical-align: top;
		border-bottom: solid 1px #663398;	/* purple */
		border-right: solid 1px #663398;	/* purple */
	}
	
	#content_about	{
	background: #fff url(../images/right_top_about.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	}
	
	#content_hypno_1	{
	background: #fff url(../images/right_top_hypno_1.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	}
	
	#content	{
	background: #fff url(../images/right_top_plain.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	margin-right: 35px;
	}

		#text	{
			margin-left: 50px;
			margin-right: 35px;
		}

	.text_narrow p	{
	margin-right: 220px;
	}
	
		#text p	{
			line-height: 1.2em;
			padding-bottom: 1em;
		}
		
		#text h1	{
			color: #663398;
			font-family: "Times New Roman", "Times Roman", "Times", serif;
			font-size: 1.2em;
			padding-bottom: 0.6em;
		}
		
		#text h2	{
			color: #663398;
			font-size: 1.0em;
			padding-top: 0.5em;
			padding-bottom: 0.6em;
		}
		
		#text ul	{
			padding-left: 1em;
		}
		
		#text a	{
			color: #663398;		/* purple */
			font-weight: bold;
			text-decoration: underline;
		}
		
		.credits	{
			color: #cb999a;
			font-size: 0.6em;
			margin-top: 2em;
		}

#footer	{
	color: #A7767B;
/*	color: #cb999a;				/* pink */
	text-align: center;
	margin-top: 5px;
	margin-bottom: 1em;
	font-size: 0.9em;
}

	#footer a:link	{
		text-decoration: none;
		color: #895eb2;			/* middle purple */
	}
	
	#footer a:visited	{
		text-decoration: none;
		color: #b79fcf;			/* light purple */
	}
	
	#footer a:hover, #footer a:active	{
		text-decoration: underline;
		color: #663398;			/* purple */
	}
	
	#bottom_nav	{
		padding: 5px;
		margin-bottom: 25px;
	}
	
		#bottom_nav ul {
			margin-left: 0;
			padding-left: 0;
			display: inline;
		} 
	
		#bottom_nav ul li {
			margin-left: 0;
			padding: 1px 1px;
			list-style: none;
			display: inline;
			}
				
		#bottom_nav ul li.first {
			margin-left: 0;
			list-style: none;
			display: inline;
			}
			
		.credits	{
			font-size: 0.8em;
		}
		
/* HOME PAGE FORMATTING DIVS */

#home_body	{
	background-color: #fff;
	color: #663398;		/* purple */
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
}
	
	.pink_spacer	{
		background-color: #cb999a;	/* pink */
	}
	
	.pink_spacer a:link, a:visited	{
		color: #fff;
		text-decoration: none;
	}
	
	.pink_spacer a:hover, a:active	{
		color: #ccc;
		text-decoration: underline;
	}
	
	#table_top	{
		height: 30px;
	}
	
	#table_bottom	{
		height: 130px;
	}
	
	.index_nav	{
		font-size: 2em;
		color: #fff;
	}

/* GENERAL FORMATTING STYLES FOR IMAGES, ETC. */

.img_left	{
	float: left;
}
.img_right, .logo	{
	float: right;
}
.clear	{
	clear: both;
}
.padded-top	{
	padding-top: 1em;
}
.padded-bottom	{
	padding-bottom: 1em;
}
.padded-right	{
	padding-right: 1em;
}
.padded-left	{
	padding-left: 1em;
}
.styled	{
	border: solid 1px #663398;
	margin-bottom: 1em;
	border-collapse:collapse;
}

.styled td	{
	border: solid 1px #663398;
	padding: 5px;
	font-size: 0.8em;
}

/* FORM STYLES */
form	{
	padding: 3px 6px 3px 6px;
}

form p	{
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

form p label	{
	font-weight: bold;
}

form p label.float	{
	float: left;
	width: 30%;
}

fieldset	{
	padding: 5px;
}

legend		{
	font-size: 1.5em;
	font-weight: bold;
}

input.txt	{
	color: #663398;				/* purple */
	background-color: #fff;
	border: 1px solid #663398;	/* purple */
}

input.radio	{
}

textarea	{
	width: 200px;
	height: 80px;
	color: #663398;				/* purple */
	background-color: #fff;
	border: 1px solid #663398;	/* purple */
}
