/* CSS Document */
/* Document contains: HTML Elements, Classes, ID's */
/* items sorted alphabetically within each category */
/*-----------------------------------------------*/
/*-------------HTML ELEMENTS---------*/

a:link{
color: #CC00FF;
text-decoration: none;
}

a:visited{
color: #CC00FF;
text-decoration: none;
}

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

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

body{
	background-color: #FFFFFF;
	background-image: url(../images/bg_circle_of_life.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

h1{
font-family: Arial, Verdana, sans-serif;
color: #330033;
font-size: 20px;
font-weight:bold;
margin-bottom: 3px;
}

h2{
font-family: Arial, Verdana, sans-serif;
color: #330033;
font-size: 18px;
font-weight:bold;
margin-bottom: 3px;
text-align: center;
}

h3{
font-family: Arial, Verdana, sans-serif;
color: #330033;
font-size: 16px;
font-weight:bold;
margin-bottom: 3px;
}

h4{
font-family: Arial, Verdana, sans-serif;
color: #330033;
font-size: 14px;
font-weight:bold;
margin: 2px 5px 3px 0px;
}

hr{
	height: 1px;
	width: 80%;
	text-align: center;
	border: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

p{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #330033;
margin-top: 3px;
margin-bottom: 7px;
}

td{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #000000;
margin-top: 3px;
margin-bottom: 7px;
}

/*-------------CLASSES---------*/


/*-------------ID's---------*/

#BannerLogo { /* a theme image to go on left end of the banner */
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 180px;
	z-index: 6;
}

#BannerImageMain { /* the main theme image for the banner aside from logo */
	border: 0px;
	padding: 0px;
	margin: 0px;
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}

#ChakrasIntro {
	border: 1px;
	border-style: solid;
	border-color: #330033;
	padding: 0px;
	margin: 0px;
	position:absolute;
	top: 529px;
	left: 30px;
	width: 730px;
	background-color: #FFFFFF;
	z-index: 30;
}

#ImmerseIntro {
	border: 1px;
	border-left: 0px;
	border-style: solid;
	border-color: #330033;
	padding: 0px;
	margin: 0px;
	position:absolute;
	top: 400px;
	left: 180px;
	width: 321px;
	height: 130px;
	background-color: #CC99FF;
	z-index: 10;
}

#ImmerseTitle {
	border: 1px;
	border-style: solid;
	border-color: #330033;
	padding: 0px;
	margin: 0px;
	position:absolute;
	top: 400px;
	left: 30px;
	width: 150px;
	height: 130px;
	background-color: #9900CC;
	color: #FFCCFF;
	z-index: 10;
}

#Introduction {
	border: 1px;
	border-style: solid;
	border-color: #330033;
	padding: 0px;
	margin: 0px;
	position:absolute;
	top: 25px;
	left: 500px;
	height: 505px;
	width: 260px;
	background-color:#FFCCFF;
	z-index: 20;
}