@import url('reset.css');
/* CSS Document */

body {
	background:#ededed;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: arial, "Tahoma", helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 2.20;
	}

a {
	color: #0a64f6;
	line-height: 180%;
	text-decoration: none;
	outline:none;
	}
	
a:hover {
	text-decoration:underline;
	color: #0a64f6;
	line-height: 180%;
}

a:visited {
	color: #0a64f6;
	line-height: 180%;
	text-decoration: none;
	}


#mainPageHolder {
	position:relative;
	width:100%;
	margin:0;
	text-align:center;
	z-index:0;
}

#header {
	text-align:center;
	background:#bbbab1 url('../images/headerBkg.gif') repeat-x;
	height:156px;
	position:relative;
	z-index:1;
	}

#headerWrapper {
	width:960px;
	text-align:left;
	position:relative;
	padding:0;
	margin:auto;
}

.adultClassImage {
	text-align:center;
}

#content {
	text-align:center;
	background:#ededed;
	height:900px;
	position:relative;
	z-index:0;
	/*border:1px solid #000;*/
}

#contentAbout {
	text-align:center;
	background:#ededed;
	height:800px;
	position:relative;
	z-index:0;
	/*border:1px solid #000;*/
}
#contentAboutColleen {
	text-align:center;
	background:#ededed;
	height:1000px;
	position:relative;
	z-index:0;
	/*border:1px solid #000;*/
}

#wrapper {
	width:960px;	
	text-align:left;
	position:relative;
	padding:0;
	margin:auto;
}

#indexBottom {
	width:900px;	
	text-align:left;
	padding:15px 0 0 0;
	margin:auto;
	float:left;
}

#classBottom {
	width:700px;	
	text-align:left;
	position:relative;
	padding:15px 0 0 0;
	margin:auto;
	float:left;
	height:400px;
}

.col1Class	{width:210px;padding:0px 4px 0 4px; float:left; margin:10px 6px 5px 0; border-bottom:1px solid #4d4d4d; height:207px;}
.col2Class	{width:210px;padding:0px 4px 0 4px;  position:relative;float:left; margin:10px 6px 5px 6px; border-bottom:1px solid #4d4d4d; height:207px;}
.col3Class	{width:210px;padding:0px 4px 0 4px; position:relative; float:left; margin:10px 0 5px 6px; border-bottom:1px solid #4d4d4d; height:165px;}
.col1Class2	{width:322px;padding:0px 4px 0 4px; float:left; margin:10px 6px 5px 0;  height:255px;}
.col2Class2	{width:322px;padding:0px 4px 0 4px;  position:relative;float:left; margin:10px 6px 5px 6px;  height:255px;}


.colPicture {width:350px;padding:0px 6px 0 6px; float:left; text-align:center;}
.colClassChildren {width:300px;padding:0px 6px 0 6px; float:left; margin-top:10px; margin-bottom:10px; }
.colStudentPicture {width:700px;padding:0px 6px 0 6px; float:left;}
.colStudentPictureAlign {
	text-align:center;
}


.col1 		{ width:280px;padding:0px 12px 0 0px; float:left; margin-top:10px; margin-bottom:10px; }
.col2 		{width:280px;padding:0px 12px 0 12px;  float:left; margin-top:10px; margin-bottom:10px;}
.col3 		{width:280px;padding:0px 0px 0 12px;  float:left; margin-top:10px; margin-bottom:10px;}
.col2Span	{ width:500px; float:right; margin-top:10px;}
.col2Span ul { list-style:none; margin-left:0;}
.col2Span ul li {background:url(images/bullet.gif) 0 5px no-repeat; margin-bottom:10px; padding-left:15px;}
.sub .col3 {border-bottom:1px dashed #5e8f13; padding-bottom:15px;}
.sub .col2 {border-bottom:1px dashed #5e8f13; padding-bottom:15px;}
.sub .col1 {border-bottom:1px dashed #5e8f13; padding-bottom:15px;}
.sub .last { border:none;}
.heading { border-bottom:1px solid #4d4d4d; border-top:1px solid #4d4d4d;  display:block; color:#0a64f6; margin-bottom:0.5em; padding:3px 0 5px 0;  }
.readmore {padding:3px 0 3px 20px; display:block; margin-top:5px;}
/*---------Index layout---*/
#contentIndexRight {
	width:400px;
	padding:0 10px 10px 0;
	float:left;
	position:relative;
	display:block;
}
#contentIndexLeftTop {
	width:235px;
	padding:0 5px 10px 0;
	float:left;
	position:relative;
	height:300px;
}
#contentIndexMiddleTop {
	width:710px;
	padding:0 0 10px 10px;
	float:left;
	position:relative;
	height:300px;
}
#contentIndexRightTop {
	width:350px;
	padding:0 0 0 10px;
	float:left;
	position:relative;
}

#contentIndexLeftBottom{
	width:560px;
	padding:0 5px 10px 10px;
	float:left;
	position:relative;

}
#contentIndexRightBottom {
	width:385px;
	float:left;
	position:relative;
	padding: 0 0 10px 0;
}

#inexTop {
	width:900px;
	margin:0;
	padding:0;
	float:left;
	position:relative;
}
/*----------*/


/*------Footer----------*/
#footer {
	text-align: center;
	margin:0;
	padding: 0 0 10px 0;
	width: 100%;
	background:#3f3f3f url('../images/footerBkg.gif') repeat-x;
	height:200px;
	position:relative;
}

#footerWrapper {
	width:960px;
	position:relative;
	text-align:left;
	padding:0;
	margin:auto;
}

#footerWrapper a {
	color: #f9ea25;
	text-decoration:none;
}
#footerWrapper img {
	margin: 0 5px 0 0;
}
#footerWrapper p {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: bold;
}
#footerNav {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: bold;
	font-family: arial, "Tahoma", helvetica, sans-serif;

}
#footerNav li {
	display: inline;
	line-height: 1.5;
	font-family: arial, "Tahoma", helvetica, sans-serif;
	}
#footerNav li a {
	color: #f9ea25;
	text-decoration: none;
}
#footer a:hover {
	color: #bd2c5f;
	/*border-bottom: 1px solid #d9d9d9;*/
	text-decoration:none;
}
#footerNav li a:hover {
	color: #bd2c5f;
	/*border-bottom: 1px solid #d9d9d9;*/
	text-decoration:none;
}
#footLeft {
	margin: 10px 0 0 0;
	float:left;
	text-align: left;
}
#footer #footLeft p {
	line-height: 1.5;
	margin: 0;
	padding: 0;
	font-family: arial, "Tahoma", helvetica, sans-serif;

}
#footRight {
	margin: 10px 0 0 0;
	text-align: right;
	float:right;
}
.clearfix { display: inline-block; }

/*----------------------*/
#contentIndexLeft {
	width:500px;
	padding:0 10px 10px 0;
	float:left;
	position:relative;
	text-align: left;
	margin:auto;
}


#contentLeft{
	margin: 0px 20px 10px 25px;
	text-align: left;
	float: left;
	width: 700px;
	position:relative;
	height:auto;
	}
	
	#contentLeft ul {
		list-style-type:none;
		padding:0;
		margin:0;
		}
		
	#contentLeft li {
	margin: 3px 0 0 3px;
	padding:0;
	font-size: 12px;
}

.aboutArtist {
	width:220px;
	float:left;
	margin: 15px 3px 5px 0;
	padding:0 5px 20px 5px;
	text-align:center;
}
	.aboutArtist ul {
		list-style-type:none;
		padding:0;
		margin:0;
	}
		
	.aboutArtist li {
		margin: 3px 0 0 3px;
		padding:0;
		font-size: 12px;
	}

		
#contentRight {
	float: left;
	width: 210px;
	text-align: left;
	padding-top: 70px;
	position:relative;
	/*border:1px #4d4d4d solid;*/
	}
	
	#contentRight ul {
		padding:0;
		margin:0;
		}
		
	#contentRight li.rightNav {
		list-style:inside url('../images/pinkBullet.gif');
		margin: 3px 0 3px 5px;
		padding:0 0 5px 0;
		line-height:15px;
}
	#contentRight li.rightNav a{
		color:#0a64f6;
	}
	
	#contentRight li.rightNav a:hover{
		text-decoration:underline;
	}



	#contentRight li.policy {
		list-style:none;
		margin: 3px 0 3px 5px;
		padding:0 0 5px 0;
		line-height:15px;
}



p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 200%;
	}

table {
	border:1px solid #000;
	width:900px;
	}
	
	td {
		border:1px solid #000;
		padding:2px;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
	}
	
	td.heading {
		font-weight:bold;
		color:#0033FF;
		background:#fff;
		padding:5px;
		text-align:center;
		}
	
h1 {
	border-bottom: 1px solid #d0d0d0;
	color: #191919;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.80em;
	letter-spacing: 0.05em;
	text-align:left;
}
h2 {
	color: #191919;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.55em;
	font-style: italic;
	margin: 0 0 8px 0;
	padding:0;
}
	
h3 {
	color: #5f5f5f;
	font-family: arial, "Tahoma", helvetica, sans-serif;
	font-size: 1.0em;
	font-weight:bold;
	padding:0;
}

.sectionHeading {
	color: #000;
	font-family: arial, "Tahoma", helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	padding:0;
	margin:0;
}

.padSection {
	padding:0 3px 0 0;
	margin:0;
}

h6 {font:1.5em Georgia, "Times New Roman", Times, serif;}
.dayHeading {font:1.2em Georgia, "Times New Roman", Times, serif;
	display:block; color:#0a64f6; margin-bottom:0.5em; padding:2px 0 2px 6px;
}


h4 {
	color: #5f5f5f;
	font-family: Georgia, "Times New Roman", serif;
	/*font-size: 0.90em;*/
	font-size: 1.25em;
	font-style: italic;
	font-weight: bold;
	padding-top:14px;
	letter-spacing: 0.05em;
	line-height: 1.35;
}

h5 {
	border-bottom: 2px solid #0a64f6;
	color: #5f5f5f;
	font-family: Georgia, "Times New Roman", serif;
	/*font-size: 0.90em;*/
	font-size: 1.25em;
	font-style: italic;
	font-weight: bold;
	margin-bottom:2px;
	padding:0;
	letter-spacing: 0.05em;
	line-height: 1.35;
	text-align:left;
}

	
ul {
	padding: 0;
	margin: 10px 0 0 20px;
	list-style-type: none;
	line-height: 16px;
}

li {
	margin: 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 200%;
}

li.logo {
	margin: 0;
	padding: 0;
	background:url('../images/logo.jpg') no-repeat;
	width:542px;
	height:152px;
}

li.price{
	font-weight:bold;
}

.mailingAddress {
	text-indent:20px;
	font-size:1.1em;
	font-weight:bold;
	color:#bd2c5f;
}


form {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 200%;
	text-align:left;
	}
	
	input {
		margin: 20px 5px 0px 5px;
		padding: 3px;
		border:1px solid #000;
		color:#4d4d4d;
		}
		
	input.send {
		margin: 10px 0px;
		width: 60px;
		height: 30px;
		background: #fff;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #000078;
		border:1px solid #000;
		}
		
	label {
		margin: 20px 5px 0px 5px;
		line-height: 22px;
		width: 175px;
		float: left;
		color:#191919;
		}
		
	textarea {
		font: 12px Arial, Helvetica, sans-serif;
		width: 350px;
		height: 80px;
		border: solid 1px #DED5B3;
		background: #fff;
		margin: 20px 5px 0px 5px;
		border:1px solid #000;
		color:#4d4d4d;
		}
	fieldset {
		margin: 0;
		padding: 0;
		border: #263037 1px solid;
		}
	
	legend {
		color:#000;
		font: 20px Arial, Helvetica, sans-serif;
		}
	
	select {
		font: 12px "Trebuchet MS", Verdana, sans-serif;
		border:1px solid #000;
		background: #fff;
		margin: 20px 5px 0px 5px;
		padding: 0;
		color:#4d4d4d;
		}


.events {
		width: 410px;
		float: left;
		margin: 20px 8px 0px 20px;
		}
		
		.event {
			margin-bottom: 15px;
			float: left;
			}
		
		.event img {
			width: 68px;
			height: 50px;
			float: left;
			display: inline;
			padding: 1px;
			margin:0;
			}
			
		.event p {
			padding: 0 0 0 5px;
			margin:0 0 0 2px;
			border-left: 3px #bbbbcc solid;
			text-align: left;
			display: inline;
			font-size: 11px;
			float: left;
			width: 300px;
			}
			

	
/*Menu*/
#nav {
	margin:0;
	float:left;
	position:absolute;
	top: 0px;
	left:400px;
	width: 599px;
	z-index:3;
}
ul#menu {
	margin:0;
	list-style:none;
	position:relative;
}
ul#menu li {
	display: inline;
	/*text-indent:-9999px;*/
}
ul#menu li a {
	
	display:block;
	height:104px;
	float:left;
}
	ul#menu li a.homeIndex {
		background:url('../images/menu/homeBehindIndex.jpg') no-repeat bottom center;
		width:115px;
	}
	
	ul#menu li a.home {
		background:url('../images/menu/homeBehind.jpg') no-repeat bottom center;
		width:104px;
	}
	
	ul#menu li a.calendar {
		background:url('../images/menu/calendarBehind.jpg') no-repeat bottom center;
		width:131px;
	}
	
	ul#menu li a.classes {
		background:url('../images/menu/servicesBehind.jpg') no-repeat bottom center;
		width:122px;
	}

	ul#menu li a.about {
		background:url('../images/menu/aboutBehind.jpg') no-repeat bottom center;
		width:124px;
	}

	ul#menu li a.contact {
		background:url('../images/menu/contactBehind.jpg') no-repeat bottom center;
		width:118px;
	}

		
		ul#menu li a.contact:active{
			background-position:top center;
		}
		
		
		ul#menu li a.contact:hover{
			background-position:top center;
		}
		
		
		ul#menu li a.about:active{
			background-position:top center;
		}
		
		
		ul#menu li a.about:hover{
			background-position:top center;
		}
		
		
		ul#menu li a.classes:active{
			background-position:top center;
		}
		
		
		ul#menu li a.classes:hover{
			background-position:top center;
		}
		
		
		ul#menu li a.calendar:active{
			background-position:top center;
		}
		
		
		ul#menu li a.calendar:hover{
			background-position:top center;
		}
		
		
		ul#menu li a.home:active{
			background-position:top center;
		}
		
		
		ul#menu li a.home:hover{
			background-position:top center;
		}
		/*body#home ul#menu li a.home,
		body#calendar ul#menu li a.calendar,
		body#services ul#menu li a.services,
		body#gallery ul#menu li a.gallery,
		body#contact ul#menu li a.contact {
			background-position: top center;
		}*/
/*--------------*/

/*--------------Pages----------------------*/

#headingContainer {
	margin:0;
	float:left;
	position:absolute;
	top: 104px;
	left:815px;
	width: 205px;
	height:126px;
	z-index:2;
}

	ul#heading {
		margin:0;
		list-style:none;
		position:relative;
		
	}
	ul#heading li {
		width: 205px;
		height:126px;
		text-indent:-9999px;
		}
		ul#heading li.calendar {
			background:#ededed url('../images/headings/calendar.jpg') no-repeat top;
		}
		ul#heading li.services {
			background:#ededed url('../images/headings/services.jpg') no-repeat top;
		}
		ul#heading li.gallery {
			background:#ededed url('../images/headings/about.jpg') no-repeat top;
		}
		ul#heading li.contact {
			background:#ededed url('../images/headings/contact.jpg') no-repeat top;
		}
		
		ul#heading li.testimonials {
			background:#ededed url('../images/headings/testimonials.jpg') no-repeat top;
		}
		
		ul#heading li.missing {
			background:#ededed url('../images/headings/pageNotFound.jpg') no-repeat top;
		}

			
/*--------------------------*/	

/*Accordion*/
#accordion {
	width:auto;
	position:relative;
}
.toggler {
	color: #5f5f5f;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #4d4d4d;
	border-right: 1px solid #4d4d4d;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
}
.element {
}
.element p {
	margin: 0;
	padding: 4px;
}
#accordion .element ul li {
	padding-left:15px;
}

.float-right {
	padding: 10px 20px;
	float: right;
}
h3.atstart {
	color:#5f5f5f;
}

h3.toggler {
	color:#5f5f5f;
}

.required {
	color:#ff0000;
	font-weight:bold;
}

div.testimonial {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	}

/*-----------------Testimonials-----------------------*/
DIV.odd { 
	/*border: #4d4d4d 1px solid;*/
	padding: 0;
	/*background-color: #f5f5f5;*/
	float: left;
	width:auto;
	height:auto;
	position:relative;
	text-align:left;
	margin-left:0;
	margin-bottom:2px;
	}
DIV.even { 
	/*border: #4d4d4d 1px solid;*/
	padding:4px 0 0 0;
	float:left;
	width:auto;
	height:auto;
	position:relative;
	margin:0 0 6px 0;
	text-align:left;
	border-top:2px dotted #0a64f6;
	border-bottom:2px dotted #0a64f6;
	}
	
DIV.evenIndex { 
	
	padding: 10px;
	float:left;
	width:auto;
	height:auto;
	position:relative;
	margin-left:2px;
	margin-bottom:10px;
	text-align:left;
	}
p.evenIndex { 
	margin-top:8px;
	}
	
p.even {
	padding:0;
	margin:0;
}
	

IMG.largequote {
	FLOAT: left;
	MARGIN-BOTTOM: 5px;
	MARGIN-RIGHT: 10px;
	}
IMG.largequote2 {
	MARGIN-TOP: 5px;
	DISPLAY: inline;
	FLOAT: right;
	MARGIN-LEFT: 0;
	}
/*--------------------------------------------------------*/
.studentClass {
		width: 690px;
		float: left;
		margin: 10px 8px 10px 20px;
		height:350px;
		}
		
		.classImage {
			width: 300px;
			height: 200px;
			float: left;
			display: inline;
			padding: 1px;
			margin: 12px 0px;
			}
			
		.classDescription {
			padding-left: 15px;
			margin-left: 15px;
			border-left: 3px #bbbbcc solid;
			text-align: left;
			display: inline;
			font-size: 11px;
			float: left;
			width: 325px;;
			}

.indexMain {
		width: 500px;
		float: left;
		margin: 1px 8px 10px 20px;
		}
		
		.indexImage {
			width: 229px;
			height: 320px;
			float: left;
			display: inline;
			padding: 1px;
			margin:0;
			}
			
		.indexDescription {
			padding:0;
			margin:0;
			text-align: left;
			display: inline;
			float: left;
			width: 258px;
			}
			
/* Slideshow */
.slideshow { height: 280px; width: 370px; margin: 0 auto; text-align:center; position:relative;}
.slideshow img {border:none;}


/*---Accordion---*/
.accordionJquery {
        width: 100%;
        text-align:left;
        margin:0;
}
.accordionJquery h3 {
        padding: 7px 4px;
        color:#000;
        margin: 0;
        font: bold;
        border-bottom: 1px solid #4d4d4d;
		border-right: 1px solid #4d4d4d;
		border-top: 1px solid #f5f5f5;
		border-left: 1px solid #f5f5f5;
        cursor: pointer;
}
.accordionJquery h3:hover {
        color: #bd2c5f;
}
.accordionJquery h3.active {
        color: #bd2c5f;
}
.accordionJquery p {
        margin: 0;
        padding: 10px 15px 20px 10px;
        /*display: none;*/ /*(this needs to be turned on to specify the default opened block*/
}

.rotatingHolder {
	width:300px;
	padding:5px;
	float:left;
	position:relative;
}