body {background:#51326D url(images/bground.gif); text-align:center;/* IE hack to center page contents */
	margin:0; color:#333;}

body, table, td, h1, h2, p, span, ul, li {font-family:Verdana, Helvetica, sans-serif;}
h1, h2, h3, p, a, span {text-align:left;}

img {border:0;}
.clearFloats {clear:both; line-height:1px; height:1px; font-size:1px;}
.skiplink {display:none;}

.hRule {width:380px; height:40px; background:url(images/hRule.gif) no-repeat; margin:8px 0;}
.hrEnd {margin-bottom:20px;}

ul {margin:0 20px 0 35px; padding:0;}
ul li {line-height:14px; padding-bottom:6px;}


/* ---- links ----------------------------------------- */
a:link, a:visited {color:#B7005B; text-decoration:none;}  
a:hover {color:#A382BD; text-decoration:underline;}
a:active {color:#B7005B;}

a.more {padding-left:6px;}


/* ---- ids & classes ----------------------------------------- */
#frame {margin:0 auto; padding-top:15px; width:680px; text-align:left;} /* this centers the page */

#top {width:678px; height:92px; background:transparent url(images/topBG.gif) no-repeat; position:relative;}
#top h1, #top h2 {display:none;}
	#logo {position:absolute; top:12px; left:9px; width:228px; height:59px;  }
	#tagline {position:absolute; top:12px; right:30px; width:372px; height:59px; background:transparent url(images/tagline.gif) no-repeat;}
	#topRule {position:absolute; bottom:0; left:33px; width:613px; height:22px; background:transparent url(images/topRule.gif) no-repeat;}

#content {width:678px; padding-top:8px; background:transparent url(images/contentBG.gif) repeat-y; font-size:70%;}
	#colNav {float:left; margin-left:20px; width:180px;}
		#navMenu {width:180px; background-color:#910048;}
		#navMenu ul {margin:0; padding:10px 3px 10px 15px;}
		#navMenu ul li {list-style:none; margin:0; padding:0; line-height:170%;}
		#navMenu ul li.on {color:#b59bca;}
		#navMenu a {color:#fff; text-decoration:none;}
		#navMenu a:hover {color:#B59BCA; text-decoration:none;}
		#navDecor {width:180px; height:34px; background:#AB211F url(images/navDecorBG.gif) 0 0 no-repeat;}
		#info {background:#A382BD url(images/infoBG.gif) 0 100% no-repeat; color:#2D002D;}
		#info p {margin:0; padding:14px 10px 20px 15px;}
		#info a {color:#2D002D; text-decoration:underline;}
		#info a:hover {color:#910048; text-decoration:none;}
	
	#colMain {float:left; margin-left:36px; width:390px;}
	#colMain .title, #error .title {height:40px;} 
	#colMain .title h2, #error .title h2 {color:#AB211F; margin:0; padding:0; font-size:160%; display:none;}
	#colMain .home {background:url(images/h2Home.gif) 0 0 no-repeat;}
	#colMain .about {background:url(images/h2About.gif) 0 0 no-repeat;}
	#colMain .schedule {background:url(images/h2Schedule.gif) 0 0 no-repeat;}
	#colMain .gallery {background:url(images/h2Gallery.gif) 0 0 no-repeat;}
	#colMain .retreats {background:url(images/h2Retreats.gif) 0 0 no-repeat;}
	#colMain .workshops {background:url(images/h2Workshops.gif) 0 0 no-repeat;}
	#colMain .contact {background:url(images/h2Contact.gif) 0 0 no-repeat;}
	/*#colMain .what {background:url(images/h2What.gif) 0 0 no-repeat;}*/
	#colMain .whatisyoga {background:url(images/h2WhatisYoga.gif) 0 0 no-repeat;}
	#colMain .whatispilates {background:url(images/h2WhatisPilates.gif) 0 0 no-repeat;}
	#colMain .testimonials {background:url(images/h2Testimonials.gif) 0 0 no-repeat;}
	#colMain h3 {color:#910048; margin:5px 0 7px 0; padding:0; font-size:120%;}
	#colMain p {margin:5px 0 10px 0; padding:0; line-height:130%;}
	#colMain p.homep {margin:5px 0 5px 0; padding:0; line-height:130%;}
	.contentImage {float:right; margin:8px 5px 5px 10px;}
	table#schedule {width:370px;}
	table#schedule td {padding:3px;}
	.retreatThumbs {margin:0 auto;}
	.retreatThumbs img {margin:5px 5px 5px 1px; border:1px solid #ccc;}
	ol.pilates {margin:0 0 0 25px; padding:0;}
	ol.pilates li {padding-bottom:8px; line-height:130%;}
	table#tmlsTable {width:370px; margin:20px 0;}
	table#tmlsTable td {padding:3px; vertical-align:top;}
	table#tmlsTable td.right {text-align:right;}
		form {margin:0;}
		input {border:1px solid #ccc; background-color:#fff; font-size:95%; width:250px;}
		textarea {border:1px solid #ccc; background-color:#fff; font-size:95%; width:250px; height:150px; font-family:verdana, sans-serif;}
		input.button {background-color:#eee; color:#666; width:80px;}
	#fees {}/* on Schedule page */
		#fees p {margin-bottom:3px;}
		#fees ul {margin:0 50px 0 15px; padding:0; list-style:none;}
		#fees ul li {line-height:14px; padding-bottom:6px;}
		
	#error {margin:0 auto; width:400px; height:300px; text-align:center;}
		#error .error {background:url(images/h2Error.gif) center 0 no-repeat; margin:0 auto;}
		#error p {padding:0; margin:15px 0 5px 0; text-align:center;}

#bottom {width:678px; height:32px; background:transparent url(images/bottomBG.gif) no-repeat;}

#footer {color:#B496CF; font-size:65%; text-align:center; margin:8px 0 3px 0;}
	#footer a:link, #footer a:visited {color:#999;}
	#footer a:hover {color:#666; text-decoration:underline;}
#props {color:#9469BA;  font:65% verdana, sans-serif; text-align:center; margin-bottom:15px;}
	#props a:link, #props a:visited {color:#9469BA; text-decoration:underline}
	#props a:hover {color:#ccc; text-decoration:none;}
	
/* ---- retreats pop-ups ----------------------------------------- */
img.retreatspop {border:1px solid #2D002D;}
table#popimages {width:100%;}
table#popimages td {padding:10px;}
table#popimages td p {text-align:center; color:#eee; font-size:70%; padding:0; margin:10px 0 5px 0;}
table#popimages td a {color:#B496CF; text-decoration:underline;}
table#popimages td a:hover {text-decoration:none;}