/* WEB COLORS
	blue: 007db1
	lt green: adc7bd
	yellow: ebed8a
	dark blue: 00446a
*/
	 
body{
	color: #00446a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 10 10 10;}

a:link {
	color: #00446a;
	text-decoration: underline;}
	
a:visited {
	text-decoration: underline;	}
	
a:hover {
	text-decoration: underline;
	color: #007db1;}

a:active {
	color: #00446a;
	text-decoration: underline;	}
	
.homepage_left{
	margin-top: 40px;
	float: left;
	white-space: nowrap;
	width: 550px;
	height: 600px;
	background-image: url(images/home_photo.jpg);
	background-repeat: no-repeat;}
	
.container{
	width: 820px; 
	display: block;}
	
	
.logo a {
	display: block;
	width: 245px;
	height: 77px;
	margin-left: 10px;
	background: url(images/buttons/logo.png) 0 0 no-repeat;
	text-align: right;
	color: #fff;}

.logo a:hover { 
	background-position: 0 -77px;}

.logo a:active {
	background-position: 0 -77px;}	

.footer{
	padding-top: 65px;
	height:100px;
	width: 850px;
	text-align: center;
	clear: both;
	font-size: 10px;
	background-image: url(images/holistic.gif);
	background-repeat: no-repeat;
	background-position: top right;}
	
	
/*               */
/* BUTTON STYLES */

.homebuttons{
	font-size: 12px;
	float: left;
	white-space: nowrap;
	padding-top: 170px;
	padding-left: 40px;
	width: 200px;
	color: #fff;}

	
.interiorbuttons{
	font-size: 12px;
	float: left;
 	padding-top: 25px;
 	padding-left: 40px;
 	width: 200px;	}

/* yoga schedule */
.rollover_sched a {
	display: block;
	width: 110px;
	margin-bottom: 18px;
	background: url(images/buttons/schedule.gif) 0 0 no-repeat;
	text-align: right;
	color: #fff;}

.rollover_sched a:hover, .rollover_sched a.selected { 
	background-position: 0 -17px;
	color: #fff;}

.rollover_sched a:active {
	background-position: 0 -34px;
	color: #fff;}
	
/* teacher training */
.rollover_train a {
	display: block;
	width: 124px;
	margin-bottom: 18px;
	background: url(images/buttons/training.gif) 0 0 no-repeat;
	text-align: right;
	color: #fff;}

.rollover_train a:hover, .rollover_train a.selected { 
	background-position: 0 -17px;
	color: #fff;}

.rollover_train a:active {
	background-position: 0 -34px;
	color: #fff;}
	

/* holistic health counseling */	
.rollover_holistic a {
	display: block;
	width: 210px;
	margin-bottom: 18px;
	background: url(images/buttons/holistic.gif) 0 0 no-repeat;
	text-align: right;
color: #fff;}

.rollover_holistic a:hover, .rollover_holistic a.selected { 
	background-position: 0 -16px;
	color: #fff;}

.rollover_holistic a:active {
	background-position: 0 -32px;
	color: #fff;}
	
/* Primordial sound meditation */	
.rollover_primordial a {
	display: block;
	width: 218px;
	margin-bottom: 18px;
	background: url(images/buttons/primordial.gif) 0 0 no-repeat;
	text-align: right;
color: #fff;}

.rollover_primordial a:hover, .rollover_primordial a.selected { 
	background-position: 0 -17px;
	color: #fff;}

.rollover_primordial a:active {
	background-position: 0 -34px;
	color: #fff;}	
	
/* retreats */	
.rollover_retreats a {
	display: block;
	width: 165px;
	margin-bottom: 18px;
	background: url(images/buttons/retreats.gif) 0 0 no-repeat;
	text-align: right;
	color: #fff;}

.rollover_retreats a:hover, .rollover_retreats a.selected {
	background-position: 0 -16px;
	color: #fff;}

.rollover_retreats a:active {
	background-position: 0 -32px;
	color: #fff;}	

/* resources */	
.rollover_resources a {
	display: block;
	width: 78px;
	margin-bottom: 18px;
	background: url(images/buttons/resources.gif) 0 0 no-repeat;
	text-align: right;
	color: #fff;}

.rollover_resources a:hover, .rollover_resources a.selected {
	background-position: 0 -16px;
	color: #fff;}

.rollover_resources a:active {
	background-position: 0 -32px;
	color: #fff;}	
	

/* top links */	
.top{
	position:absolute;
	top: 5;
	left:735;
	font-size: 10px;
	white-space:nowrap;
	width:160px;
	}
	
.top a:link, .top a:visited, .top a:active {
	color: #00446a;
	text-decoration: none;
	text-transform: uppercase;}
	
.top a:hover {
	text-decoration: none;
	color: #007db1;
	text-transform: uppercase;}

	
	
/* END BUTTON CSS */	


/* INTERIOR PAGE STYLES */

.interior_left{	
	float: left;
	width: 235px;}
	
.interiortop{
	padding-left: 15px;
	width: 800px;
	height: 262px;}
	
.interior_main{
		float: left;
		width: 510px;
		margin-left: 55px;
		margin-top: 50px;
		line-height: 20px;}
		
.heading_img{
	margin-bottom: 15px;}		
		
.schedule{
	float: left;
	width: 90px;
	margin-right: 11px;}
			
h1{
	font-size: 13px;
	color: #00446a;
	text-transform: uppercase;}
	
h2{
	font-size: 12px;
	color: #333;
	font-weight: bold;}

	
time{color: #007db1;}


/* FORM STYLES */
.formbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border-color: #007db1;
	background-color: #CCDAD5;
	border-width: 1px;
	margin-bottom: 8px;
	height:20px;
	color:#00446a; }
	
.messagebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border-color: #007db1;
	background-color: #CCDAD5;
	border-width: 1px;
	margin-bottom: 8px;
	color:#00446a;}
	
.formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00446a;}