body {
	margin: 0;/*zeroes the margins on the body*/
	padding: 0;/*zeroes the padding on the body ** Opera carries a default padding and requires this zeroing*/
	border: 0;/*zeroes off any existing border*/
	background-color: #ffffff;/*sets the body background colour*/
	color: #000; /*set the default text color */
	text-align: left; /* Hack to centre the wrapper in IE5.x pc */
	font-family: Verdana, Arial, Helvetica, sans-serif;/*set the default fonts */
	font-size: 80%;
	min-width: 600px; 
}
.print {
    display:block;
}
#wrapper, #content, #form1 {
	margin: 0;/* centers the wrapper first value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	width: 600px; /* sets the width of the wrapper */
	position: relative; /* important to position it relatively */
	text-align: left;/* Realigns the text to the left after the IE hack in the body rule */
	border:0;
	background-color: #ffffff;
}
#content {
	margin-top: -10px;/* centers the wrapper first value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	
}
#banner {
	display:none;
}
#banner .right, #contentAbout .left, #contentAbout .right, #content .left, #content .right, .regNoPrint {/* Float the right hand image to the right in the banner */
	display:none;
}

input {border:0;}
/* Set the navigation container */
/* The relative positioning on the banner allows us to set this div absolutely in relation to its containing element - the banner div. This div holds the image tabs */
#banner #navcontainer {
	display:none;
}
#contact {/* Begin laying out the contact div */
    float: left; /* Floats the div to the left to make a column */
    width: 169px; /*sets a width for the div - Imperative for IE mac */
    margin-left: 7px; /*creates a margin on the left to move the div away from the pages edge*/
    background-color: transparent; /* no colour required for the bg colour*/
}

#navigation, #navigation ul, #navigation ul li, #classNav, #danceNav, #artNav, #playersShows, .tabLink {
 	display:none;
	max-height:0;
}

.first, .playersShow, .ulLeft, .ulRight, .noprint {/* Adds a border to the top of the first link - apply to the first link in the list */
		display:none;
}

/*Begin styling the link lists - visited is styled the same as link, not absolutely necessary to decalre visited but its there.
Note that the reference is to "a" and not "a:link". This makes the link act as a button in a cross-browser way. */
/*You will notice that I have set two selectors on this rule. This is fine when the occasion arises - saves time and space*/
#contact #navigation a, #contact #navigation a:visited {/*use dual selectors if the properties and values are the same for each*/
		display:none;
}
#contact #navigation a.selected {
		display:none;
}
/* sets the link styles for hover and focus*/
/*You will notice that I have set two selectors on this rule, this is fine when the occasion arises - saves time and space*/
#contact #navigation a:hover, #contact #navigation a:focus { /*use dual selectors if the properties and values are the same for each*/
		display:none;
}


/* Begins laying out the address */
#add {/* Set the containing add div */
	padding: 18px 0 0 0;/* sets the padding values - the 18px value allows the "tab" background image to show above the content*/
	width: 169px;/* sets a width for the div*/
	background-color: transparent; /* no background colour required*/
	background-image:  url(../images/address.gif);/* sets the "tab" background image for the div*/
	background-repeat: no-repeat;/* no repeating required*/
	margin-top: 40px;/* moves the div down and away from the navigation div */
}


#contact #navigation h3 {/* Sets the title on the navcontainer and the add divs */
	font-size: 70%;/* scales the font size*/
	background-color: #9E77CA;/* sets the background colour*/
	padding: 5px 3px 3px 7px;/*sets the padding values - the 7px aligns this header with the text in the "tab" image */
	color: #fff;/* sets the text colour to white*/
	margin: 0;/* zeroes off the margins*/
	
}
	
	
#contact #navigation #add h3 {
    font-size: 70%;/*Sets the font size*/
	background-color: #9E77CA;/* sets the background colour*/
	padding: 5px 3px 3px 7px;/*sets the padding values - the 7px aligns this header with the text in the "tab" image */
	color: #fff;/* sets the text colour to white*/
	margin: 0;/* zeroes off the margins*/
	
}


#contact #navigation #add address {/* Sets the styling for the address element */
	font-size: 70%;/*scales the font size*/
	padding: 7px 5px 5px 5px;/*sets the padding*/
	margin: 0;/*zeroes off the margins*/
	color: #333;/* changes the default text colour*/
	font-style: normal; /* removes the default italic style for address */
	background-color: #C7B1DE;/* sets the background colour*/
}



#content p {/* Begin laying out and styling the content div */
	
	width: 600px;/* sets the width of our content*/
	
}
#contentAbout {/* Begin laying out and styling the content div */
	background-color: transparent;/* no background colour required*/
	width: 600px;/* sets the width of our content*/
	margin-left: 0px; /* this left margin clears the contact div and allows our content div to become a second column*/
	padding-bottom: 20px;/* sets a padding clearance on the bottom of the div*/
	margin-bottom: 50px;/* sets a margin below the div and above the footer*/
	
}
#content h1, #contentAbout h1 {
	font-size: 130%; /*scales the main content title*/
	font-family: Georgia, "Times New Roman", Times, serif;/* sets the default fonts for h1 ** Notice that fonts that consist of more than word are surrounded in quotes*/
	margin: 0 0 10px 30px;/* sets the margins*/
	padding-top: 20px;/* adds padding to the top to give a little clearance below the banner*/
	color: #623892;/* set the colour for the text*/
	font-style: italic; /*set the font style */
	font-weight: 500;/* sets the font weight to slightly less than bold - Where this isn't supported it seems mainly to default to normal - to make the text bold, if that is your wish, you can simply remove this property*/
	text-align:center;
}
#content ul {
clear:both;
}
#content h2, #contentAbout h2 {
	font-size: 100%;/* scale the font size*/
	font-family: Georgia, "Times New Roman", Times, serif;/* sets the font family*/
	margin: 0 0 0-10px;/* set the margins*/
	padding-top: 20px;/* adds the top padding to move it down from elements above - could be done with a top margin*/
	color: #8859BE;/* sets the font colour*/
	font-style: italic;/* sets the font style*/
	font-weight: 500; /* sets the font weight to slightly less than bold - Where this isn't supported it seems mainly to default to normal - to make the text bold, if that is your wish, you can simply remove this property*/
	text-align:center;
	line-height:0;
}


#contentAbout table, #content table{
	margin: 0 0 5px 10px;/* sets the margins on the p element with the content div*/
	font-size: 85%; /* scales the font size - no family declared, we are using the default from the body rule*/
	padding: 10px 25px 0 0;/* sets the padding on the p element when it is within the content div*/
	margin-right:5px;
}
#content table.regForm{
	margin-right: 0px ;
	font-size: 85%; /* scales the font size - no family declared, we are using the default from the body rule*/
	padding: 0;/* sets the padding on the p element when it is within the content div*/
	background-color: #ffffff;
}
#footer {/* Begin laying out and styling the footer div */
	 display:none;
}
/* The contact div is outside the flow of the document and won't respect the footer;
it would, if it's content was great enough, poke through the bottom of the layout.
The clear left ensures the footer is always moved beyond the contact div and our design
remains intact. The content div is within the flow of the document and will therefore
push the footer div down as it's content dictates. */

#footer p {
	 display:none;
}


#footer p.designer {/* Styles the bottom P in the footer that gives the validation and designer info */
	 display:none;
}


#footer a {/* Styles the links within the footer */
	 display:none;
}

#footer a:hover, #footer a:focus {
	 display:none;
}

#navcontainer a img {
    display:none;
}





/********* Begin styling the form ****************/




#content fieldset fieldset{
	width: 195px; /*Set the width of the fieldset that contains the form inputs*/
	padding: 0; /*zero the padding on the nested fieldset*/
	border: none; /*remove the borders*/
}
#content td, #music td {
 padding:0 ;

 }
#content table {
margin-left:0px;

 }
#content td {
padding-top:0;

 }
#content .printSmall {
 font-size:75%;
 }
#contentAbout input, #contentAbout select{
	border-style:none;
	margin: 0 0 0 0;/*Zero off any margins*/
	
}
#content input, #content select{
	border-style:none;
	margin: 0 0 0 0;/*Zero off any margins*/
	
}
#content td select, #content td input {
 font-size:125%;

 }
#content textarea{
	background-color: #C5AEDE;/*set the background colour*/
	color: #556660;/*set the text colour*/
	border: 1px solid #4C5854;/*set a border around the element*/
	margin: 0 30px 0 0;/*set a margin on the right only*/
	height: 100px;/*specifically set a height for the textarea, tends to vary somewhat cross browser*/
}

.labelfloat{
	float: right;/*float the textarea's label and the textarea within it*/
	padding-top: 20px;/*set a top padding to align it*/
}

#content label{
	color: #4F4F4F;/*set the label text colour*/
	font-size: 75%;/*set the label font size*/
	padding-top: 5px;/*set alittle padding on the top*/
	display: block;/*display it as a block level element*/
}

#content fieldset{
	margin: 0;/*zero off any existing margine*/
	border: none;/*remove the default borders*/
	padding: 5px 5px 20px 20px;/*give a little "air" inside the parent fieldset*/
	width: 450px;/*set a width against it*/
}


#content .button{
  background-color: #9E77CA;/*changes the default background colour from the input styling*/
  color: #fff;/*changes the default colour from the input styling*/
  width: 80px;/*changes the default width colour from the input styling*/
  margin-top: 20px;/*adds a little sapce between the bottom input and the buttons*/
  display: none;/*allows the buttons to sit side by side by, over ruling the display: block; on the input selctor*/
}

   
/*********** Summer Catalog**************/

.summerLeft {
    float:left;
	width:250px;
	text-align:center;
	
	}

.summerRight {
    float:right;
	width:250px;
	text-align:center;
	
	}

.summerLeft p, .summerRight p {
	width:220px;
	max-width:220px;
}
.printright {width:220px;}
#summerJazz, #summerDance, #adultDance {
    clear:both;
	width:600px;
	text-align:center;
	border:0;
}

#summerJazz h3, #summerDance h3, #adultDance h3, #summerJazz h4, #summerDance h4, #adultDance h4, #summerJazz h5, #summerDance h5, #adultDance h5, #summerJazz h6, #summerDance h6, #adultDance h6 {
 text-align:center;
 }

#hiphop {
width:25%;float:left;margin:0 0 10px 7.5em;text-align:center;
}
#pilates, #ballet, #tap {
    float:left;
	width:30%;
	text-align:center;
	font-size:80%;
	font-weight:bold;
	}
#pilates { margin-left:1em;}
#val, #burcaw, #gombos {
    float:left;
	width:30%;
	text-align:center;
	font-size:80%;
	padding:0 0 10px 0;
	
	}
#val { margin-left:1em;}

#artShowReg {
	padding:5px;
	position:relative;
	left:50px;
	width:95%;
	border:none;

}

.noPrint,.buyTickets, #h2HeaderLink, #spanLink1, #spanLink2 {
	display:none;	
}
.headerDate {
	text-align:center;
	
	clear:both;
}


#formcontainer td {
	padding-left:5px;	
}

#lastTable {
page-break-before: always;
}
#form1, #formcontainer {
	margin-left:0px;	
}

#h2Header {;
	display:block;
	float:left;
	clear:both;
	width:600px;
}
#imgArtShow{
	 margin-left:100px;
	 margin-top:20px;
	 float:left;
	 clear:both;
}