BODY { 
	background-image: none; 
	background-color: #AAD623;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	}
P {
 	font: 12pt/14pt Tahoma, Geneva, sans-serif;
	margin: .25em 10px 0em 0px;
	padding-bottom: .75em; 
	text-align: center;
	}
h1 {
	text-align: center;
	margin: 40px .75em 5px .75em;
	}
	
/* New Headings for each page */
h1.title {
        text-align: left;
	margin: 0px .75em 5px .45em;
}

h1.lef {
	text-align: left;
	margin: 40px .75em 5px .75em;
	}

h2	{
	text-align: left;
	margin: 10px .75em 5px .75em;
	}

h3 {
	margin: 5px .5em 2px .75em;
	text-align: left;
	}

h3.cen {
	margin: 7px .75em 12px .75em;
	text-align: center;
	}

h3.asana {
	margin: 15px .75em 0 .75em;
	text-align: left;
	}

h3.spaced {
	margin: 15px .75em 15px 1em;
	}

h2.line {
	text-decoration: underline;	
	}

h3.line {
	text-decoration: underline;
	margin: 5px .5em 2px 1.5em;
	}	

h4 {
	margin: .25em 1em 0 1.5em;
	padding: 0;
	}

/* The list on the Find a Teacher page */

ul.people {
	margin: .25em .5em .25em 1.5em;
	padding: 1px;
	list-style: none;
	}

/* The lists used on most pages Ex. workshop, programs */

ul.normal {
	font: 12pt/14pt Tahoma, Geneva, sans-serif; 
	margin: .75em 1em .75em 1.5em;
	padding: 1px;
	list-style: disc inside;
	padding: 6px;
	/*line-height 1.5em;*/
	}

/* The list on the asana page */

ul.asana {
	margin: .75em 1em .75em 1.5em;
	padding: 1px;
	list-style: none;
	}

/* The lists for the Publications page, so that they appear below the picture: */
ul.pub {
	margin: .75em 1em .75em 2em;
	list-style: none;
	padding: 1px;
	clear: left;
	}

/* The lists that appear in the margins: */

ul.mrgn { 
	font: bold 1.05em/15pt "Century Gothic", Arial, sans-serif;
	text-align: center;
	color: white;
	list-style-type: none;
	margin: .5em 0 0 0;
	padding: 0;
	}

table {
 	font: bold 12pt/14pt Times, serif; 
	margin: .25em 1em .5em 1em;
	padding: 0;
	}

/* This prevents IE from drawing ugly blue borders around the image-links: */
img.pic {
	border: 2px solid #DB671A;
	text-decoration: none;
	}

/* The link descriptions for the text in the margins: */

a:link,
a:visited,
a:active,
a:hover {
	text-decoration: none;
	}

a:visited {
	color: red;
	}

a.dark:link,
a.dark:visited,
a.dark:active {	
	color: white;
	text-decoration: none;
	border: none;
	}

a.dark:hover { 
	color: #98B838;
	text-decoration: none;
	}

/* The link descriptions for the picture links: */
a{
	outline: none;
}
a.pic:link,
a.pic:visited,
a.pic:active { 
	color: #DB671A;
	text-decoration: none;
	display: block;
	padding: 0;
	border: 2px solid #DB671A;
	}

a.pic:hover { 
	color: #DB671A;
	text-decoration: none;
	display: block;
	padding: 0;
	border: 2px solid #DB671A;
	}

/* The link descriptions for the content window: */

a.main:link,
a.main:visited,
a.main:active,
a.main:hover { 
	/*color: auto;*/
	text-decoration: none;
	}

/* The boxes for the right and left margins: */
 
#rmgn {
	position: absolute;
	top: 147px;
	right: 0;
	background-color: #DB671A;
	padding: 0;
	width: 146px;
	height: 755px;
	clear: right;
	}

#lmgn {
	position: absolute;
	top: 147px;
	left: 0;
	background-color: #DB671A;
	padding: 0;
	width: 146px;
	height: 755px;
	clear: left;
	}

/* These fix some bugs in the javascripts positioning of the margin images: */

#rmgn ul {
        position: relative;
        left: -20px
	}

#lmgn ul {
        position: relative;
        left: -20px;
	}

#lmgn ul li{
	position: relative;
}

#rmgn ul li{
	position: relative;
}
.dark {
        position: relative;
        left: 20px;
	}
/* Upper-left corner box: */

#leftcorner { 
	position: absolute;
	top: 0;
	left: 0;
	background-color: #DB671A;
	padding: 0;
	margin: 0;
	height: 147px;
	width: 146px;
	}

/* The box for the name banner and Yali: */

#namebox { 
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-color: #F6F3E1;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
	height: 155px;
	width: 100%;
	}

/* Upper-right corner box: */

#rightcorner { 
	position: absolute;
	top: 0;
	right: 0;
	background-color: #DB671A;
	height: 147px;
	width: 146px;
	margin: 0;
	padding: 0;
	}

/* The box that all the content and the copyright info appears in: */

div.contentbox {
	position: absolute;
	top: 149px;
	left: 145px;
	right: 147px;
	background-color: #F6F3E1;
	padding: 0;
	margin: 0;
	height: auto;
	width: auto;
	}

/* The white box with the black border that holds the text content, but not the copyright info. */ 

div.textbox {
	height: auto;
	min-height: 662px;
	width: 100%; 
	border-left: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	background-color: #F6F3E1;
	margin: 0;
	padding: 0px 8px;
	}

/* This makes IE display the box height correctly: */
/*
html div.textbox {
 	height: 642px;
}
*/
/* 
These two declarations are to fix a bug IE has with auto-width boxes by creating a dummy content element to hold the window open: 
IMPORTANT: YOU CANNOT USE H6 for anything else. It will always appear invisible, or will make this line visible. 
*/

div.textbox h6 {
	height: 0;
	text-indent: 3em;
	line-height: 0;
	color: #F6F3E1;
	margin: 3px 0 0 0;
	padding: 0;
	}

div.textbox h6 {
	height: auto;
	color: #F6F3E1;
	line-height: 0;
	} 


/* a floating box to use space more efficiently on the workshops page */

div.datebox {
	float: right;
	background-color: #F6F3E1;
	clear: both;
	margin-top: 5px;
}

div.rightlist {
	margin-left: 300px;
}


/* This is an invisible element that makes Firefox size the div.textbox to 
 * enclose floated content so that the border displays correctly: */

div.expander {
	padding: 5px 0px;
	clear: both;
	}

/* Boxes to divide the content box vertically (Ex. Asanas page): */

#leftbox {
	background-color: #F6F3E1;
	padding: 0;
	margin: 5px 0 0 0;
	height: auto;
	width: 49%;
	float: left;
	}

#rightbox {
	background-color: #F6F3E1;
	padding: 0;
	margin: 5px 0 0 0;
	height: auto;
	width: 49%;
	float: right;
	}

/* Box where the variation pics appear on the asana page */

#variationbox {
	position: absolute;
	top: 15px;
	right: 2px;
	height: auto;
	width: 42%;
	background-color: #F6F3E1;
	margin: 0;
	padding: 0;
	} 

/* Boxes to divide the content box horizontally (Ex. Find a Teacher page): */

div.teacherbox {
	margin: 0 0;
	padding: 0;
	background-color: #F6F3E1;
	height: auto;
	width: 100%;
	clear: both;
	}
/* Positioning the Landing Page Kali Image */

div.landingpage {
        position: relative;
}

div.landingpagebutton {
        position: absolute;
        top: 25px;
        bottom: 100px;
        left: 898px;
        right: 10px;
}

img.toppic1 {
        float: right;
	margin: .5em 1em .1em .75em;
	clear: right;
	border: 3px solid #e9e6d1;
}

/* Positioning the Yali across the top: */

img.banner { 
	text-align: center;
	display: block; 
	margin: 0px auto auto auto;
	}

/* The first paragraph in the content box: */
p.intro {
	font-style: italic;
	text-align: left;
	margin: 15px 15px -10px 15px;
}
p.topcontent {
	text-indent: 0em;
	text-align: justify; 
	margin: .75em 1em .5em 1em;
	}

/* The subsequent paragraphs in the content box. */

p.content {
	text-indent: 0em;
	text-align: justify; 
	margin: .25em 1em .5em 1em;
	}

/* The copyright info on the bottom of each page: */

#copyright {
	font: 9pt/11pt Times, serif;
	margin: 0 auto 0 auto;
	text-indent: 0;
	text-align: center; 
	background-color: #AAD623;
	width: 100%;
	padding: 25px 0 25px 0;
	}

/* Aligning pics within the flow of text in the content box: */

img.rightpic {
	float: right;
	margin: .5em 1em .1em .75em;
	clear: right;
	border: 3px solid #e9e6d1;
	}

img.toppic {
	float: right;
	margin: 1em 1em .1em .75em;
	clear: right;
	border: 3px solid #e9e6d1;
}

img.lefttoppic {
	float: left;
	margin: 1em .75em .1em 1em;
	clear: right;
	border: 3px solid #e9e6d1;
	}

img.leftpic {
	float: left;
	margin: .5em .75em .1em 1em;
	clear: left;
	border: 3px solid #e9e6d1;
	}
	
img.leftpickali {
	float: left;
	margin: .5em .75em .1em .1em;
	clear: left;
	border: 3px solid #e9e6d1;
	}
	
/* Banner image on the Tantric Initiation page */
img.images_banner { 
	text-align: center;
	display: block; 
	margin: 0px auto auto auto;
	border: 3px solid #e9e6d1;
	}
	
/* Pics for the Find a Teacher page */

img.findpic {
	float: left;
	margin: 0 .75em 0 .75em;
	padding: 2px 0 2px 0;
	clear: left;
	}

/* Pics for the Asana page */

.asanapic {
	margin: 15px 10px 0px 20px;
	padding: 0;
	/*width: 55%;*/
	}

.thumbpic {
	width: 32%;
	}

/* The Yoga Alliance logo on the index page */

#yogalogo {
	float: left;
	margin: .75em 1em .1em .95em;
	clear: right;
	border: solid black 1px;
	}
	
/* The Facebook logo on the index page */

#facebooklogo {
	float: left;
	margin: .20em 1em .1em .99em;
	clear: right;
	border: solid black 1px;
	}
	
/* The definitions for positioning the rotating pics in the menu bars: */

.mrgn ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0 0;
	}

.mrgn li {
	width: 146px;
	}

/* Fix a border display problem at the bottom of the Yali: */

#leftborderfix {
	position: absolute;
	top: -19px;
	left: 0px;
	width: 5px;
	height: 25px;
	border-left: solid black 1px;
	background-color: #F6F3E1;
	margin: 0;
	padding: 0;
	}

#rightborderfix {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 5px;
	height: 25px;
	border-right: solid black 1px;
	background-color: #F6F3E1;
	margin: 0;
	padding: 0;
	}

/* The links on the bottom of the teachers pages: */

#bottombox {
	background-color: #F6F3E1;
	border: solid black 1px;
	border-top: none;
	width: 100%;
	margin: -15px 0 0 0; 
	padding: 0;
	}

/* The navigation links on the bottom of every page: */

#pagelinks {
	position: absolute;
	line-height: 300%;
	background-color:#AAD623;
	font-size: small;
	margin-top: 0;
	text-align: center;
	}

/* Makes the Contact Us link appear in the proper place */

#contactbox{
	position: absolute;
	bottom: 18px;
	right: 0px;
	width: 146px;
	height: 15px;
	background-color: #DB671A;
	margin: 0;
	padding: 0;
}

#appbox{
	position: absolute;
	bottom: 36px;
	right: 0px;
	width: 146px;
	height: 15px;
	background-color: #DB671A;
	margin: 0;
	padding: 0;
}

/* Navigation buttons on the asana page */

#asanabuttons {
	margin: 20px 5px 0 0;
	text-align: center;
}

#credits {
	font: bold 9pt/11pt Times, serif; 
	margin: .25em 15px 0em 0px;
	padding: 0;
	text-align: right;
	}
	
/*------------------------------ 
Utube Julian von Loesch
------------------------------*/
.flashunit6 {
	float: left;
	margin: .35em 1em .2em 1em;
	clear: left;
}
/*------------------------------ 
Utube Ericardo Baldonado
------------------------------*/
.flashunit5 {
	float: left;
	margin: .35em 1em .1em 1em;
	clear: left;
}
/*------------------------------ 
Utube Goddess Worship
------------------------------*/
.flashunit4 {
	float: right;
	margin: .35em 1em .1em 1em;
	clear: left;
}
/*------------------------------ 
Utube Whitney's Arm Balances
------------------------------*/
.flashunit3 {
	float: left;
	margin: .35em 1em .1em 1em;
	clear: left;
}
/* ------------------------------
Utube Bhagavan teaches Asanas in Agonda
------------------------------ */
.flashunit2 {
	float: right;
	margin: .1em 1.1em .1em .75em;
	clear: left;
}
/* ------------------------------
Utube Bhagavan Left-hand versus Right-hand Tantra
------------------------------ */
.flashunit1 {
	float: left;
	margin: .35em 1em .1em 1em;
	clear: left;
}
/* ------------------------------
Utube Homepage
------------------------------ */
.flashunit {
	float: right;
	margin: .2em 1em .1em .75em;
	clear: left;
	/*border: 3px solid #e9e6d1;*/
}
/* ------------------------------
Utube Location Page Styling
---------------------------------*/
.iframe1 { 
              float: right; 
              margin: 1.18em 1em .1em .99em;
}
.iframe2 { 
              float: left; 
              margin: .16em 1em .1em .99em;
}
.iframe3 { 
              float: right; 
              margin: .5em 1em .1em 10em;
}
/*------------------------------------
.listing_row_container {
              background-color: #EEF3E2;
}
---------------------------------*/