/**************** menu coding *****************/

body {
	background-image:url(images/background.gif);
	background-repeat:repeat;
	background-position:top;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	}
	
#pageContainer {
	position: relative;
	width: 1000px;
	height:auto;
	text-align: left;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	background-color: transparent;
	background-image: url(images/layout_repeat_bg.png);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: left top;
	clear:both;
	z-index:2;
	}
	
#header {
	background-color: transparent;
	background-image:url(images/Header.gif);
	position: relative;
	padding-top: 0pt;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0pt;
	margin-right: 12px;
	margin-bottom: 0pt;
	margin-left: 14px;
	width: 972px;
	height:97px;
	display:block;
	text-align:right;
	font-family:"Times New Roman", Times, serif;
	font-size:10px;
	z-index:2;
	}
	
#bottopheader {
	position: relative;
	width: 1000px;
	display:block;
	text-align: left;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	background-color:transparent;
	z-index:1;
	}
	
#pageContent {
	background-color: transparent;
	position: relative;
	padding-top: 0pt;
	padding-right: 0px;
	padding-bottom: 0pt;
	padding-left: 5px;
	margin-top: 0pt;
	margin-right: 12px;
	margin-bottom: 0pt;
	margin-left: 14px;
	width: 972px;
	height:100%;
	background-image:url(images/background_center.gif);
	background-repeat:repeat-y;
	}

#leftContent {
	width:450px;
	min-height:300px;
	padding:10px;
	position:relative;
	display:block;
	text-align:justify;
	font-size:12px;
	top:0;
	float:left;
	
	}
	
#rightContent {
	width:436px;
	position:relative;
	display:block;
	float:right;
	text-align:justify;
	}	
	
#subContent {
	position: relative;
	padding-top: 0pt;
	padding-right: 0px;
	padding-bottom: 0pt;
	padding-left: 0px;
	width: 962px;
	z-index:500;
	clear:both;
	}

	
.welcomeContent {
	position:relative; 
	top:85px; 
	left:37px; 
	width:915px;
	height:224px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#welcome {
	position: relative; 
	display:block; 
	background-image:url(images/welcome.png);
	width:975px;
	height:244px;;
	left:-23px;
	}
	
#aboutus {
	position: relative; 
	display:block; 
	background-image:url(images/aboutus.png);
	width:975px;
	height:370px;
	left:-23px;
	}

.aboutusContent {
	position:relative; 
	top:85px; 
	left:37px; 
	width:915px;
	height:260px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#teachers {
	position: relative; 
	display:block; 
	background-image:url(images/teachers.png);
	width:975px;
	height:475px;
	left:-23px;
	}
	
.teachersContent {
	position:relative; 
	top:75px; 
	left:260px; 
	width:686px;
	height:370px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:5px;
	}
	
.ashtangaContent {
	position:relative; 
	top:85px; 
	left:37px; 
	width:915px;
	height:250px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#ashtanga {
	position: relative; 
	display:block; 
	background-image:url(images/ashtanga.png);
	width:975px;
	height:370px;
	left:-23px;
	}
	
.guidelinesContent {
	position:relative; 
	top:85px; 
	left:37px; 
	width:915px;
	height:315px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#guidelines {
	position: relative; 
	display:block; 
	background-image:url(images/guidelines.png);
	width:975px;
	height:451px;
	left:-23px;
	}
	
.newtoyogaContent {
	position:relative; 
	top:85px; 
	left:37px; 
	width:915px;
	height:224px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#newtoyoga {
	position: relative; 
	display:block; 
	background-image:url(images/newtoyoga.png);
	width:975px;
	height:244px;;
	left:-23px;
	}
	

	
#gettingstarted {
	position: relative; 
	display:block; 
	background-image:url(images/gettingstarted.png);
	width:975px;
	height:556px;
	left:-23px;
	}

.gettingstartedContent {
	position:relative; 
	top:65px; 
	left:37px; 
	width:915px;
	height:456px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#benefits {
	position: relative; 
	display:block; 
	background-image:url(images/benefitsofyoga.png);
	width:975px;
	height:494px;
	left:-23px;
	}

.benefitsContent {
	position:relative; 
	top:60px; 
	left:37px; 
	width:915px;
	height:474x; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}

#resources {
	position: relative; 
	display:block; 
	background-image:url(images/resources.png);
	width:975px;
	height:425px;
	left:-23px;
	}

.resourcesContent {
	position:relative; 
	top:85px; 
	left:37px; 
	width:915px;
	height:316px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#faqs {
	position: relative; 
	display:block; 
	background-image:url(images/faqs.png);
	width:975px;
	height:557px;
	left:-23px;
	}

.faqsContent {
	position:relative; 
	top:85px; 
	left:37px; 
	width:915px;
	height:457px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}

.intorontoContent {
	position:relative; 
	top:105px; 
	left:37px; 
	width:915px;
	height:224px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#intoronto {
	position: relative; 
	display:block; 
	background-image:url(images/toronto.png);
	width:975px;
	height:244px;;
	left:-23px;
	}
	
.studioclassesContent {
	position:relative; 
	top:80px; 
	left:37px; 
	width:915px;
	height:430px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#studioclasses {
	position: relative; 
	display:block; 
	background-image:url(images/studioclasses.png);
	width:975px;
	height:543px;;
	left:-23px;
	}
	
.privatelessonsContent {
	position:relative; 
	top:60px; 
	left:37px; 
	width:915px;
	height:532px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#privatelessons {
	position: relative; 
	display:block; 
	background-image:url(images/privatelessons.png);
	width:975px;
	height:621px;;
	left:-23px;
	}
	
.muskokaContent {
	position:relative; 
	top:85px; 
	left:37px; 
	width:915px;
	height:224px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#muskoka {
	position: relative; 
	display:block; 
	background-image:url(images/muskoka.png);
	width:975px;
	height:244px;;
	left:-23px;
	}
	
.lakeofbaysContent {
	position:relative; 
	top:95px; 
	left:37px; 
	width:915px;
	height:197px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#lakeofbays {
	position: relative; 
	display:block; 
	background-image:url(images/lakeofbays.png);
	width:975px;
	height:325px;;
	left:-23px;
	}

.scheduleContent {
	position:relative; 
	top:85px; 
	left:37px; 
	width:915px;
	height:385px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#schedule {
	position: relative; 
	display:block; 
	background-image:url(images/schedule.png);
	width:975px;
	height:490px;
	left:-23px;
	}

.classdescriptionsContent {
	position:relative; 
	top:75px; 
	left:37px; 
	width:915px;
	height:437px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#classdescriptions {
	position: relative; 
	display:block; 
	background-image:url(images/classdescriptions.png);
	width:975px;
	height:542px;;
	left:-23px;
	}

.feesandlocationContent {
	position:relative; 
	top:75px; 
	left:37px; 
	width:915px;
	height:709px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#feesandlocation {
	position: relative; 
	display:block; 
	background-image:url(images/feesandlocation.png);
	width:975px;
	height:809px;
	left:-23px;
	}

.communityContent {
	position:relative; 
	top:85px; 
	left:37px; 
	width:915px;
	height:224px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#community {
	position: relative; 
	display:block; 
	background-image:url(images/community.png);
	width:975px;
	height:244px;;
	left:-23px;
	}
	
.inspirationContent {
	position:relative; 
	top:85px; 
	left:37px; 
	width:915px;
	height:422px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#inspiration {
	position: relative; 
	display:block; 
	background-image:url(images/inspiration.png);
	width:975px;
	height:533px;
	left:-23px;
	}
	
.thanksContent {
	position:relative; 
	top:85px; 
	left:37px; 
	width:915px;
	height:315px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#thanks {
	position: relative; 
	display:block; 
	background-image:url(images/thanks.png);
	width:975px;
	height:451px;
	left:-23px;
	}
	
.oopsContent {
	position:relative; 
	top:85px; 
	left:37px; 
	width:915px;
	height:315px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
#oops {
	position: relative; 
	display:block; 
	background-image:url(images/oops.png);
	width:975px;
	height:451px;
	left:-23px;
	}


#news {
	position: relative; 
	display:block; 
	background-image:url(images/news.png); 
	width:547px; 
	height:271px;
	left:-35px;
	}

.newsContent {
	position:relative; 
	top:72px; 
	left:45px; 
	width:470px;
	height:175px; 
	overflow-y:auto; 
	overflow-x:none;
	padding-right:2px;
	}
	
.newsTitle {
	font-size:13px; 
	font-family:Helvetica, Arial, sans-serif; 
	font-weight:bold; 
	color:#666600;
	}
	
.newsTitle a {
	font-size:13px; 
	font-family:Helvetica, Arial, sans-serif; 
	font-weight:bold; 
	color:#666600;
	outline:none;
	}
	
.newsTitle a:visited {
	font-size:13px; 
	font-family:Helvetica, Arial, sans-serif; 
	font-weight:bold; 
	color:#666600;
	outline:none;
	}

.newsTitle a:hover {
	color:#ff6600;
	outline:none;
	
	}

.newsBody {
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	padding-top:3px; 
	color:#3f3f3f;
	}
	
.maincontentBody {
	font-size:13px; 
	font-family:Arial, Helvetica, sans-serif; 
	padding-top:3px; 
	color:#3f3f3f;
	line-height:15pt;
	}
	
.quote {
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color:#666600;
	}
		
	
.leaves {
	position:absolute;
	width:244px;
	height:384px;
	left:50%;
	margin-left:-538px;
	z-index:0;
	top:22px;
	}
	
.leavesright {
	position:absolute;
	width:244px;
	height:384px;
	left:50%;
	margin-left:460px;
	z-index:0;
	top:22px;
	}
	
.header_top {
	width: 1000px;
	height: 22px;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	background-color: transparent;
	background-image: url(images/layout_repeat_bg_top.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	}

.newsHeader {
	color:#146c5c; 
	font-size:40px;
	font-weight:bold;
	}
	
.newsContentHeadings {
	color:#146c5c; 
	font-size:14px;
	font-weight:bold;
	}
	
.contactHeadings {
	color:#ff6600;
	font-size:16px;
	font-family: Helvetica, Arial, sans-serif;
	}
	
.formContact {
	background-color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding-left:5px;
	}



h2 {
	color:#146c5c;
	font-size:40px;
	}
	
a, a:visited, .toplink {
	color:#5e5b57;
	text-decoration:none;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	outline:none;
	}
	
.small {
	color:#5e5b57;
	text-decoration:none;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	
a:hover, a:active {
	color:#ff6600;
	
	}

#menu {
	width: auto;
	float: left;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	float: left;
}

.logo {
	position:relative;
	float:left;
	margin-top:-12px;
	margin-left:-32px;
	}
	
.logosmall {
	position:absolute;
	float:left;
	margin-top:0px;
	z-index:502;
	left: 305px;
	top: 32px;
	}

#menu a, #menu h2 {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	border-width: 0px;
	margin: 0;
	padding: 0px;
	outline:none;
}

#menu h2 {
	color: #fff;
	background-image:url(images/menu_backgrounds.png);
	background-color:#f97116;
	background-repeat:repeat;
	text-transform: uppercase;
}



#menu a {
	text-decoration: none;
	color: #FFFEFF;
	outline:0;
}

#menu a:hover {
	color: #666666;
	background: #fff;
	outline:none;
}

#menu li li {
	position: relative;
	width: auto;
	margin-left: 0px;
	padding:1px;
	background-color:#f97116;
	background-image:url(images/menu_backgrounds.png);
	background-repeat:repeat;
}

#menu li {
	background-image:url(images/menu_backgrounds.png);
	background-repeat:repeat;
	background-color:#f97116;

	}

#menu ul ul {
position: absolute;
z-index: 500;
border: 1px solid #FFFFFF;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}