/*BEGIN HOMEPAGE-specific*/

#leftcolumn {
	border: 0px solid #ccc;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 15px 0px;
	width:243px;
	float: left;
	background: #fff;
}
#centrecolumn {
	border: 0px solid #ccc;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 12px 0px;
	width:501px;
	display:inline;
	float: left;
}
#quotebox {
	height:auto;
	padding: 0px 0px 0px 0px;
	border: 1px solid #ff7300;
	margin-bottom:15px;
}
#quotebox h2 {
	font-weight:normal;
	background:url(/images/quotemark.gif) no-repeat left;
	padding:10px 0px 0px 50px;
	color: #ff7300;
	text-transform:uppercase;
	float: left;
}
#quotetext {
	clear:left;
	margin: 36px 16px 0px 12px;
	font-family:"Times New Roman", "Times", serif;
	font-size:0.9em;
	font-style:italic;
	line-height:1.3em;
}
#quotesig {
	font-size:0.75em;
	float: right;
}
#quotemarkopen {
	float: left;
}
#quotemarkopen {
	vertical-align:middle;
}
#quotemarkclose {
	vertical-align: middle;
}
#getstarted {
	background:#ff7300;
	padding: 7px 10px 7px 14px;
	margin-bottom:15px;
}
#callout1 {
	background:#a11f1c;
	padding: 6px 14px 6px 14px;/*margin-bottom:15px; -- use this if there is another box below it*/
}
.contentbox {
	width:241px;
	height:119px;
	border: 1px solid #ff7300;
	position: relative;
	float:left;
	margin-bottom:15px;
	padding:0;
}
.contentbox h2 {
	text-transform:uppercase;
	font-weight:normal;
	position: absolute;
	font-style:normal;
	top: 0px;
	left: 0px;
	line-height:1.2em;
	float:left;
	padding:10px 0px 0px 99px;
	margin-bottom:6px;
	border:0px;
}
#contentbox1 {
	float:left;
	margin-right:15px;
	background:#ffdd66;
}
#contentbox1 img {
	margin-right: 12px;
}
#contentbox1 h2, #contentbox4 h2 {
}
.contentbox p {
	position: absolute;
	margin-top:8px;
	margin-left: 99px;
	padding-right:1px;
	font-size:0.8em;
	top:35px;
	line-height:1.35em;
}
#contentbox1 h2 a:link, #contentbox1 h2 a:visited, #contentbox1 h2 a:active, #contentbox4 h2 a:link, #contentbox4 h2 a:visited, #contentbox4 h2 a:active {
	color:#000;
}
#contentbox1 a:link, #contentbox1 a:visited, #contentbox1 a:active {
	color:#ff7300;
}
#contentbox2 {
	float:left;
	background:#b287ae;
	border-color:#7f3778;
}
#contentbox2 img {
	margin-right: 12px;
}
#contentbox2 p {
	top:24px;
	color:#000;
}
#contentbox4 p {

top:24px;
}
#contentbox2 h2 a:link, #contentbox2 h2 a:visited, #contentbox2 h2 a:active, #contentbox5 h2 a:link, #contentbox5 h2 a:visited, #contentbox5 h2 a:active {
	color:#fff;
}
#tab_box {
	float:left;
	width:501px;
	height:160px;
	margin:0 0 15px 0;
}
#tab_box p {
	font-size:0.75em;
	line-height:1.4em;
	margin:3px 6px 3px 9px;
}
#tab_box ol li {
	font-size:0.9em;
	line-height:1em;
	display:inline;
}
#tab_box ol li a {
	text-decoration: none;
	color: #000;
	padding: 0px 4px;
	/*border: 1px solid #ff3300;*/
	outline: none;
}
#tab_box ol li a:hover {
	text-decoration: underline;
}
#contentbox4 {
	/*background:#ffdd66;*/
	margin-right:15px;
}
#contentbox4 a:link, #contentbox4 a:visited, #contentbox4 a:active {
	color:#ff7300;
}
#contentbox5 {
}
#contentbox5 h2 {
	left: -86px;
	font-weight:bold;
}
#contentbox6 {
	float:left;
	width:499px;
	border:none;
	margin:0px;
	height:auto;
}
#contentbox6 h5 {
	font-family:"Times New Roman", "Times", serif;
	font-size:0.9em;
	font-style:italic;
	color:#ff7300;
	letter-spacing:1px;
}
#contentbox6_right {
	width:100%;
	text-align:right;
	margin-top:0px;
	padding-right:6px;
	font-size:0.8em;
}
.tab_container {
	border: 1px solid #ff7300;
	border-top: none;
	clear: both;
	float: left;
	width: 499px;
	height:134px;
	background: #fff;
}
.tab_content {
	font-size:1em;
	padding:0;
}
#tab_box ul.tabs li.tab1 {
	width:125px;
}
#tab_box ul.tabs li.tab2 {
	width:130px;
}
#tab_box ul.tabs li.tab3 {
	width:125px;
}
#tab_box ul.tabs li.tab4 {
	width:119px;
}
#tab_box ul.tabs li.active {
	font-weight:normal;
}
.tab_content h5 {
	font-weight:bold;
	font-size: 0.8em;
}
#tab3.tab_content {
	padding:0;
}
#tab4.tab_content {
	padding:8px;
}
#asanastext {
	padding:13px 5px 21px;
}
#point1, #point2, #point3, #point4, #point5 {
	float:left;
	text-align:center;
	/*margin:6px 9px 6px 9px;*/
	font-size:0.7em;
	line-height:1.1em;
	width:100px;
	margin-top:6px;
}

#point5 {
width:99px;	
}
#path1, #path2, #path3, #path4 {
	float:left;
	text-align:center;
	margin:7px 22px 10px 22px;
	font-size:0.7em;
	line-height:1.1em;
}
#tab_box ul.tabs li a {
	font-size: 0.75em;
}
#exercise, #breathing, #relaxation, #diet, #meditation {
 display: block;
/*border: 1px solid #000;*/
 height: 88px;
 
}

#exercise {

	background: url("/images/exercise_ro_icon_sm.gif") no-repeat 0 0;
}
#breathing {
	
	background: url("/images/breathing_ro_icon_sm.gif") no-repeat 0 0;
}
#relaxation {
	
	background: url("/images/relaxation_ro_icon_sm.gif") no-repeat 0 0;
}
#diet {
	
	background: url("/images/diet_ro_icon_sm.gif") no-repeat 0 0;
}
#meditation {
	
	background: url("/images/meditation_ro_icon_sm.gif") no-repeat 0 0;
}


#breathing:hover, #relaxation:hover, #diet:hover, #meditation:hover {
	background-position: 0 -83px;
	text-decoration:none;
}

#exercise:hover{
	background-position: 0 -88px;
	text-decoration:none;
}
#exercise span.pointspan, #breathing span.pointspan, #relaxation span.pointspan, #diet span.pointspan, #meditation span.pointspan {
	position: relative;
	left: 2px;
	top: 64px;
	font-size:1em;
}

#exercise a:hover, #breathing a:hover, #relaxation a:hover, #diet a:hover, #meditation a:hover {
	text-decoration:none;
}
span.pointspan:hover {
	text-decoration:underline;
}

#karma, #bhakti, #raja, #jnana {
 display: block;

 height: 72px;
}

#karma {
	width: 80px;
	background: url("/images/karma_ro_icon_sm.gif") no-repeat 0 0;
}
#bhakti {
	width: 80px;
	background: url("/images/bhakti_ro_icon_sm.gif") no-repeat 0 0;
}
#raja {
	width: 80px;
	background: url("/images/raja_ro_icon_sm.gif") no-repeat 0 0;
}
#jnana {
	width: 80px;
	background: url("/images/jnana_ro_icon_sm.gif") no-repeat 0 0;
}


#locations {
	display: block;
	
	width: 501px;
	height: 133px;
	background: url("/images/world-map-sm.gif") no-repeat 160px -7px;
}

#locations span {
	position: relative;
	left: 4px;
	top: 37px;
	font-size:0.8em;
}


#locations:hover {
text-decoration:none;	
	
}



#karma:hover, #bhakti:hover, #raja:hover, #jnana:hover {
	background-position: 0 -73px;
	text-decoration:none;
}
#karma span, #bhakti span, #raja span, #diet span, #jnana span {
	position: relative;
	left: -6px;
	top: 63px;
	font-size:1.02em;
}

#karma a:hover, #bhakti a:hover, #raja a:hover, #diet a:hover {
	text-decoration:none;
}
