@charset "UTF-8";
	/*  CSS Document
	 *	Developed by Bill Horton in support of TM Ballroom Dance Studio website
	 *	Major revisions completed in June 2012
	 */

	* {
		margin: 0;
		padding: 0;
	}
	body {
			/*  this sets the background color for the browser window  */
		background: black;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	#wrapper {
			/*  the wrapper id encompasses the entire webpage 
				and sets the default text color to white -
				the base page is 960px wide and is centered 
				in the browser window using margin of [0 auto]  */
		color: #ffffff;
		width: 960px;
		margin: 0 auto;
	}

		/*
		 *	The following CSS applies to the heading of each webpage in the website
		 */
	#headerID {
			/*  the header is used to display the common heading for all the webpages of the site.
				The height matches the height of the logo, 265px.
				A gradient has been added for the three browser types: webkit for Safari and Chrome,
				moz for Firefox, and o for Opera.  */
		height: 265px;
		position: relative;
		background-image: -webkit-gradient(linear, 20% 200%, 80% -100%, from(black), color-stop(35%,#532b5d), color-stop(50%,black), color-stop(65%,#723B7F), to(black));
		background-image: -moz-linear-gradient(45deg, black, #532b5d, black, #723B7F, black);
		background-image: -o-linear-gradient(45deg, black, #532b5d, black, #723B7F, black);
		background-repeat: no-repeat;
		background-size: auto;
		
	}
	#name {
			/*	the 'name' id div is associated with the tm Ballroom DanceStudio text graphic in the header */
		position: absolute;
		top: 5px;
		right: 30px;
		z-index: 20;
	}
	#logo {
			/*	the 'logo' id div is associated with the tm Ballroom DanceStudio logo graphic in the header */
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 10;		
	}
	#line {
			/*	the 'line' id div is associated with a white line the goes behind the 'logo' and under the 'name' in the header */
		position: absolute;
		top: 80px;
		left: 0px;
		z-index: 1;
		
	}
	#text {
			/*	the 'text' id div is associated with the descriptive heading content in the header
				this actual text changes on each webpage but its styling and position is constant */
		position: absolute;
		top: 105px;
		right: 35px;
		text-align: center;
		color: #ffffff;
		font-family: Verdana, Geneva, sans-serif;
		z-index: 40;
	}
	#text h1 {
			/*	the first line of the descriptive heading has an 'h1' tag and is a larger font with shadowing */
		font-size: 32px;
		font-style: bold;
		line-height: 40px;
		text-shadow: 3px 3px 3px #999999;
	}
	#navigation {
			/*	the 'navigation' id div holds the unordered list of the main navigation elements in the header -
				this navigation element is used to link to each of the 5 main webpages of the website */
		position: absolute;
		top: 210px;
		left: 300px;
		z-index: 30;
	}
			/* 	The following css applies to the main navigation bar.
				The navlist identifier applies to the unordered list of main navigation links.
			*/
		#navlist {
			position: relative;
		}
		#navlist li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
		}
			/* This sets the height of the display to encompass a single row of the .png file */
		#navlist li, #navlist a {
			height: 32px;
			display: block;
		}
			/* end of navigation bar css */


	#black {
		height: 3px;
		color: black;
	}
	#welcome_sidebar {
		position: relative;
		float: left;
		width: 205px;
		height: 1500px;
		background-image: -webkit-gradient(linear, left center, right center, from(#260c2c), to(#3d2045));
		background-image: -moz-linear-gradient(left, #260c2c, #3d2045);
		background-image: -o-linear-gradient(left, #260c2c, #3d2045);
		background-repeat: no-repeat;
		background-size: auto;
	}
	#welcome_sidebar .top, #welcome_sidebar img {
		text-align: center;
		font-family: Verdana, Geneva, sans-serif;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#welcome_sidebar p {
		text-align: center;
		font-family: Verdana, Geneva, sans-serif;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#welcome_sidebar a {
		color: #925B9F;
		text-decoration: none;
		font-weight: bold;
		border: 3px solid #723B7F;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#999), color-stop(50%,#FFF), to(#999));
		background-image: -moz-linear-gradient(top, #999, #fff, #999);
		background-image: -o-linear-gradient(top, #999, #fff, #999);
		background-repeat: no-repeat;
		background-size: auto;
		text-align: center;
		vertical-align: middle;
		padding: 5px;
		text-transform: none;
		line-height: 25px;
		font-size: 20px;
		display: block;
		width: 150px;
		height: 25px;
		text-shadow: 1px 1px 1px #000000;
	}
	#welcome_sidebar a:hover {
		color: #FFF;
		background-image: none;
		background-color: #000;
	}
	#welcome_sidebar .top a {
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		border: 0;
		background-image: none;
		padding: none;
		text-transform: none;
		font-size: 16px;
	}
	#welcome_sidebar .top a:hover {
		color: #723B7F;
		background: none;
	}
	#welcome_sidebar_right {
		position: relative;
		float: right;
		width: 205px;
		height: 1500px;
		background-image: -webkit-gradient(linear, left center, right center, from(#391E40), to(#723B7F));
		background-image: -moz-linear-gradient(left, #391E40, #723B7F);
		background-image: -o-linear-gradient(left, #391E40, #723B7F);
		background-repeat: no-repeat;
		background-size: auto;
	}
	#welcome_sidebar_right .top, #welcome_sidebar_right img {
		text-align: center;
		font-family: Verdana, Geneva, sans-serif;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#welcome_sidebar_right p {
		text-align: center;
		font-family: Verdana, Geneva, sans-serif;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.caption {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #925B9F;
	}
	
	#welcome_content {
		position: relative;
		float: right;
		width: 750px;
		height: 1490px;
		background-image: -webkit-gradient(linear, left center, right center, from(#3d2045), color-stop(20%, #532b5d), color-stop(60%,black), to(#723B7F));
		background-image: -moz-linear-gradient(left, #3d2045, #532b5d, black, #723B7F);
		background-image: -o-linear-gradient(left, #3d2045, #532b5d, black, #723B7F);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#000000', endColorstr='#723B7F');  /* IE6 & IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#000000', endColorstr='#723B7F')";   /* IE8 & IE9 */
		background-repeat: no-repeat;
		background-size: auto;
		padding-top: 10px;
	}
	#welcome_content p {
		font-family: Verdana, Geneva, sans-serif;
	}
	#welcome_content a {
		text-decoration: none;
		color: #C28BCF;
	}
	#welcome_content a:hover {
		color: #F2BBFF;
	}
	#welcome_content_contact {
		position: relative;
		margin-left: 207px;
		width: 545px;
		height: 1000px;
		background-image: -webkit-gradient(linear, left center, right center, from(#3d2045), color-stop(40%, #532b5d), color-stop(80%,black), to(#391E40));
		background-image: -moz-linear-gradient(left, #3d2045, #532b5d, black, #391E40);
		background-image: -o-linear-gradient(left, #3d2045, #532b5d, black, #391E40);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#000000', endColorstr='#391E40');  /* IE6 & IE7 */
		ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#000000', endColorstr='#391E40')";   /* IE8 & IE9 */
		background-repeat: no-repeat;
		background-size: auto;
	}
	#contact_bg {
		display: block;
		position: absolute;
		top: 500px;
		width: 545px;
	}
	#contact_bg p {
		text-align: center;
		font-family: Verdana, Geneva, sans-serif;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#contact_bg img {
		text-align: center;
		font-family: Verdana, Geneva, sans-serif;
		padding-top: 20px;
		padding-left: 100px;
		padding-right: 20px;
	}
	#gallery_instructions {
		display: block;
		position: relative;
		margin-top: 20px;
		margin-left: 50px;
		margin-right: 30px;
	}
	#gallery_instructions p {
		font-size: 14px;
		text-indent: -16px;
	}
	.centered {
		text-align: center;
	}
	.floated_left {
		display: block;
		float: left;
		padding: 10px;
		margin-top: 10px;
	}
	.larger {
		font-size: 32px;
		color: #CCCCCC;
	}
	.shadowed {
		text-shadow: 2px 2px 1px #FFFFFF;
		padding-bottom: 10px;
	}
	.large {
		font-size: 20px;
	}
	.medium {
		font-size: 18px;
	}
	.small_cal {
		font-size: 10px;
	}
	.bold {
		font-weight: bold;
	}
	.reg_text {
		display: block;
		font-size: 14px;
		padding: 10px;
		margin-top: 10px;
		background-color: #FFFFFF;
		color: #723B7F;
		margin-right:40px;
	}
	.med_reg_text {
		display: block;
		font-size: 14px;
		padding: 10px;
		margin-top: 10px;
		margin-left: 180px;
		background-color: #FFFFFF;
		color: #723B7F;
		margin-right: 180px;
	}
	.top_text {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
	}
	.bottom_text {
		position: absolute;
		top: 660px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.indented {
		margin-left: 250px;
	}
	.small_indent {
		margin-left: 200px;
	}
	.clear {
		display: block;
		margin-top: 20px;
		padding: 10px;
		float: none;
	}
	.instructor_content {
		position: relative;
		height: 320px;
	}
	.instructor_content img {
		position: relative;
		float: left;
		margin-top: 10px;
		margin-left: 20px;
		margin-right: 40px;
	}
	.instructor_content p {
		font-size: 16px;
		position: relative;
		margin-top: 10px;
		margin-right: 20px;
	}
	.testimonial_content p {
		font-size: 16px;
		display: block;
		padding-top: 10px;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 10px;
	}
	.lesson_content .heading {
		font-size: 24px;
		font-weight: bold;
		text-shadow: 3px 3px 3px #999999;
		display: block;
		padding-top: 10px;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 10px;
	}
	.lesson_content .heading_right {
		font-size: 24px;
		font-weight: bold;
		text-shadow: 3px 3px 3px #999999;
		display: block;
		padding-top: 10px;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 10px;
		background-image: -webkit-gradient(linear, right center, left center, from(#000000), to(#723B7F));
		background-image: -moz-linear-gradient(right, #000000, #723B7F);
		background-image: -o-linear-gradient(right, #000000, #723B7F);
		background-repeat: no-repeat;
		background-size: auto;
	}
	.lesson_content .heading_left {
		font-size: 24px;
		font-weight: bold;
		text-shadow: 3px 3px 3px #999999;
		display: block;
		padding-top: 10px;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 10px;
		background-image: -webkit-gradient(linear, left center, right center, from(#000000), to(#723B7F));
		background-image: -moz-linear-gradient(left, #000000, #723B7F);
		background-image: -o-linear-gradient(left, #000000, #723B7F);
		background-repeat: no-repeat;
		background-size: auto;
	}
	.lesson_content .text {
		font-size: 16px;
		display: block;
		padding-top: 10px;
		padding-right: 20px;
		padding-left: 50px;
		padding-bottom: 10px;
	}
	.lesson_content .text_left {
		font-size: 16px;
		display: block;
		padding-top: 10px;
		padding-right: 20px;
		padding-left: 50px;
		padding-bottom: 10px;
		background-image: -webkit-gradient(linear, left center, right center, from(#000000), to(#723B7F));
		background-image: -moz-linear-gradient(left, #000000, #723B7F);
		background-image: -o-linear-gradient(left, #000000, #723B7F);
		background-repeat: no-repeat;
		background-size: auto;
		border-bottom-width: thick;
		border-bottom-style: solid;
		border-bottom-color: #723B7F;
	}
	.lesson_content .text_right {
		font-size: 16px;
		display: block;
		padding-top: 10px;
		padding-right: 20px;
		padding-left: 50px;
		padding-bottom: 10px;
		background-image: -webkit-gradient(linear, right center, left center, from(#000000), to(#723B7F));
		background-image: -moz-linear-gradient(right, #000000, #723B7F);
		background-image: -o-linear-gradient(right, #000000, #723B7F);
		background-repeat: no-repeat;
		background-size: auto;
		border-bottom-width: thick;
		border-bottom-style: solid;
		border-bottom-color: #723B7F;
	}
	.dance_content p {
		padding-left: 20px;
	}
	.dance_content li {
		list-style:none;
		padding-left: 20px;
	}
	#pricing_table {
		font-family: Verdana, Geneva, sans-serif;
	}
	#pricing_table .column1 {
		font-size: 24px;
		font-weight: bold;
		text-shadow: 3px 3px 3px #999999;
		padding-top: 10px;
		padding-left: 20px;
		padding-bottom: 10px;
	}
	#pricing_table .column2 {
		width: 300px;
		font-size: 14px;
		font-weight: bold;
		padding: 20px;
		background-color: #3D2045;
		color: #F2BBFF;
		text-align: center;
	}
	#pricing_table .column3 {
		font-size: 14px;
		background-color: #723B7F;
		padding: 20px;
	}
	.spacer {
		position: relative;
		display: block;
		float: left;
		width: 20px;
		height: 30px;
	}
	.spacer2 {
		position: relative;
		display: block;
		float: left;
		width: 20px;
		height: 115px;
	}
	.day_of_week {
		position: relative;
		display: block;
		float: left;
		background-color: #999999;
		color: #FFFFFF;
		border: thin solid #FFFFFF;
		width: 100px;
		height: 22px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		text-align: center;
		padding-top: 8px;
	}
	.calendar_day {
		position: relative;
		display: block;
		float: left;
		color: #000000;
		border: thin solid #FFFFFF;
		width: 100px;
		height: 110px;
		background-color: #DDDDDD;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		text-align: center;
		padding-top: 5px;
	}
	.closed_day {
		position: relative;
		display: block;
		float: left;
		background-color: #A26BAF;
		color: #000000;
		border: thin solid #FFFFFF;
		width: 100px;
		height: 110px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		text-align: center;
		padding-top: 5px;
	}
	.group_day {
		position: relative;
		display: block;
		float: left;
		background-color: #6FF;
		color: #000000;
		border: thin solid #FFFFFF;
		width: 100px;
		height: 110px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		text-align: center;
		padding-top: 5px;
	}
	.coaching_day {
		position: relative;
		display: block;
		float: left;
		background-color: #F33;
		color: #000000;
		border: thin solid #FFFFFF;
		width: 100px;
		height: 110px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		text-align: center;
		padding-top: 5px;
	}
	.specialty_day {
		position: relative;
		display: block;
		float: left;
		background-color: #6F0;
		color: #000000;
		border: thin solid #FFFFFF;
		width: 100px;
		height: 110px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		text-align: center;
		padding-top: 5px;
	}
	.competition_day {
		position: relative;
		display: block;
		float: left;
		background-color: #FF0;
		color: #000000;
		border: thin solid #FFFFFF;
		width: 100px;
		height: 110px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		text-align: center;
		padding-top: 5px;
	}
	.blank_day {
		position: relative;
		display: block;
		float: left;
		background-color: #DDDDDD;
		color: #000000;
		width: 102px;
		height: 111px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		text-align: center;
		padding-top: 6px;
	}
	.double_day {
		position: relative;
		display: block;
		float: left;
		background-color: #DDDDDD;
		color: #000000;
		width: 204px;
		height: 111px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		text-align: center;
		padding-top: 6px;
	}
	.triple_day {
		position: relative;
		display: block;
		float: left;
		background-color: #DDDDDD;
		color: #000000;
		width: 306px;
		height: 111px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		text-align: center;
		padding-top: 6px;
	}
	.quad_day {
		position: relative;
		display: block;
		float: left;
		background-color: #DDDDDD;
		color: #000000;
		width: 408px;
		height: 111px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		text-align: center;
		padding-top: 6px;
	}
	.mid_size {
		font-size: 14px;
	}
	#welcome_sidebar .key { 
		color: #000000;
		font-weight: bold;
		border: 2px solid #FFFFFF;
		vertical-align: middle;
		font-size: 14px;
		display: block;
		width: 150px;
		height: 18px;
		margin-left: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 5px;
	}
	.group_key {
		background-color: #6FF;
	}
	.coaching_key {
		background-color: #F33;
	}
	.specialty_key {
		background-color: #6F0;
	}
	.competition_key {
		background-color: #FF0;
	}
	.closed_key {
		background-color: #A26BAF;
	}
	#contact_div {
		font-family: Verdana, Geneva, sans-serif;
	}
	#contact_div a {
		text-decoration: none;
		text-transform: uppercase;
		color: #C28BCF;
		font-size: 28px;
		text-shadow: 2px 2px 2px #F2BBFF;
		display: block;
		text-align: center;
	}
	#contact_div a:hover {
		color: #F2BBFF;
		font-weight: bold;
		text-shadow: 2px 2px 2px #C28BCF;
	}
	#email_div {
		display: block;
		position: absolute;
		top: 20px;
		left: 150px;
		width: 350px;
		height: 100px;
		padding-top: 10px;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 10px;
	}
	#email_div_content a {
		text-decoration: none;
		color: #FC0;
		font-size: 24px;
		text-shadow: 2px 2px 2px #C28BCF;
		text-transform: none;
	}
	#email_div_content a:hover {
		font-weight: bold;
		color: #FC0;
		text-shadow: 2px 2px 2px #C28BCF;
	}
	#phone_div {
		display: block;
		position: absolute;
		top: 130px;
		left: 10px;
		width: 350px;
		height: 100px;
		padding-top: 10px;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 10px;
	}
	#phone_div_number {
		color: #FC0;
		font-size: 24px;
		text-shadow: 2px 2px 2px #C28BCF;
	}
	#visit_div {
		display: block;
		position: absolute;
		top: 240px;
		right: 20px;
		width: 350px;
		height: 100px;
		padding-top: 10px;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 10px;
	}
	#visit_div_address {
		color: #FC0;
		font-size: 24px;
		text-shadow: 2px 2px 2px #C28BCF;
	}
	#subscribe_div {
		display: block;
		position: absolute;
		top: 380px;
		left: 10px;
		width: 350px;
		height: 100px;
		padding-top: 10px;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 10px;
	}