@charset "UTF-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-size:62.5%;  /* Set minimum font-size from the default 16px to 10px which allows us to say specify 1 em as 10px or 1.2 ems as 12px, the same is not true for headings (they will be 12px, so to get the em size divide the intended size by 12 to get your em size)    */
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF; /* background-image: url(images/layout1b2-4_05.jpg); background-repeat: repeat x; */
	font-size: 62.5% /* 10px is 62.5% of 16px, 1.0em is 10px, 1.2em is 12px etc. */;
} 
 	
h1, h2, h3, h4 {margin: 0; padding: 0;} 
h2	{color: #73b5ab; 	top: 0; margin: 0; padding: 0;}	
p {
	font-size: 12px;
	color: #000;
}
 	

#top {
	height: 112px;
	border: 1px solid #000000;
 	background: url(images/awakening_yoga_02.gif) repeat-x; 
	margin: 0;
	border: 0;
	padding: 0;
	top: 0;
 	}	

#top #header	{
	width: 960px;
	margin: 0 auto;
	text-align: right;
	
	}	

#top #header h1 {
	/* background: url(images/awakening_yoga_05.png) ; */
	width: 404px;
	height: 98px;
	float: left;
	margin: 10px;
   	}

#top #header h1 span {
	display: none;
	margin: 0;
	}

#top #header h3 {
	/* background: url(images/awakening_yoga_05.png) ; */
	width: 404px;
	height: 98px;
	float: left;
	margin: 10px;
}	

#top #header h3 span {
	display: none;
	margin: 0;
}


#top #header #hdr-right-top	{
	float: right;
	width: 400px;
	color: #FFFFFF;
	height: 50px;
	padding-top: 20px;
 	}
	
#top #header #hdr-right-bottom	{
	width: 8.0em;
	font-size: 1.3em;
	float: right;
	clear: right;
	color: #FFFFFF;
}	
	
#container	{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	margin-top: 20px;
	background: url(images/awakening_yoga_23.jpg) no-repeat;
	height: 675px;
}	

	
#container  #body {
	font-size: 1.0em;
	width: 691px;
	float: left;
	color: #646464;
 } 

#container #body #leftcol	{
	width: 440px;
	float: left;
	margin-right: 20px;
}

#container #body #rightcol	{
	width: 225px;
 	float: right;
	font-size: 1.2em;
}  



  
/* Left menu - CSS unordered list with gfx backgrounds */
#left-menu1	{
	margin: 0px;
	width: 269px;
	float: left;
 	line-height:normal;

}

#left-menu1 #left-menu-heading	{
	background: url(images/awakening_yoga_13.gif) repeat-x;
	color: #FFFFFF;
	font-size: 1.6em;
	font-weight: bold;
}


#left-menu1 ul li	{
	font-size: 1.4em;	
	width: 217px;
	height: 35px;
	line-height:35px; 
	list-style:none; 
	padding-left: 36px;
 	color:#898888; 
 	border-width:1px;
	cursor:pointer; 
	background-color: #f6f6f6;
  	/* border-top:#999 solid; 
	border-bottom:#333 solid; */	
}
 
#left-menu1 ul {
  	margin: 0;
	padding: 0;
	
}	

#left-nav-body	{
	width: 253px; 
	background: #EBEBEB;
	float: left;
}

#left-menu1 ul li:hover {
	background-color:#66a49b;
 	color: #FFFFFF;
	position: relative;
} 

#left-menu1 ul li a:hover   {
      color: #FFFFFF;
}
#left-menu1 ul li a { 	display: block;
}
 


#footer	{
	margin-top: 30px;
	width: 691px;
	float: right;
	color: #646464;

}

#credits {
	padding-top: 20px; text-align: left; text-decoration: none;
} 
#credits a { text-decoration: none;}
	
.clear-float {  
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}	




/* Text styles */

.text-header-link  {
	text-decoration: none;
	color: #FFFFFF; 
}
 
.text-leftmenu-link  {
	text-decoration: none;
	color: #898888;
}

.text-footer-link  {
	text-decoration: none;
	color: #898888;
}

.text-body-heading1  {
	font-size: 2.0em;
	text-decoration: none;
	color: #73b5ab;
	font-weight: bold;
}

.text-body-heading2 {
	font-size: 2.0em;	
 	text-decoration: none;
	color: #73b5ab;
}

.text-frontpage-blockquote {
	text-decoration: none;
	color: #CCCCCC;
	line-height: 1.6em;
	font-weight: normal;
}
 
#frontpage-box1 {
	width: 190px; height: 165px; border: 1px solid #999999; float: left; padding: 10px;
}

#frontpage-box2 {
	width: 190px; height: 165px; border: 1px solid #666666; float: left; margin-left: 20px; padding: 10px;
}

#frontpage-box3 {
	width: 190px; height: 165px; border: 1px solid #666666; float: left; margin-left: 20px; padding: 10px;
}

.frontpage-heading {
	height: 30px;
	 background-color: #DCEDDF;
}

.frontpage-body {
	height: 120px;
	font-size: 1.1em;
	margin-top: 10px;
}


/* Registration Form */

/* Subscription Form Layout & Form Styling - Sign Up */
label,input {
	display: block; /*Allows you to line up the forms nicely */
	width: 150px;
	float: left;
	margin-bottom: 8px;
}

label {
	text-align: left;
	width: 170px;
	padding-right: 20px;
	color: #646464;
	font-size: 1.2em;
}


br {
	clear: left;
}

.form-txt {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FF4500; font-size: 9pt; margin: 0px 0px 0px 0px; font-weight: bold; }
.form-error {font-family: Geneva, Arial, Helvetica, sans-serif; color: #C10000; font-size: 9pt; margin: 0px 0px 0px 0px; font-weight: bold; }

.form1 {font-family:Tahoma, Arial, Geneva, sans-serif; color: #0e3753; border: solid #0e3753 1px; background: #FFFFFF; font-size: 10pt; width: 196px; height: 15px; margin: 0px 0px 0px 0px;}
.form2 {font-family:Tahoma, Arial, Geneva, sans-serif;; color: #0e3753; border: solid #0e3753 1px; background: #FFFFFF; font-size: 10pt; width: 41px; height: 15px; margin: 0px 0px 0px 0px;}
.form3 {font-family:Tahoma, Arial, Geneva, sans-serif; color: #0e3753; border: solid #0e3753 1px; background: #FFFFFF; font-size: 10pt; width: 196px; height: 100px; margin: 0px 0px 0px 0px;}
.form4 {font-family:Tahoma, Arial, Geneva, sans-serif; color: #0e3753; border: solid #0e3753 1px; background: #FFFFFF; font-size: 10pt; width: 116px; height: 15px; margin: 0px 0px 0px 0px;}
.form_submit {font-family:Tahoma, Arial, Geneva, sans-serif; color: #0e3753; border: 1px solid #0e3753; background: #E2EEF8; font-size: 10pt; width: 77px; height: 22px;}
.form_go {font-family:Tahoma, Arial, Geneva, sans-serif; font-size: 10pt; color: #0e3753; border: 1px solid #0e3753; background: #E2EEF8; font-size: 10pt; width: 20px; height: 15px;}
.form_join {font-family:Tahoma, Arial, Geneva, sans-serif; font-size: 10pt; color: #0e3753; border: 1px solid #0e3753; background: #E2EEF8; font-size: 10px; width: 40px; height: 18px;}


/* Search Form Layout (Front Page) & Form Styling - Sign Up */
label2,input {
	display: block; /*Allows you to line up the forms nicely */
	width: 150px;
	float: left;
	margin-bottom: 8px;
}

label2 {
	text-align: left;
	width: 65px;
	padding-right: 20px;
}