html {
	height:100%;
	}

body {
	/*background:#000 url('images/stars_bg.jpg'); */
	background:#000 url('images/bg.jpg') no-repeat center -20px; /* x=-50px */
	height:100%; 
	margin:0 auto;
	text-align:center;
	}


h2 {
	font:small-caps lighter 14pt Tahoma, Verdana, sans-serif;
	color:#EEE; /*#999;*/
	background-color:transparent;
	text-align:center;
	letter-spacing:.3em;
	padding:0;
	margin:0 0 10px 10px;
	}

	h2#FP {
		color:#8AAF62;
		background-color:transparent;
		width:400px;
		margin-left:0;
		margin-top:0;
		}

	h2#FP span, h2 span {
		font-size:small;
		}

		
	h2.month {
		color:#333;
		background-color:transparent;
		}


h3 {
	font:normal 12pt Tahoma, Verdana, sans-serif;
	color:#EEE;
	background-color:transparent;
	letter-spacing:.2em;
	font-variant:small-caps;
	text-align:left;
	padding:0;
	margin:20px 0 7px 10px;
	}
	
		h3.top {
			margin-top:0;
			}

h3 span.important {
	font:normal 14pt Tahoma, Verdana, sans-serif;
	color:#C30;
	background-color:transparent;
	letter-spacing:0.4em;
	}

/* CHART SESSIONS div class=box H4 ; COURSESE/WORKSHOPS div class=workshopBox h4; FEATURES/ARTICLES div class=articles */
h4 {
	font:normal 11pt Tahoma, Verdana, sans-serif;
	color:#AAA;
	background-color:transparent;
	text-align:left;
	padding:0;
	margin:10px 0 0 10px;
	}

	h4 span {
	font-size:10pt;
	color:#999;
	background-color:transparent;
	font-size:.9em;
	}


	h4 span.cost {
	font:normal 11pt Tahoma, Verdana, sans-serif;
	color:#AAA;
	background-color:transparent;
	margin-left:40px;
	}


/* Horoscope month headings only */	
h5 {
	font:bold 9pt Tahoma, Verdana, sans-serif;
	color:#333;
	background-color:transparent;
	text-align:left;
	padding:0;
	margin:0 0 -10px 40px;	
	}
h5 span {
	font:	12pt "Brush Script MT", serif;
	color:#EFEADF;
	background-color:transparent;
	}

p {
	font:10pt Verdana, sans-serif;
	color:#999; /* 6D949F; #8F8D86;*/
	background-color:transparent;
	text-align:justify;
	padding:0;
	margin:0 0 10px 10px;
	line-height: 135%; 	
	
	}	

		p.FP {
			float:left;
			clear:left;
			width:400px; /*450px*/
			margin-left:0;
			}	

		p.quote {
			color:#BBB;
			background-color:transparent;
			}
			
		p.top30 {
			margin-top:30px;
			}
			
		p.bottom20 {
			margin-bottom:20px;
			}

		p span {
			font-weight:bold;
			color:#999;
			}
			
		p.copyright {
			font:7pt Arial Narrow Arial, Helvetica, sans-serif;
			color:#555;
			text-align:center;
			margin-right:55px;
			}

		/* workshop page bottom */
		p.kw {
			font:normal 6pt Verdana, sans-serif;
			color:#555; 
			background-color:transparent;
			}


a {
	font:10pt Tahoma, Verdana, sans-serif;
	color:#07A; /* 069 */ 
	background-color:transparent;
	outline:none;
	padding:0;
	margin:0;
	text-decoration:none;
	outline:none;
	}

		a:focus {
			outline:none;
			}
			
		a:hover {
			color:#FFF;
			background-color:transparent;
			}

		a.white {
			color:#808080;
			background-color:transparent;
			}	
		


/* ------------- NAVSIDE -------------- */

ul#navside {
	z-index:5;
	float:right;
	width:180px;
	height:auto;
	padding:0;
	margin:35px 0 0 0; /*top 65px*/
	/*border:1px solid red;*/
	}
	
		ul#navside li {
			display:block;
			list-style-type:none;
			font:lighter small-caps 10pt Tahoma, sans-serif;
			letter-spacing:.2em;
			color:#07A; /*#BBB;*/
			background-color:transparent;
			padding:0;
			margin:0; /* 0 0 40px 0 */
			}

		ul#navside li a {
			font:lighter small-caps 10pt Tahoma, sans-serif;
			color:#07A; /* #069 bit dull -- #207CAF = last - #27839F = previous -  #369 = dusty deep blue - #069 = deeper dusty blue - #099 = orig green */
			background-color:transparent;
			text-decoration:none;
			}

		ul#navside li a:visited {
			color:#07A;
			background-color:transparent;
			}
			
		ul#navside li a:focus {
			color:#FFF;
			background-color:transparent;
			outline:none;
			}

		ul#navside li a:hover {
			color:#FFF;
			background-color:transparent;
			}

		ul#navside li a:active {
			color:#FFF;
			background-color:transparent;
			}


		ul#navside li.selected a, navsideSub li.selected a {
			color:#EEE;
			background-color:transparent;
			}

		ul#navside li a.white {
			color:#FFF;
			background-color:transparent;
			}


	ul#navside li span.small {
	font:small-caps lighter 7pt Arial, Helvetica, sans-serif;
	letter-spacing:.2em;	
	}


	ul#navside li span.condensed {
	letter-spacing:.1em;	
	}

	ul#navside li span.expanded {
	letter-spacing:.3em;	
	}
	

/*
	div.hr {
	width:50%;
	height:1px;
	border:none;
	border-bottom:1px #000 dashed;
	padding:0;
	margin:20px auto; (23px auto )
	text-align:center;
	}
	
	border:none;
	border-bottom:1px #333 solid;
	
*/

 ul#navside div.hr {
 	clear:both;
 	width:70%;
	height:40px;
	background:url('images/hr.jpg') repeat-x center;
	padding:0;
	margin:0 auto;
	}

 ul#navside div.hr-s {
 	clear:both;
	height:20px;
	background:url("images/hrx.jpg") repeat-x center center;
	padding:0;
	margin:0 auto;
	}


#home ul#navside li a.home, 
#marc ul#navside li a.marc, 
#chart ul#navside li a.chart, 
#school ul#navside li a.school, 
#classes ul#navside li a.classes, 
#overview ul#navside li a.overview, 
#horoscopes ul#navside li a.horoscopes, 
#articles ul#navside li a.articles, 
#contact ul#navside li a.contact  {
color:#FFF;
background-color:transparent;
}


.spacer1 {
	clear:both;
	height:1px;
	}

.spacer10 {
	height:10px;
	clear:both;
	}

.spacer15 {
	height:15px;
	clear:both;
	}
	
.spacer20 {
	height:20px;
	clear:both;
	}

.spacer30 {
	height:30px;
	clear:both;
	}

img.divider {
	clear:both;
	width:100%;
	height:1px;
	padding:0 0 7px 0;
	margin:0 auto;
	text-align:center;
	}

/* ------------------------------------------ */


div#wrapHome, div#wrap {
	position:relative;
	width:800px;
	height:600px;
	padding:0;
	margin:20px auto 0 auto; /*top 60px*/
	text-align:center;
	/* border:1px dotted #666; */
	}

div#wrapHome {
	background:url('images/planet.gif') no-repeat 415px 240px;
	height:650px;
	}


/* ------------- BANNER -------------- */

div#banner {
	width:100%;
	height:120px;
	/* border:1px solid red; */
	}
	
div#banner h1 {
	font:lighter small-caps 26pt Tahoma, sans-serif;
	letter-spacing:.25em;
	color:#0A3E4F;
	background-color:transparent;
	padding:0;
	margin:0 0 0 10px;
	text-align:left;	
	}

		div#banner h1 span {
			font-size:18pt;
			color:#222;
			letter-spacing:.2em;
			}

/* ------------- CONTENT -------------- */

div#content, div#contentBkd {
	position:relative;
	z-index:5;
	float:left;
	width:600px;
	padding:0;
	margin:0;
	text-align:left;
	/*border:1px solid #666;*/
	}


div#content div#img {
	float:left;
	margin:20px 40px 40px 20px;
	}
	
div#content img.pixel {
	float:none;
	margin:0;
	}

div#content img.outline {
	border:1px solid #333; 
	}


#content p.center {
	text-align:center;
	}



/* ------------- SHARED -------------- */


#content .box, #content .boxastrology {
	clear:both;
	width:100%;
	height:100%;
	overflow:auto;
	padding:0;
	margin:0 0 20px 0;
	border:1px solid #444;
	/* background-color:#222; */
	/* background:#000 url('images/bg_image1s.jpg') no-repeat -1100px 0; -- 300px -20px */
	}


		#content .box p, #content .boxastrology p {
			float:right;
			width:430px;
			margin:0 10px 10px 0;
			}



/* -------------- WORKSHOPS -------------- */


#content .workshopBox {
	clear:both;
	width:100%;
	height:100%;
	overflow:auto;
	padding:20px 0px;
	margin:20px 0;
	border:1px solid #0D202F; 
	background:#0D202F url('images/Bkd-BlueFade.jpg') repeat-x;
  	
  	filter:alpha(opacity=90);
  	opacity:0.9;
  	}

/* 	
'filter' for IE - 'opacity' for CSS3 standard 
*/


#content h2.option {
	font:small-caps lighter 10pt Tahoma, Verdana, sans-serif;
	color:#EEE; /*#999;*/
	background-color:transparent;
	text-align:left;
	letter-spacing:.2em;
	padding:0;
	margin:10px 0 10px 10px;
	}

	#content .workshopBox h3 {
		font:normal 12pt Tahoma, Verdana, sans-serif;
		color:#9DBF77;
		background-color:transparent;
		text-align:center;
		margin-left:0;
		margin-top:0;
		}

		#content .workshopBox h3.span {
			font-size: 10pt;
			color:red;
			}

	#content .workshopBox h4 {
		color:#CCC;
		background-color:transparent;
		text-align:center;
		margin-left:0;
		}
	
	
	#content .workshopBox p {
		color:#BBB;
		background-color:transparent;
		margin-left:20px;
		margin-right:20px;
		}

	#content p.workshopIntro {
		color:#CCC;
		margin-bottom:-10px;
		}

	#content p.important {
		width:90%;
		color:#BBB; /*#BCCFA8;*/
		margin:10px auto 20px auto;
		text-align:center;
		}
	
	#content .workshopBox a {
		font-size:10pt;
		}
					

#content .workshopBox p.courseSummary {
	font:normal 9pt Verdana, sans-serif;
	color:#CCC; /*#9DBF77;*/;
	background-color:transparent;
	font-style:italic;
	padding:10px 0;
	margin:0;
	text-align:center;
	}


div.courseSummary {
	width:90%;
	border:1px #808080 solid;
	border-left:none;
	border-right:none;
	padding:0;
	margin:15px auto;
	text-align:center;
	}


ul.courses {
	padding:0;
	margin:0 0 10px 80px;	
	}

	ul.courses li {
		font:normal 8pt Verdana, sans-serif;
		color:#AAA; 
		background-color:transparent;
		padding:0;
		margin:0;	
		text-align:left;
		}

 .workshopBox div.hr {
 	clear:both;
 	width:80%;
	height:15px;
	background:url('images/hr-light.jpg') repeat-x center;
	padding:0;
	margin:10px auto;
	}

	.workshopBox div.hr hr {
	  	display:none;
		}	

/*
a.bookmarkInternal {
	font:normal 10pt Tahoma, Verdana, sans-serif;
	color:#207CAF;
	background-color:transparent;
	letter-spacing:.1em;
	font-variant:small-caps;
	padding:0;
	}

H2 a.bookmarkH2 {
	font:small-caps lighter 14pt Tahoma, Verdana, sans-serif;
	color:#EEE; 
	background-color:transparent;
	text-align:center;
	letter-spacing:.3em;
	padding:0;
	margin:0 0 10px 10px;
	}
*/

/* ------------- MAP -------------- */

div.map {
	width:550px;
	height:500px;
	padding:0;
	margin:30px auto 0 auto;
	text-align:center;
	}

div.map a {
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#07A;
	background-color:transparent;
	text-decoration:none;
	}

	div.map a:visited {
		color:#07A;
		background-color:transparent;
		}

	div.map a:hover, div.map a:focus,div.map a:active {
		color:#EEE;
		background-color:transparent;
		outline:none;
		}

ul#navside li.addressSpacer {
	height:50px;
	}
	
ul#navside li.address {
	font:lighter 10pt Tahoma, sans-serif;
	color:#EEE;
	background-color:transparent;
	text-transform:none;
	}



/* -------------- CHART CONSULTATIONS -------------- */



#content .box img.chartsessions {
	float:left;
	margin:25px 10px 10px 10px; 
	border:1px solid #444;
	}

#content .box .leftColumn {
	float:left;
	width:120px;
	height:300px;
	}

	#content .box .leftColumn h3.duration, #content .box .leftColumn h3.cost {
		clear:both;
		font:normal 11pt Tahoma, Verdana, sans-serif;
		color:#8AAF62; /*#9DBF77;*/
		background-color:transparent;
		text-align:center;
		letter-spacing:0;
		padding:0;
		margin:20px 0 0 0;
		}
		
	#content .box .leftColumn h3.cost {
		margin-top:0;
		}


#content .box .rightColumn {
	float:right;
	width:460px;
	height:auto;
	}


	#content .box .rightColumn h3 {
		font:normal 12pt Tahoma, Verdana, sans-serif;
		color:#57A0AF; /* #92CBD7 #80AA00 #8AAF62 #27839F;*/
		background-color:transparent;
		letter-spacing:.1em;
		text-align:center;
		}	
	
	
	#content .box .rightColumn h4 {
		color:#83A8AF; /* #92CBD7 #069; 718F50; #BBB #8AAF62 #829F63 - #27839F; */
		background-color:transparent;
		padding:0;
		margin:0 0 10px 0;
		text-align:center;
		}	



ul#dateplacetime {
	list-style-type:none;
	padding:0;
	margin:0 0 1em 1.5em;
	text-indent:-1em;
	}

		ul#dateplacetime li {
			display:inline;
			font:normal 8pt Verdana, sans-serif;
			color:#808080; 
			background-color:transparent;
			text-align:left;
			padding:0;
			margin:0 1.5em 0 0;
			}
						
			ul#dateplacetime li span {
				color:#999;
				background-color:transparent;
				}


/* -------------- boxastrology -------------- */

#content .boxastrology {
	border:none;
	}


#content .boxastrology h3 {
	color:#C0C0C0; /*#4F869F;*/;
	background-color:transparent;
	text-align:center;
	letter-spacing:.4em;
	padding:0;
	margin:20px 0 7px 0;
}		



#content .boxastrology p  {
	float:right;
	width:460px;
	color:#668B9D;
	background-color:transparent;
	margin:0 10px 10px 0;
	}

	#content .boxastrology p span {
		color:#C0C0C0;
		}
			

#content .boxastrology img {
float:left;
border:none;
margin:40px 0 0 0;  
}



#content .star {
	z-index:-50;
	position:absolute;
	top:500px;
	left:500px;
	background:#000 url('images/Star.jpg') no-repeat; 	
	}


#content .star2 {
	z-index:-50;
	position:absolute;
	top:700px;
	left:-200px;
	background:#000 url('images/Star.jpg') no-repeat; 	
	}

#content .star3 {
	z-index:-50;
	position:absolute;
	top:1300px;
	left:600px;
	background:#000 url('images/Star3.jpg') no-repeat; 	
	}
	
/* ------------------- HOROSCOPE ------------------ */

h4.header {
font-size:9pt;
letter-spacing:0.5em;
margin:0;
padding:0;
}

p.freeHoroscopeReading {
color:#808080; 
background-color:transparent; 
font-size:xx-small;
margin-left:0;
}


/* ------------ ARTICLES PAGE ------------ */

.InnerBkd, .ArticlesBkd {
	width:600px;
	padding:20px 0 40px 0;
	margin:20px auto;
	background:#CFCBC2 url('images/OldPaper.jpg'); 
  	/* for IE */
  	filter:alpha(opacity=100);
  	/* CSS3 standard */
  	opacity:1.0;
  	border:1px solid #999;
	}

.InnerBkd h3, .ArticlesBkd h3 {
	font:normal 12pt Arial, Helvetica, sans-serif;
	color:#222; 
	background-color:transparent;
	text-align:center;
	}

.InnerBkd h4, .ArticlesBkd h4 {
	color:#222; 
	background-color:transparent;
	text-align:center;
	}


	 .InnerBkd p, .ArticlesBkd p {
		font:normal 9pt Tahoma, Arial, Helvetica, sans-serif;
		color:#222; 
		background-color:transparent;
		text-align:justify;
		padding:0;
		margin:10px 40px;	
		}

		.InnerBkd p.intro {
			font-style:italic;
			font-size:.8em;
			}


		.InnerBkd a {
			font-size:10pt;
			font-weight:bold;
			color:#07A;
			background-color:transparent;
			}



/* ------------ RESOURCES ------------ */


.resourcesInner {
	width:600px;
	padding:0 0 40px 0;
	margin:20px auto;
  	/* border:1px solid #666; */
	}

	.resourcesInner h4 {
		font-size:9pt;
		text-indent:150px;
		margin:30px 0 10px 20px; 
		}
	
	.resourcesInner p {
		font-size:10pt;
		}



ul#resources {
	width:100%;
	height:auto;
	padding:0;
	margin:0; 
	}

	ul#resources li.resourceHdg1, ul#resources li.resourceHdg {
		list-style-type:none;
		font:lighter 8pt Tahoma, sans-serif;
		color:#AAA;
		background-color:transparent;
		padding:0;
		margin:30px 0 10px 150px;
		text-transform:uppercase;
		}

		ul#resources li.resourceHdg1 {
			margin-top:20px;
			}

	ul#resources li {
		list-style-type:circle;
		font:lighter 9pt Tahoma, sans-serif;
		color:#07A; 
		background-color:transparent;
		padding:0;
		margin:10px 0 10px 170px; 
		}

	ul#resources li a {
		color:#069; 
		background-color:transparent;
		text-decoration:none;
		}

	ul#resources li a:focus {
		color:#FFF;
		background-color:transparent;
		outline:none;
		}
		
	ul#resources li a:hover {
		color:#FFF;
		background-color:transparent;
		}

	ul#resources li a:active {
		color:#FFF;
		background-color:transparent;
		}

	ul#resources li.selected a {
		color:#EEE;
		background-color:transparent;
		}



/* ------------ TESTIMONIALS ------------ */


	p.top {
		margin-top:40px;
		}
			
	p.testimonialName {
		font-size:8pt;
		font-style:italic;
		}





/* ------------ CONTACT PAGE ------------ */


#content #BusinessCard {
	/*position:absolute;
	left:100px;
	top:100px;*/
	position:relative;
	width:420px;
	height:252px;
	padding:0;
	margin:80px auto 20px auto;
	text-align:center;
	background:url('images/BusinessCard.jpg') center center;
	border:1px solid #444;
	}

/*	
#content #BusinessCard2 {
	position:absolute;
	left:100px;
	top:350px;
	padding:0;
	margin:0;
	}
	
	#content #BusinessCard img, #content #BusinessCard2 img {
		float:none;
		padding:0;
		margin:0;
		border-collapse:collapse;
		border:1px solid #444;
		}
*/

ul#contactDetails {
	position:absolute;
	top:60px;
	left:120px;
	padding:0;
	margin:10px auto;
	text-align:center;
	}

		ul#contactDetails li#name {
			font:lighter 18pt "Eras Light ITC" sans-serif;
			letter-spacing:.1em;
			color:#09F;
			background-color:transparent;
			}

		ul#contactDetails li#name2 {
			font:lighter 24pt "Eras Light ITC" sans-serif;
			letter-spacing:.1em;
			color:#0FF;
			background-color:transparent;
			}
	
		ul#contactDetails li {
			list-style-type:none;
			font:lighter 12pt "Eras Light ITC" sans-serif;
			letter-spacing:.1em;
			color:#999;
			background-color:transparent;
			padding:0;
			margin:0;
			text-indent:0;
			text-align:right;
			}

		ul#contactDetails li span {
			/*color:#27839F;*/
			font-weight:bold;
			background-color:transparent;
			}

		ul#contactDetails li#diploma {
			list-style-type:none;
			font:normal 8pt Arial, Helvetica, sans-serif;
			letter-spacing:0;
			color:#999;
			background-color:transparent;
			padding:0;
			margin:0;
			text-indent:0;
			text-align:right;
		}

		ul#contactDetails li#diploma span {
			font-weight:lighter;
			margin-left:15px;
			}

/*
		ul#contactDetails li a {
			color:#09F;
			}
*/


/* ------------- NAVBOTTOM -------------- */

ul#navBottom {
	clear:both;
	width:600px;
	height:20px;
	padding:0;
	margin:20px auto 10px auto;
	text-align:center;
	}
	
		ul#navBottom li {
			display:inline;
			list-style-type:none;
			font:lighter small-caps 9pt Tahoma, sans-serif;
			letter-spacing:.2em;
			color:#999;
			background-color:transparent;
			padding:0;
			margin:0 40px 0 0;
			text-indent:0;
			}