@charset "utf-8";
/* CSS Document */
/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	background-image: url(../images/bodyBG.jpg);
	background-repeat: repeat-x;
	color: #777f5c;
	}
	
body, form, table, span, img, button, iframe, ul, li, a, p  { margin:0; padding:0; border:0; }
table { text-align:left; margin: 0; padding: 0; border: 0;}
td {
	vertical-align: top;
	padding: 0px;
	float: left;
}

a {color: #00929f; text-decoration: none;}
a:hover {color: #78bec7; text-decoration: underline;}

p {color: #777f5c;}

.floatLeft { float: left; }
.floatRight { float: right; }
.visible { display: block; }
.hidden { display: none; }
.center {text-align: center;}

.adminH {
	color: #FF6600;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

.bordertop {
	border-top: 1px solid #ECEDC3;}
	
.borderBottom {
	border-bottom: 1px solid #ECEDC3;}

	
/* ############################################################  */
/* ################## TOP AND MAIN CONTAINERS ######################  */
/* ############################################################  */
div#container {
	width: 990px;
	margin: 40px auto 0px auto;
	position: relative;
	background-image: url();
	background-repeat: no-repeat;
	z-index: 0;
	}
	div#container div#top {
		width: 990px;
		height: 12px;
		background-image: url(../images/topBG.gif);
		background-repeat: no-repeat;
		}
	div#container div#middle {
		width: 990px;
		min-height: 580px;
		background-color: #ffffff;
		margin: 0;
		z-index: 1;
		position: relative;
		}

		div#container div#middle div#rightColumn {
			width: 100px;
			float: right;
			}
		
		div#middle div#homeTop {
			width: 990px;
			height: 290px;
			position: relative;
			z-index: 2;
			}
			div#homeTop div#homePics {
				width: 910px;
				height: 218px;
				position: absolute;
				top: 64px;
				left: 40px;
				z-index: 2;
				}
		div#middle div#homeMid {
			width: 910px;
			min-height: 310px;
			background-image: url(../images/homeMidBG.jpg);
			background-repeat: no-repeat;
			margin: 0px auto 0px auto;
			z-index: 2;
			}
			div#homeMid div.col1 {
				float: left;
				width: 255px;
				margin: 0px 13px 0px 18px;
				}
				div.col1 p {
					margin: 14px 0px 0px 0px;
					line-height: 184%;
					font-size: 80%;
					}
			div#homeMid div.col2 {
				float: left;
				width: 315px;
				margin: 0px 10px 3px 15px;
				}
								div.col2 p {
					margin: 9px 0px 9px 0px;
					line-height: 116%;
					font-size: 80%;
					}
				div.col2 table.schedTableSm {
					clear: both;
					width: 320px;
					margin: 0px 0px 0px 0px;
					#font-size: 80%;
					font-size: 95%;
					}
					table.schedTableSm td {
						padding: 4px 4px 4px 4px;
						}
			div#homeMid div.col3 {		
				float: left;
				width: 265px;
				margin: 0px 3px 3px 12px;
				}
				div.col3 p {
					margin: 9px 0px 9px 0px;
					line-height: 118%;
					font-size: 78%;
					}					
					
/* ####################################################  */
/* ############## SITE NAV SITE NAV SITE NAV ##################  */
/* #####################################################  */

div#siteNavHolder {
	position: absolute;
	top: 44px;
	left: 51px;
	z-index: 1;
	}
	div#siteNavHolder img#subLogo {
			position: absolute;
			left: 668px;
			top: -37px;
			#left: 659px;
			#top: -40px;
			}
div.newTopNav {
	position: relative;        /* establish a menu-relative positioning context */
	padding: 0; 
	width: 910px;
	height: 34px;
	z-index: 1;
	}
div.newTopNav ul {
	padding: 0px;
	margin: 0;
	border: 0;
	width: 910px;
	height: 34px;
	list-style-type: none;          /* we don't want to view the list as a list */
	}
div.newTopNav ul li {
	margin: 0;
	padding: 0;
	float: left;
	}
/*======================== TOP LEVEL YOUR ACCOUNTS DEFINITIONS ========================*/

div.newTopNav ul li ul {
	display: none;                  /* initially hide the entire list hierarchy */
	}
div.newTopNav ul li a,
div.newTopNav ul li a:visited {                    /* unselected top-level menu items */
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0;
	width: auto;
	height: 34px;
	font-weight: normal;
	z-index: 3;
	}
div.newTopNav ul li:hover a,
div.newTopNav ul li a:hover {                        /* selected top-level menu items */
	display: block;
	text-decoration: none;  
	padding: 0px 0px 0px 0px;
	margin: 0;
	width: auto;
	height: 34px;
	font-weight: bold;
	z-index: 3;
	}

/*======================== 2ND LEVEL YOUR ACCOUNTS DEFINITIONS ========================*/

div.newTopNav ul li:hover ul,
div.newTopNav ul li a:hover ul {         /* 2nd level drop-down box */
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	background: #dde097;
	z-index: 2;
	line-height: 15px;
	text-align: center;
	font-size: 70%;
	border-top: 2px solid #c3c7b8; 
	}
div.newTopNav ul li:hover ul li a,
div.newTopNav ul li a:hover ul li a {                   /* 2nd level unselected items */
	width: auto;
	height: 20px;
	border: 0;
	margin: 0;
	padding: 4px 0px 0px 0px;
	color: #00929f;               /* this sets the unselected drop-down text color */
	background: #dde097;       /* this sets the drop-down menu background color */
	text-decoration: none;
	font-weight: normal;
	z-index: 2;
	border-bottom: 1px solid #ffffff;
	}
div.newTopNav ul li:hover ul li:hover a,
div.newTopNav ul li a:hover ul li a:hover {                /* 2nd level selected item */
	width: auto;
	height: 20px;
	border: 0;
	margin: 0;
	padding: 4px 0px 0px 0px;
	color: #ffffff;                
	text-decoration: none;
	font-weight: normal;
	z-index: 2;
	border-bottom: 1px solid #ffffff;
	}
		
/* ######## HOME HOME HOME ##########  */

	div#homeBox {
		height: 445px;
		margin: 0px 0px 0px 30px;
		width: 960px;
		position: relative;
		}
		
/* ######## SUB PAGE STYLES ##########  */

	div#middle img.subPageHead {
		margin: 66px 0px 0px 40px;
		}
	div#middle img.subPageArt {
		margin: 32px 53px 0px 0px;
		float: right;
		}	
	div#middle img.subPageArtNoFloat {
		margin: 0px 0px 0px 0px;
		}	
	div.rightContentBox {
			margin: 22px 45px 0px 0px;
			width: 305px;
			padding: 0px;
			float:right;
			}
		div.rightBoxBorder {
			border-top: 1px solid #ECEDC3;
			margin: 18px 0px 0px 18px;
			width: 250px;
			padding: 10px;
			font-size: 80%;
			}
	
	div.rightContentBox p {
			margin: 0px 0px 9px 0px;
			line-height: 132%;
			font-size: 90%;
			}
						
	 table.subPageTable {
		width: 515px;
		margin: 12px 0px 0px 50px;
		}	
			
		table.subPageTable td p {
			margin: 0px 0px 9px 0px;
			line-height: 132%;
			font-size: 80%;
			margin: 5px 0px 5px 0px;
			}
			.Header {
				color: #C1CC30;
				font-size: 108%;
				font-weight: bold;
				margin: 18px 0px 0px 0px;
				}
			p.events {
				margin: 9px 0px 9px 0px;
				line-height: 116%;
				font-size: 84%;
				}
				
			img.subRule {
				margin: 9px 0px 0px 0px;
				}
			img.subRule2 {
				margin: 8px 0px 2px 0px;
				padding: 10px 0px 10px 0px;
				}
			img.eventArt {
				margin: 22px 18px 9px 0px;
				float: left;
				}
			img.storePic {
				margin: 5px 20px 5px 20px;
				}	
		
			table.subPageTable td p {
				margin: 0px 0px 9px 0px;
				line-height: 132%;
				font-size: 75%;
				}
				table.subPageTable td p.Header {
					color: #c1cc30;
					font-size: 108%;
					font-weight: bold;
					margin: 18px 0px 3px 0px;
					}
				table.subPageTable td p.events {
					margin: 9px 0px 9px 0px;
					line-height: 116%;
					font-size: 84%;
					}
				table.subPageTable td img.subRule {
					margin: 9px 0px 0px 0px;
					}

				table.subPageTable td img.eventArt {
					margin: 22px 15px 5px 0px;
					float: left;
					}
		
				table.eventTable {
				margin: 0px 0px 6px 0px;
				font-size: 80%;
				width: 300px;
							border-top: 1px solid #ECEDC3;
			border-bottom: 1px solid #ECEDC3;
				}
					
				table.eventTable td.col1 {
					padding: 4px 0px 4px 0px;
					color: #B2BC2D;
					width: 50px;
					}
								table.eventTable td.col2 {
					padding: 4px 0px 4px 0px;
					width: 250px;
					font-style: italic;

					}	
					
/* ######## SCHEDULE STYLES ##########  */
		
		table.subPageTable table.schedTable {
				width: 100%;
				margin: 20px 0px 5px 0px;
				font-size: 82%;
			}

				table.schedTable td.col2 {
				width: 15%;
				text-align:center;
				padding: 5px 0px 5px 0px;
				}
				table.schedTable td.col3 {
				width: 40%;
				padding: 5px 0px 5px 0px;
				}
				table.schedTable td.col4 {
				width: 45%;
				padding: 5px 0px 5px 0px;
				}
				table.schedTable img.newButton {
	margin: 0px 0px 0px 5px;
									}
			table.schedTable td.titleRow1 {
				font-weight: bold;
				letter-spacing: 0.05em;
				}
			table.schedTable td.titleRow2 {
				font-weight:bold;
				font-size: 85%;
				letter-spacing: 0.1em;
				padding-top: 10px;
				background-color: #DDE097;
				}
				
			 td.midRow {
			border-bottom: 1px solid #ECEDC3;
				}

			td.ruleRow {
	background-image: url(../images/subPageRule.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	text-align:center;
	width: 535px;
				}
				
/* ######## ADMIN TABLE ##########  */
table.adminTable {
				width: 100%;
				margin: 20px 0px 5px 0px;
				font-size: 82%;
			}	

table.adminTable td {
				padding: 5px 0px 5px 0px;
			}
		
img.adminButton {
	margin: 5px 5px 5px 5px;
	vertical-align: middle;
				}

/* ######## LISTS ##########  */

	
				ul.yellowList {
					margin: 9px 0px 0px 18px;
					list-style-image: url(../images/yellowList-bullet.gif);
					font-size: 90%;
					}
					ul.yellowList li {
						margin: 4px 0px 4px 0px;
						list-style-image: url(../images/yellowList-bullet.gif);
						padding: 2px 0px 2px 0px;
						}
				ul.tealList {
					margin: 9px 0px 9px 18px;
					list-style-image: url(../images/tealList-bullet.gif);
					font-size: 80%;
					}
				ul.tealList li {
						margin: 4px 0px 4px 0px;
						list-style-image: url(../images/tealList-bullet.gif);
						}
		
/* ######## FOOTER FOOTER ##########  */

	div#footer {
		clear: both;
		font-size: 76%;
		width: 990px;
		padding: 35px 0px 0px 36px;
		margin: 0px 0px 24px 0px;
		text-align: center;
		}
		div#footer img.footerRule {
			margin: 0px 0px 8px 0px;
			}
		div#footer span.breakerBar {
			margin: 0px 6px 0px 6px;
			}
			div#footer a {
				margin: 0px 3px 0px 3px;
				}
				div#footer a:hover {
					text-decoration:underline;
					}
		
/* #####################################################  */
/* ######## BUTTON AND FORM STYLES BUTTON FORM STYLES ##########  */
/* #####################################################  */

span.btn-learnMore {
	background-image: url();
	background-repeat: no-repeat;
	width: 166px;
	height: 17px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 88%;
	padding: 3px 4px 0px 21px;
	#padding: 2px 4px 0px 21px;
	margin: 4px 0px 0px 0px;
	display: block;
	}
	span.btn-learnMore a {
		color: #ffffff;
		}
	span.btn-learnMore a:hover {
		color: #ffffff;
		text-decoration: underline;
		}
	
input.checkbox, input[type="checkbox"],
input.radio, input[type="radio"] {
	margin: 0;
	padding: 0;
	}
input.text, input[type="text"], .inputText {
	border: 1px solid #716f35;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 92%;
	}


/* #####################################################  */
/* ######## MARGINS AND PADDINGS MARGINS AND MARGINS ##########  */
/* #####################################################  */	

/* margins  */
.marginAll6px { margin: 6px; }
.marginAll12px { margin: 12px; }
.marginTop16px { margin-top: 16px;}
.marginRight5px { margin-right: 5px;}
.marginRight15px { margin-right: 15px;}
.marginRight25px { margin-right: 25px;}
.marginLeft10px { margin-left: 10px;}
.marginLeft12px { margin-left: 12px;}
	
/* paddings  */	
.paddingAll6px { padding: 6px;}
.paddingAll12px { padding: 12px;}
.paddingLeft12px {padding: 0px 0px 0px 12px;}
.paddingLeft6px {padding: 0px 0px 0px 6px;}
.paddingRight35px {padding: 35px;}
.paddingRight9px {padding: 0px 9px 0px 0px;}
	
/* #####################################################  */
/* ################### FONTS FONTS FONTS ###################  */
/* #####################################################  */	

.times {font-family: "Times New Roman", Times, serif;}
.bold { font-weight:bold;}
.italic { font-style: italic;}
.normal { font-weight: normal;}

.red { color: #b01116; }
.green { color: #13a400; }
.yellow {color: #B2BC2D;}
.greyMedium { color: #696565; }
span.superscript { font-size: 76%;vertical-align: text-top;}

.font08px {font-size: 72%;}
.font09px {font-size: 76%;}
.font10px {font-size: 84%;}
.font11px {font-size: 92%;}
.font12px {font-size: 100%;}
.font13px {font-size: 108%;}
.font14px {font-size: 116%;}
.font15px {font-size: 124%;}
.font16px {font-size: 132%;}
.font17px {font-size: 140%;}



/* Add News Style 042/04/2010  */

#teachers-box-container {
	width: 888px;
	margin: 0 auto;
}

.mainText {
	width: 888px;
	font-size: 12px;
	color: #777f65;
	margin: 10px 0 22px 0;
	line-height: 18px;
	font-weight: bold;
}

.teachers-img-box {
	width: 116px;
	height: 170px;
	float: left;
	margin: 0 38px 0px 0;
	display: inline;

}

.marginNone {
	margin: 0;
	float: right;
	}

.teachers-img-box a {
	font: 15px Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
.alignCenter {
	text-align: center;
	padding: 5px 0 0 0;
	}
	
.clear {
	clear: both;
	}
	
.teacherInfobox {
	padding: 0 0 35px 0;
	margin: 0 0 35px 0;
	background: url(../images/separator.jpg) no-repeat bottom center;
	}
	
.favoritePose {
	width: 263px;
	float: left;
	}
	
.teacherInfoContent {
	width: 600px;
	float: right;
	}
	
.teacherInfoContent p {
	font-size: 13px;
	line-height: 18px;
	}

.teacherInfoContent h2 {
	font-size: 20px;
	color: #cdd559;
	margin: 0;
	padding: 0 0 5px 0;
	}
	
.teacherInfoContent h3 {
	font-size: 14px;
	color: #cdd559;
	margin: 0;
	padding: 20px 0 5px 0;
	}
	 
.TopLink {
	font-size: 13px;
	margin: 10px 0 0 0;
	}
	
.TopLink a {
	font-weight: bold;
	}
	 
	
.separatorLine {
	background: url(../images/separator.jpg) center no-repeat;
	height: 2px;
	padding: 20px 0 40px 0;
	clear: both;
	}
	
.Green-Heading-box {
	position: relative;
	}
	
.btn-registration {
	position: absolute;
	z-index: 10;
	top: 78px;
	right: 55px;
	}
	
#balck-box-home {
	width: 909px;
	height: 70px;
	margin: 5px auto 15px auto;
	background: url(../images/balck-box-home.gif) no-repeat;
	position: relative;
	}
	
#balck-box-home #btn-online-classs-home {
	width: 269px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 15px;
	}
	
#balck-box-home #studio-newsletter-text {
	position: absolute;
	left: 300px;
	top: 8px;
	}
	
#balck-box-home input {
	position: absolute;
	top: 19px;
	right: 120px;
	border: none;
	background: #f3f3d9;
	font-size: 19px;
	color: #777f5c;
	padding: 5px;
	width: 200px;
	}
	
#balck-box-home button {
	width: 97px;
	height: 45px;
	border: none;
	background: url(../images/btn-sign-up.jpg) no-repeat;
	position: absolute;
	top: 14px;
	right: 15px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	}