body {
	margin: 0px; /* bumps website up to top-margin; except opera (margin top = 5px by default) */
	padding: 0px; /* compensates for 8px top margin in opera (does not affect other browsers) */ 
	background: url(images/0bg_page.jpg) #E6E6B4; /* page background */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Georgia, "Times New Roman", Times, Garamond, serif; */
	font-size: 11px;
	color: #808000; /* olive */
	line-height: 16px; /* adjusts leading */
	}
a:link, a:active{
	color: #4B66CC;
	text-decoration: none;
	font-weight: bold;
	}
a:visited {
	color: #996633;
	text-decoration: none;
	font-weight: bold;
	}
a:hover {
	color: #7D99FF;
	text-decoration: underline;
	font-weight: bold;
	}
br 	{ 
	line-height: 11px; /* adjusts leading */
    	}
img.floatright {
	float: right;
	margin: 0px 0px 20px 40px;
	}
	
/* ==================================== MAIN */
span.title { 
	font-size: 12px;
	color: #CC7D66; /* red */
	font-weight: bold; /* bold, normal or light */
    	}
span.title3 { 
	font-size: 18px;
	color: #339900; /* green */
	font-family: Georgia, "Times New Roman", Times, Garamond, serif;
	font-weight: bold; /* bold, normal or light */
	line-height: 24px;
    	}
    	    	
/* ==================================== PAGECENTER */
#pagecenter { 
 	width: 760px;
	margin: auto; /* centres div within page */
    	}

/* ==================================== HEADER BG */ 
#header { 
 	width: 760px;  
 	height: 110px; /* may not be required */
    	}
#header1 { 
 	width: 140px;  
 	height: 110px;
	background: url(images/0header_1.gif); 
	float: left;
    	}
#header2 { 
 	width: 340px;  
 	height: 70px; /* 110 - 40 */
	padding: 40px 0px 0px 0px;
	text-align: center; /* left; right; center; justify */ 
	background: url(images/0header_2.jpg);  
	float: left;
    	}
#header3 { 
 	width: 280px;  
 	height: 110px; 
	background: url(images/0header_3.jpg);  
	float: left;
    	} 

/* ==================================== SIDEBAR */ 
#sidebar {
 	width: 140px; 
 	float: left;
	}
#menu-top {
 	width: 140px;
 	height: 90px;
	background: url(images/0menu_top.gif);
	}
.tab {
	width: 140px;
	height: 33px; /* 34 - 1 */
	padding-top: 1px;
	color: #FFFFFF; /* white */
	font-weight: bold;
	text-indent: 32px; /* indents first line */
	background: url(images/0tabon.jpg);
	}
.tab a 	{
	width: 140px;
	height: 33px; /* 34 - 1 */
	padding-top: 1px;
	text-indent: 32px; /* indents first line 40px */
	text-decoration: none;
	}
.tab a:link, .tab a:visited {
	background: url(images/0tab.jpg);
	color: #FFFFFF; /* white */
	display: block;
	}
.tab a:hover, .tab a:active {
	background: url(images/0tabon.jpg);
	color: #FFFFFF;
	}
#menu-bottom1 {
	width: 140px;
	height: 10px;
	background: url(images/0menu_bottom1.jpg) no-repeat;
	}
#menu-bottom2 {
	width: 110px; /* 140 - 30 */
	padding: 0px 0px 0px 30px;
	background: url(images/0menu_bottom_bg.jpg);
	}
#menu-bottom3 {
	width: 140px;
	height: 90px;
	background: url(images/0menu_bottom3.gif);
	}

/* ==================================== CONTENT */ 
#content {
 	width: 620px;
	background: url(images/0main-content-bg.gif);
	float: left;
    	}
#content-header {
 	width: 570px; /* 600 - 30 */
	height: 30px; /* 50 - 20 */ 
	padding: 20px 30px 0px 0px;
	background: url(images/0main-content-header.jpg);
	font-family: Georgia, "Times New Roman", Times, Garamond, serif; /* serif */
	font-size: 30px;
	line-height: 30px; /* adjusts leading */
	color: #CCCC7D; /* use hex number */
	text-align: right; /* left; right; center; justify */
	font-style: italic;
    	}
table {	
	border-collapse: collapse;
	}
td.main {	
	width: 540px; /* 620 - (40 - 40) */ 
	padding: 0px 40px 0px 40px;
	}


/* ==================================== FOOTER */ 
#footer { 
 	width: 760px;
 	height: 50px;
 	background: url(images/0main_footer_bg.gif) no-repeat top right;
	clear: both;
    	}
#footer-text {
	width: 300px; /* 460 - 160 */
	height: 30px; /* 50 - 20 */
	padding: 20px 0px 0px 160px;
	font-size: 10px;
	line-height: 12px; /* adjusts leading */
	float: left;
	}
#footer-tagline {
	width: 280px;
	height: 50px;
		background: url(images/0footer-tagline.gif) no-repeat bottom right;
	float: right;
	}
	
/* ==================================== INDEX header */
#index-content {
 	width: 620px;
	background: url(images/0main-content-bg.gif);
	float: left;
    	}
#index-header {
 	width: 600px;
	height: 50px; 
	background: url(images/0main-content-header.jpg);
    	}
#index-header-trees {
 	width: 200px;
	height: 50px; 
	background: url(images/1index_right_top.jpg);
	float: right;
    	}

/* ==================================== INDEX info */

td.index {	
	width: 620px;
		background: url(images/1index_bg.png) repeat-y right; 
	}
#index-info { 
	width: 329px; /* 399 - (20 - 50) */
	padding: 0px 20px 0px 50px; 
	background: url(images/1index_welcome.jpg) no-repeat; 
	float: left;
    	}
 
/* ==================================== INDEX image */
#index-image { 
	width: 200px;
	float: left;
    	} 
#index-slideshow { 
	width: 200px;
	height: 150px;
	background: url(images/1index_slide15.jpg) no-repeat;
    	} 
#index-sidebar { 
 	width: 160px; /* 200 - 40 */
 	padding: 0px 20px 0px 20px;
	font-size: 12px;
	font-weight: bold; /* bold, normal or light */
	line-height: 17px; /* adjusts leading */
	text-align: center;
    	}
#index-sidebar-image { 
    	}

/* ==================================== SERVICES */

#services-banner {
 	width: 525px;
    	}
img.rsmlogo { 
	margin: 10px 0px 80px 30px;
	float: right;
    	} 
span.rubenfeld {
	font-size: 14px;
	line-height: 18px; /* adjusts leading */
	font-weight: bold; /* bold, normal or light */
	color: #339999; /* similar to logo teal */
	}
#rubenfeld-1 {
	width: 275px;
	height: 160px;
	float: left;
	}
#rubenfeld-2 {
	width: 250px;
	height: 160px;
	text-align: center;
	float: left;
	}
img.reiki {
	float: right;
	margin: 0px 0px 20px 40px;
	}
span.title2 { 
	font-size: 16px;
	color: #CC7D66; /* red */
	font-weight: bold; /* bold, normal or light */
	text-decoration: underline;
    	}
    	
/* ==================================== SCHEDULE*/
.schedule-slideshow { 
	width: 200px;
	height: 150px;
	background: url(images/3schedule_slide01.jpg) no-repeat;
	float: right;
    	} 
table.schedule-1 {
	border-collapse: collapse;
	color: #808000; /* olive */
	}
table.schedule {
	border-collapse: collapse;
	color: #666600; /* dk olive */
	}
td.schedule-column-1 {
	width: 120px;
	vertical-align: center;
	text-align: center;
	background: #FFF5F5; /* light pink */
	border-bottom: #FFFFFF 2px solid;
	}
td.schedule-column-2 {
	width: 80px;
	vertical-align: center;
	text-align: center;
	background: #FFFFCC; /* light yellow */
	border-bottom: #FFFFFF 2px solid;
	}
td.schedule-column-3 {
	width: 200px;
	padding: 5px 0px 5px 0px;
	vertical-align: center;
	text-align: center;
	background: #FFF5F5; /* light pink */
	border-bottom: #FFFFFF 2px solid;
	}
td.schedule-column-4 {
	width: 125px;
	vertical-align: center;
	text-align: center;
	background: #FFFFCC; /* light yellow */
	border-bottom: #FFFFFF 2px solid;
	}
td.schedule-title {
	width: 500px;
	vertical-align: center;
	padding: 20px 0px 5px 0px;
	}
span.scheduletitle {
	font-size: 16px;
	line-height: 20px; /* adjusts leading */
	font-weight: bold; /* bold, normal or light */
	color: #666600; /* dk olive */
	}
span.registration {
	font-size: 16px;
	line-height: 20px; /* adjusts leading */
	font-weight: bold; /* bold, normal or light */
	color: #CC7D66; /* red */
	}
td.schedule-subtext-1 {
	width: 200px;
	vertical-align: top;
	padding: 10px 0px 15px 0px;
	background: #F2F0D7; /* light olive */
	}
td.schedule-subtext-2 {
	width: 300px;
	vertical-align: top;
	padding: 10px 0px 15px 0px;
	background: #F2F0D7; /* light olive */
	}
td.schedule-subtext-3 {
	width: 500px;
	vertical-align: top;
	padding: 10px 0px 15px 0px;
	border-top: #FFFFFF 5px solid;
	background: #F2F0D7; /* light olive */
	}
td.schedule-subtext-4 {
	width: 500px;
	vertical-align: top;
	padding: 10px 0px 0px 0px;
	background: #F2F0D7; /* light olive */
	}
td.schedule-footnote {
	width: 500px;
	vertical-align: center;
	text-align: center;
	padding: 5px 0px 5px 0px;
	background: #FFF5F5; /* light pink */
	}
hr.schedule {
	width: 540px;
	size: 2px;
	align: center;
	noshade: noshade;
	color: #E6E6B4;
	}
	
/* ==================================== 4 COMMUNITY */
.spiritofyoga-slideshow { 
	width: 200px;
	height: 170px;
	margin: 10px 0px 30px 30px;
	background: url(images/4spiritofyoga_00.jpg) no-repeat;
	float: right;
	text-align: center;
	font-size: 10px;
	line-height: 14px;	
    	} 
	
/* ==================================== RESOURCES */
img.resources-01 {
	float: right;
	}
span.resourcestitle {
	font-size: 22px;
	line-height: 32px; /* adjusts leading */
	color: #CCCC7D; /* light olive */
	letter-spacing: 2px; /* normal or specified length eg. 2px */

	}

/* ==================================== ARTICLES */
img.change {
	float: right;
	margin: 0px 0px 20px 20px;
	}
hr.articles {
	width: 540px;
	size: 2px;
	align: center;
	noshade: noshade;
	color: #E6E6B4;
	}

/* ==================================== PROFILE */
img.profile-01 {
	float: right;
	margin: 0px 0px 15px 50px; 
	}

/* ==================================== YOGA YOUTH */
#content-headeryogakidz {
 	width: 600px;
	height: 50px; 
	background: url(images/0main-content-header.jpg);
    	}
img.yytitle {
	margin-right: 20px;
	float: right;
    	}
#content-info {
	width: 560px;
	margin: auto;
	background: url(images/8yy_bg.jpg) no-repeat;
	font-weight: bold;
	}
span.question {
	color: #CC0000; /* red */
	}
span.yymenu {
	line-height: 24px; /* adjusts leading */
	font-weight: bold;
	color: #CC0000; /* red */
	}
img.yyimg {
	margin: 20px 30px 20px 30px;
	float: right;
    	}
#content-youthmenu {
	width: 182px;
	background: url(images/8yysubmenu_bg.jpg) no-repeat right;
	margin: 0px 30px 20px 25px;
	text-align: center;
	font-weight: bold;
	line-height: 18px; /* adjusts leading */
	float: right;
	display: inline;
	}