/** Add css rules here for your application. */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color:black;
}

.header {
	position: relative;
	width: 789px;
	height: 76px;
	margin: 0 auto 5px auto;
	
}

h1, h2, h3, h4 {
	margin: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

h1 {
	position: relative;
	left: 20%;
	top: auto;
	font-size: 30px;
	color: GREEN;
}

h2 {
	color:green;
	font-size: 12px;
}

h3 {
	font-size:20px;
	color:green;
	text-align:left;
	width:100%
}

a {
	text-decoration: none;
	color: green;
}

a:visited {
	color: green;
}

a:hover {
	text-decoration: underline;
	color: green;
}

a:active {
	color: green;
}

.floatleft
{
  float: left;
  width: auto;
  height: auto;
}

.mainheader
{
width: auto;
height: 15%;
background-image: url(images/sandwood.png);
background-repeat: repeat;
}

.secondheader
{
	margin-left:5;
	float:bottom;
}

.menu {
	padding-top:10;
	width:95%;
	color:green;
	text-transform: none;
}

.menu_r {
	font-size:12;
	color:green;
}

.menu_r a:visited, .nav a:visited {
	color:green;
}

.globalcontainer
{
left:10%; 
width: 56%;
height: auto;
margin-right:auto;
margin-left:auto;
border: 1px solid green;	
background-image: url(images/sandwood.png);
background-repeat: repeat;
}

.adtop
{
float:top;
margin-left:auto;
margin-right:auto;
width: 50%;
height: 50px;
border: 1px solid #000;
}

.adbottom
{
float:bottom;
margin-left:auto;
margin-right:auto;
width: 50%;
height: 50px;
border: 1px solid #000;
}

.footer {
	margin-left: auto;
	margin-right: auto;
	width: 56%;
	height: auto;
	border: 1px solid green;
	background-image: url(images/sandwood.png);
	background-repeat: repeat;
}

.footermenu {
	width:60%
	border: 1px solid green;
	margin-left:auto;
	margin-right:auto;
}

.rating_bar{
  margin: 0 auto; 
  padding: 0; 
  width : 55px; 
  float: none;
  background: url(images/star_x_grey.gif) 0 0 repeat-x;
}

.rating_bar div {
  height:12px;
  background: url(images/star_x_orange.gif) 0 0 repeat-x;
  float: left;
  /*float:left;/* Had to do this otherwise IE just munges stars in the center. */
}

.underlinedLink {
    color:Green;
    text-decoration:underline;
    font:bold;
}

.underlinedLink a:visited {
    color: Green;
}

.nonunderlinedLink {
    font-size: 1.1em;
    color:Green;

}

.nonunderlinedLink {
    color:Green;
}

.indexterm
{
    font-size:13px;
    color:Green;
    text-align:left;
}

.yogaterm
{
    text-align:left;
    font-size:20px;
    color:Green;
    padding:left 10;
}

.yogatermdescription
{
    text-align:left;
    font-size:15px;
    color:Green;
    padding:left 10;
}

.termsofusepara
{
    text-align:left; 
    font-size: 13px; 
    color: #000000;
}