body {
	background: #ccf2ff url(images/back.gif) repeat-y fixed center;
	font: normal 75% Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
}


html {
	height: 101%;
}

#titlebar {
	background-image:url(images/sueHeader1.jpg);
	background-repeat:no-repeat;
	width: 70em;
}

#titlebarAlt {
	background-image:url(images/sueHeader2.jpg);
	background-repeat:no-repeat;
	width: 70em;
}
.titlebar_img {
	width: 70em;
	max-width: 1260px;
	max-height: 361px;
}
	
ul {
	padding: 0;
	list-style: none;
	width: 14.16em; /* Width of Menu Items */
	position: absolute;
	padding-top: .3em;
	margin-top: -31em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 50;
}

ul li {
	position: relative;
	margin-top: 0em;
}
	
li ul {
	position: absolute;
	left: 14.08em; /* Set 1px less than menu width */
	background: #fff; /* IE6 Bug */
	border: 1px solid #FF00FF;
	padding: 0px;
	top: 0;
	display: none;
        margin-top: 0em;
}

/* Styles for Menu Items */
ul li a {
	background: url(images/fiftyblue2.gif) no-repeat left top;
	width: 14.16em;
	line-height: 2.5em;
	display: block;
	text-decoration: none;
	color: #777;
	padding: 0px;
	border-bottom: 0;	
	text-indent: 23px; 
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* Hover Styles */
ul li a:hover {
	background: url(images/fiftyblue3.gif) no-repeat left top; 
	color: #FF00FF;
} 
		
li ul li a { padding: 0px 0px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */

.yingyang_img {
	height: 31.2em;
	width: 25.5em;
	max-width: 459px;
	max-height: 561px;
	margin-top: 20em;
}

#maincontent {
	position: absolute;
	margin-top: -31em;
	margin-left: 14.5em;
	width: 36.6em;
	display: block;
}

#mercontent {
	position: absolute;
	margin-top: -31em;
	margin-left: 14.5em;
	width: 30.6em;
	display: block;
	z-index: 50;
}


#wrapper {
	background-color: #FFFFFF;
  	width: 70em;
	min-height: 800px;
  	margin: 0 auto;
}

#images {
	background-color: #ccf2ff;
	margin-top: -32em;
	height: 600px;
	width: 200px;
	min-height: 800px;
	max-width: 300px;
	float: right;
}

.imageOne { 
	margin-top: 1.8em;
	width: 16.66em;
	height: 16.66em;
	max-width: 300px;
	max-height: 300px;
}

.imageTwoSpaced { 
	margin-top: 5em;
	width: 16.66em;
	height: 16.66em;
	max-width: 300px;
	max-height: 300px;
}

.imageThreeSpaced { 
	margin-top: 9em;
	width: 16.66em;
	height: 16.66em;
	max-width: 300px;
	max-height: 300px;
}

.imageTwo { margin-top: 2em;}
.imageFeb { margin-top: 14.5em;}
.imageFeb06 { margin-top: 3.6em;}
.imageMar { margin-top: 15.5em;}
.imageMar06 { margin-top: 4.8em;}
.imageApr { margin-top: 50em;}
.imageApr06 { margin-top: 3em;}
.imageMay { margin-top: 64.3em;}
.imageMay06 { margin-top: 10.9em;}
.imageJun { margin-top: 26em;}
.imageJun06 { margin-top: 4em;}
.imageJul { margin-top: 30.7em;}
.imageJul06 { margin-top: 4.7em;}
.imageAug { margin-top: 19.2em;}
.imageAug06 { margin-top: 7.5em;}
.imageSep { margin-top: 15.5em;}
.imageSep06 { margin-top: 7.4em;}
.imageOct { margin-top: 39.8em;}
.imageOct06 { margin-top: 30.4em;}
.imageNov { margin-top: 24.5em;}
.imageNov06 { margin-top: 15.2em;}
.imageDec { margin-top: 27.8em;}
.imageDec06 { margin-top: 3em;}

#links {
	background-image: url(images/linksBackground.gif);
	left: 0px;
	right: 0px;
	background-color: #FFFFFF;
	width: 25em;
	min-height: 100%;
	max-width: 300px;
	margin-top: -31.1em;
	float: right;
	}

#merc {
	background-image: url(images/linksBackground.gif);
	position: relative;
	left: 0px;
	right: 0px;
	background-color: #FFFFFF;
	width: 25em;
	min-height: 100%;
	max-width: 300px;
	float: right;
}

.linksZero { margin-top: -41px; margin-left: 0em;}
.linksOne { margin-top: 0em; margin-left: 3em;}
.linksTwo { margin-top: 4em; margin-left: 5em;}
.linksThree { margin-top: 6.8em; margin-left: 3em;}
.linksFour { margin-top: 6.2em; margin-left: 3em;}
.linksFive { margin-top: 5.7em; margin-left: 2.5em;}
.linksSix { margin-top: 5.4em; margin-left: 5em;}
.linksSeven { margin-top: 1.0em; margin-left: 2.2em;}
.linksEight { margin-top: 3.5em; margin-left: 6.8em;}
.linksNine { margin-top: 2.8em; margin-left: 3em;}
.linksTen { margin-top: 1.2em; margin-left: 8em;}
.mercZero { margin-top: 0em; margin-bottom: 2.0em; margin-left: 0em;}
.mercOne { margin-top: 0em; margin-bottom: 4.0em; margin-left: 0em;}
.mercOneFR { margin-top: 0.5em; margin-bottom: 0.0em; margin-left: 0em;}
.mercOneMo { margin-top: 1.0em; margin-bottom: 3.0em; margin-left: 0em;}
.mercOneSpring { margin-top: 0.0em; margin-bottom: 0.0em; margin-left: 0em;}
.mercOneEiS { margin-top: 1.5em; margin-bottom: 12.0em; margin-left: 0em;}
.mercOneTai { margin-top: 3.5em; margin-bottom: 11.5em; margin-left: 0em;}
.mercTwo { margin-top: 1em; margin-left: 0em;}
.mercThree { margin-top: 10em; margin-left: 0em;}


.mercHeadings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 20px;
	font-weight: bold;
	color: #666666;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	display:block;
}

.mercTaiChi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 20px;
	font-weight: bold;
	color: #666666;
	margin-top: 3.5em;
	margin-bottom: 0.5em;
	display:block;
}

.mercSpirals {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 20px;
	font-weight: bold;
	color: #666666;
	margin-top: 3.5em;
	margin-bottom: 0.5em;
	display:block;
}

.mercPrice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	line-height: 1.4em;
	color: #0099FF;
	text-decoration: none;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 0em;
	margin-right: 0em;
	display:block;
}
.merchandise {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.8em;
	color: #666666;
	text-decoration: none;
	padding-right: 1em;
	display: block;
	margin-top: 0px;
}


.mercSub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	line-height: 1.4em;
	color: #666666;
	text-decoration: none;
	margin-top: 5.5em;
	margin-bottom: 0px;
	margin-left: 0em;
	margin-right: 0em;
	display:block;
}

.aboutSue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 2.1em;
	color: #666666;
	padding-right: 0em;
	display: block;
	margin-top: .7em;
}

.talkHeadings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #666666;
	margin-top: 0px;
}

.talkTalks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.7em;
	color: #666666;
	text-decoration: none;
	margin-bottom: 25px;
}

.talksBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	color: #666666;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0em;
	margin-right: 0em;
	display:block;
}

.talksBoldLastLine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	color: #666666;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 0em;
	margin-right: 0em;
	display:block;
}

.regularClasses {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.7em;
	color: #666666;
	margin-top: 10px;
	display:block;
}

.yogaTeachers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.7em;
	color: #666666;
	margin-top: 0px;
	display:block;
}

.regularClassesLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 1.7em;
	color: #FF00FF;
	text-decoration: none;
	display: inline;
}

.fitnessPro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.7em;
	color: #666666;
	text-decoration: none;
	margin-top: 5px;
	display:block;
	margin-bottom: 0.8em;
}


.kids_list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	color: #666666;
	text-decoration: none;
	margin-top: 6px;
	margin-bottom: 0px;
	margin-left: 0em;
	margin-right: 0em;
	display:block;
}

.kids_list {
	background-image:url(images/bullet2.gif);
	background-repeat:no-repeat;
	padding-left: 1.8em;
	clear:left;
}

.corporateDaysB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	color: #666666;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0em;
	margin-right: 0em;
	display:block;
}

.corporateDaysBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	color: #66ccff;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0em;
	margin-right: 0em;
	display:block;
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	line-height: 1.7em;
	color: #999999;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0em;
	margin-right: 0em;
	display:block;
}

.sidebarCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.6em;
	color: #333333;
	text-align: left;
	display: block;
	padding-top: 6px;
	padding-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

.downloadPdf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	color: #666666;
	height: 3em;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0em;
	margin-right: 0em;
	display:block;
}
.downloadPdf {
	background-image: url(images/pdficon.gif);
	background-repeat:no-repeat;
	padding-left: 2.5em;
	clear:left;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #FF00FF;
}
a:active {
	text-decoration: none;
}

.villaPrices {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	color: #666666;
	width: 36.6em;
}

th {
	background-color: #e1efff;
}

.villaPrices td {
	padding-top: 3px;
	padding-right: 30px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-size: 11px;
}

.villaPrices th {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-size: 11px;
}

table {
	border-collapse: collapse;
}

tr.odd {
	background-color: #e1efff;
}

tr.even {
	background-color: #e1ffed;
}

.villaAsterisk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.6em;
	color: #333333;
	display: block;
	width: 450px;
	margin-top: 0px;
	padding-top: 3px;
	padding-bottom: 4px;
}

.eventDate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 92%;
	line-height: 1.7em;
	color: #333333;
	margin-top: 5px;
}

.event {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.8em;
	color: #666666;
	text-decoration: none;
	display:block;
	margin-top: 0px;
}

.eventMonth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	color: #666666;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 8px;
	margin-left: 0em;
	margin-right: 0em;
	display:block;
}

.eventDec06 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	color: #666666;
	text-decoration: none;
	margin-top: 65px;
	margin-bottom: 8px;
	margin-left: 0em;
	margin-right: 0em;
	display:block;
}

.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.8em;
	color: #666666;
	text-decoration: none;
	display:block;
	margin-top: 2px;
}

.link2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.8em;
	color: #666666;
	text-decoration: none;
	display:block;
	margin-top: 40px;
}

.link3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.8em;
	color: #666666;
	text-decoration: none;
	display:block;
	margin-top: 60px;
}

/* My Comment */


/* styles for contact form */
form {
  margin: 10px 25px 0 60px;
  }
#name, #email {
  width: 200px;
  }
#message {
  width: 365px;
  height: 150px;
  }
label {
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	color: #666666;
  }
.warning {
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
  	color: #FF00FF;
  }
  
.contactDetails {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.6em;
	color: #333333;
	text-align: left;
	white-space: normal;
	display: block;
	margin-top: 150px;
	margin-left: 10px;
	margin-bottom: 7px;
	vertical-align: top;
}

.breaKSub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	color: #666666;
	text-decoration: none;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 0em;
	margin-right: 0em;
	display:block;
}

.breakDates td {
	padding-top: 3px;
	padding-right: 60px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.copywrite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.6em;
	color: #333333;
	text-align: left;
	white-space: normal;
	display: block;
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 7px;
	vertical-align: top;
}

.module {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 96%;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	color: #666666;
	width: 39.5em;
	vertical-align: top;

}

th {
	background-color: #e1efff;
}

.module td {
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 10px;
}

.module th {
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 10px;
}

table {
	border-collapse: collapse;
}

tr.odd {
	background-color: #e1efff;
}

tr.even {
	background-color: #e1ffed;
}