@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; }
html { background-color: #fdbb30; }
body { background-color: #ffffff; }
p { margin: 0px; padding: 0px; }
textarea { font-family: Verdana, Arial; }

h1 { font-size: 13px; font-weight: bold; margin: 0px 0px 10px 0px; }

a:focus, a:hover, a:active { outline:none }

a {
	color: #d80803;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

#container {
	width: 979px;
	margin: 0px auto 0px auto;
	padding-top: 11px;
	background: url(../images/index-v1_03.jpg) top left no-repeat;
}

#content {
	width: 825px;
	margin-left: 77px;
	font: 12px Verdana, Arial;
	color: #6d6d6d;
	line-height: 20px;
	text-align: justify;
}

/********HEADER*********/
#header {
	width: 825px;
	margin: 0px;
	padding: 0px 0px 8px 0px;
}
	
	#header #logo {
		float: left;
		display: inline;
		width: 414px;
		margin: 10px 0px 0px 7px;
	}
	
	#header #contact {
		float: right;
		display: inline;
		margin: 15px 5px 0px 0px;
		text-align: right;
	}
	
		#header #contact #phone {
			float: right;
			display: inline;
			margin-bottom: 10px;
			font: bold 20px Verdana, Arial;
			color: #d80803;
			text-align: right;
		}
		
		#header #contact #address {
			float: right;
			display: inline;
			font: 14px Verdana, Arial;
			color: #888787;
			line-height: 17px;
		}
		
			#header #contact #address a {
				font-size: 12px;
				color: #c50803;
			}
			
			#header #contact #address a:hover { text-decoration: underline; }
			
	#header #nav {
		float: left;
		display: inline;
		width: 825px;
		height: 30px;
		margin: 15px 0px 5px 0px;
		padding: 3px 0px 3px 0px;
		background: url(../images/index-v1_10.jpg) no-repeat;
	}
	
		#header #nav ul {
			list-style: none;
			margin: 1px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			text-align: center;
		}
		
			#header #nav ul li {
				display: inline;
				padding: 2px 0px 4px 0px;
				margin: 0px;
				border-right: solid 1px #a2a2a2;
			}
			
			#header #nav ul li.none {
				padding: 0px;
				margin: 0px;
				border: none;
			}
	
			#header #nav ul li a {
				padding: 5px 33px 5px 31px;
				font: bold 14px Verdana, Arial;
				color: #6d6d6d;
				text-decoration: none;
			}
		
			#header #nav a:hover { color: #d80803; }
			
/********BODY*********/
#indexCopy {
	float: left;
	display: inline;
	width: 823px;
	margin: 15px 0px 0px 0px;
}

	#indexCopy #top {
		width: 823px;
		height: 6px;
		background: url(../images/index-v1_24.jpg) no-repeat;
	}
	
	#indexCopy #middle {
		background: url(../images/index-v1_25.jpg) repeat-y;
		padding: 5px 15px 10px 15px;
	}
	
		#indexCopy #middle #slideshowIndex {
			float: right;
			display: inline;
			width: 248px;
			height: 164px;
			margin: 5px 0px 10px 15px;
		}
	
	#indexCopy #bottom {
		width: 823px;
		height: 6px;
		background: url(../images/index-v1_27.jpg) no-repeat;
	}
	
#classSchedule {
	float: left;
	display: inline;
	width: 543px;
	margin: 15px 0px 0px 0px;
	text-align: left;
}

	#classSchedule #top {
		width: 543px;
		height: 23px;
		background: url(../images/index-v1_29.jpg) no-repeat;
		font-weight: bold; font-size: 14px;
		color: #ffffff;
		padding: 0px 2px 0px 8px;
	}
	
		#classSchedule #top p { padding-top: 2px; }
	
	#classSchedule #middle {
		background: url(../images/index-v1_31.jpg) repeat-y;
	}
	
		#classSchedule #middle #calendar {
			/** background: url(../images/index-v1_34.jpg) bottom right no-repeat; **/
			padding: 10px 15px 10px 15px;
		}
		
			#classSchedule #middle #calendar #left {
				float: left;
				display: inline;
				width: 428px;
			}
			
			#classSchedule #middle #calendar #right {
				float: right;
				display: inline;
				width: 85px;
			}
		
			#classSchedule #middle #calendar .indent { margin-left: 15px; }
			
			#classSchedule #middle #calendar .calendarTable {
				border: 1px solid #CCCCCC;
				border-top: none;
				border-right: none;
				line-height: 15px;
			}
			
			#classSchedule #middle #calendar .calendarTable td {
				padding: 5px;
				border: 1px solid #CCCCCC;
				border-left: none;
				border-bottom: none;
				text-align: center;
			}
			
			#classSchedule #middle #calendar .calendarTable .day { font-size: 11px; }
		
	#classSchedule #bottom {
		width: 543px;
		height: 7px;
		background: url(../images/index-v1_35.jpg) no-repeat;
	}
	
#holidayClassSchedule {
	float: left;
	display: inline;
	width: 265px;
	text-align: left;
	margin-bottom: 20px;
}

	#holidayClassSchedule #top {
		width: 259px;
		height: 23px;
		background: url(../images/index-v1_40.jpg) no-repeat;
		padding: 0px 2px 0px 4px;
	}
	
		#holidayClassSchedule #top p {
			padding-top: 3px;
			font-weight: bold; font-size: 14px;
			color: #ffffff;
		}
	
	#holidayClassSchedule #middle {
		padding: 7px 10px 7px 10px;
		color: #c30101;
		background: url(../images/index-v1_41.jpg) repeat-y;
	}
	
		#holidayClassSchedule #middle p { margin-bottom: 12px; }
	
	#holidayClassSchedule #bottom {
		width: 265;
		height: 5px;
		background: url(../images/index-v1_42.jpg) no-repeat;
	}
	
#homeRight {
	float: left;
	display: inline;
	width: 265px;
	margin: 15px 0px 0px 15px;
}

	#homeRight .entry { margin: 0px 0px 20px 0px; }
	
	#homeRight p {
		font-size: 11px;
		line-height: 14px;
		padding: 5px 5px 0px 5px;
	}
	
#copyInner {
	float: left;
	display: inline;
	width: 543px;
	margin: 0px 0px 15px 0px;
}

	#copyInner #top {
		width: 543px;
		height: 7px;
		background: url(../images/aboutOPY-v1_03.jpg) no-repeat;
	}
	
	#copyInner #middle {
		background: url(../images/aboutOPY-v1_05.jpg) repeat-y;
		padding: 5px 15px 10px 15px;
	}
	
			#copyInner #middle #form {
				float: left;
				display: inline;
				width: 264px;
				margin: 0px 13px 0px 0px;
			}
			
				#copyInner #middle #form input[type=text],
				#copyInner #middle #form textarea {
					float: left;
					display: inline;
					width: 256px;
					margin-bottom: 7px;
					padding: 5px 3px 5px 3px;
					border: 1px solid #bebebe;
					font-size: 10px;
					color: #6c6c6c;
				}
				
				#copyInner #middle #form textarea {
					height: 103px;
					width: 258px;
					padding-left: 2px;
					font-size: 11px;
				}
				
				#copyInner #middle #form input[type=submit] {
					float: right;
					display: inline;
					width: 72px;
					height: 19px;
					border: none;
					background-color: #DFDFDF;
					background-image: url(../images/contact-v1_07.jpg);
				}
				
				#copyInner #middle #form select {
					float: left;
					display: inline;
					margin-bottom: 8px;
				}

	
		#copyInner #middle #faq p { margin: 0px 0px 20px 0px; }
		
		#copyInner #middle #faq ul {
				margin: 0px 0px 10px 0px;
				padding: 0px;
				list-style-type: none;
		}
		
		#copyInner #middle #faq li {
			background-image: url(../images/bullett.png);
			background-repeat: no-repeat;
			background-position: 0px 6px;
			margin-bottom: 5px;
			padding-left: 15px;
			line-height: 17px;
		}
		
		#copyInner #middle #faq li a {
			color: #d80803;
			text-decoration: none;
		}
		
		#copyInner #middle #faq li a:hover { text-decoration: underline; }
		
		#copyInner #middle #contact {
			float: left;
			display: inline;
			margin: 10px 0px 0px 0px;
		}
						
			#copyInner #middle #contact #right {
				float: left;
				display: inline;
				width: 235px;
				line-height: 15px;
			}
			
				#copyInner #middle #contact #right p { margin: 0px 0px 15px 0px; }
				#copyInner #middle #contact #right p .bottom { margin: 0px; }
				
			#copyInner #middle .row {
				float: left;
				display: inline;
				width: 513px;
				margin: 15px 0px 0px 0px;
				text-align: left;
			}
			
			#copyInner #middle .price {
				float: left;
				display: inline;
				width: 55px;
				margin: 0px 10px 0px 0px;
				font-size: 18px;
				font-weight: bold;
				color: #d80803;
			}
			
			#copyInner #middle .description {
				float: left;
				display: inline;
				width: 345px;
				margin: 2px 0px 0px 0px;
				line-height: 15px;
			}
			
			#copyInner #middle .payNow {
				float: right;
				display: inline;
				width: 63px;
			}
			
		#copyInner #middle #sitemap ul {
			margin: 0px 0px 0px 0px;
			padding: 0px;
			list-style-type: none;
		}
		
		#copyInner #middle #sitemap li {
			background-image: url(../images/bullett.png);
			background-repeat: no-repeat;
			background-position: 0px 6px;
			padding-left: 15px;
			line-height: 20px;
		}
		
		#copyInner #middle #sitemap li a {
			color: #d80803;
			text-decoration: none;
		}
		
		#copyInner #middle #sitemap li a:hover { text-decoration: underline; }
	
	#copyInner #bottom {
		width: 543px;
		height: 7px;
		background: url(../images/aboutOPY-v1_07.jpg) no-repeat;
	}
	
#aboutCol1 {
	float: left;
	display: inline;
	width: 264px;
	margin: 0px 15px 0px 0px;
}

#aboutCol2 {
	float: left;
	display: inline;
	width: 264px;
	margin: 0px;
}
	
#cta {
	float: left;
	display: inline;
	width: 264px;
	margin: 0px 0px 0px 15px;
}

#contentInner {
	float: left;
	display: inline;
	width: 543px;
}

.photoThumb {
	float: left;
	display: inline;
	width: 120px;
	margin: 0px 10px 20px 0px;
	text-align: center;
	line-height: 14px;
}

	.photoThumb a:hover img { text-decoration: none; }
	
/********FOOTER*********/
#footer {
	width: 100%;
	margin-top: 40px;
	padding: 3px 0px 40px 0px;
	background: url(../images/backgroundFooter.jpg) top repeat-x;
	background-color: #fdbb30;
	font: 11px Verdana, Arial;
	color: #444444;
	line-height: 18px;
}
	
	#footer .copyright {
		margin-top: 15px;
		line-height: 14px;
		font-size: 11px;
	}

	#footer #container {
		width: 825px;
		margin: 0px auto 0px auto;
		background: url(../images/backgroundFooterLogo.jpg) top left no-repeat;
	}
		
		#footer #container #left {
			float: left;
			display: inline;
			width: 264px;
			margin-right: 15px;
		}
		
			#footer #container #left ul {
				margin: 0px 0px 10px 0px;
				padding: 0px;
				list-style-type: none;
			}
			
			#footer #container #left li {
				background-image: url(../images/bullett.png);
				background-repeat: no-repeat;
				background-position: 0px 7px;
				padding-left: 10px;
			}
		
		#footer #container #middle {
			float: left;
			display: inline;
			width: 264px;
			margin-right: 15px;
		}
		
			#footer #container #middle #header {
				width: 264px;
				height: 22px;
				margin: 0px;
				padding: 0px;
				background: url(../images/footerContactHeader.jpg) top no-repeat;
				font-weight: bold; font-size: 12px;
				color: #ffffff;
			}
			
				#footer #container #middle #header p { padding: 2px 0px 0px 6px; }
				
			#footer #container #middle input[type=text],
			#footer #container #middle textarea {
				float: left;
				display: inline;
				width: 256px;
				margin-bottom: 4px;
				padding: 5px 3px 5px 3px;
				border: 1px solid #bebebe;
				font-size: 10px;
				color: #6c6c6c;
			}
			
			#footer #container #middle textarea {
				height: 103px;
				width: 258px;
				padding-left: 2px;
				font-size: 11px;
			}
			
			#footer #container #middle input[type=submit] {
				float: right;
				display: inline;
				width: 72px;
				height: 19px;
				border: none;
				background-color: #DFDFDF;
				background-image: url(../images/footerSubmit.jpg);
			}
			
		#footer #container #right {
			float: left;
			display: inline;
			width: 264px;
		}
				
/********CLASSES*********/
.clear { clear: both; }

.ctaHome {
	float: left;
	display: inline;
	width: 264px;
	height: 130px;
}

.ctaInner {
	float: left;
	display: inline;
	width: 264px;
	height: 130px;
	margin: 0px 0px 15px 0px;
}

.bottom { margin-bottom: 20px; }

.bio {
	float: left;
	display: inline;
	width: 512px;
	margin: 15px 0px 0px 0px;
}

.bioBottom {
	float: left;
	display: inline;
	width: 512px;
	margin: 15px 0px 0px 0px;
	border-bottom: 1px solid #d3d4d4;
}

	.bio .pic,
	.bioBottom .pic {
		float: left;
		display: inline;
		width: 94px;
		margin: 0px 15px 0px 0px;
	}
	
		.bio .pic p,
		.bioBottom .pic p {
			margin: 5px 0px 0px 0px;
			text-align: center;
			font-size: 11px;
			font-weight: bold;
			line-height: 11px;
		}
	
	.bio .copy,
	.bioBottom .copy {
		float: left;
		display: inline;
		width: 403px;
	}