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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #000000;
	background-image: url(images/dance-dimensions-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	text-decoration: none;
}
.container {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.header {
	float: left;
	width: 800px;
	height: 139px;
	display: block;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}
.header img {
	float: left;
}
.header #topnav {
	float: left;
}
.header #topnav #studio {
	height: 139px;
	width: 60px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	position: relative;
	float: left;
}
.header #topnav #studio a {
	background-image: url(images/dance-dimensions-nav-studio.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 139px;
	width: 60px;
}
.header #topnav #studio a:hover {
	background-image: url(images/dance-dimensions-nav-studio-ro.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 139px;
	width: 60px;
}
.header #topnav #classes {
	height: 139px;
	width: 70px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	position: relative;
	float: left;
}
.header #topnav #classes a {
	background-image: url(images/dance-dimensions-nav-classes.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 139px;
	width: 70px;
}
.header #topnav #classes a:hover {
	background-image: url(images/dance-dimensions-nav-classes-ro.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 139px;
	width: 70px;
}
.header #topnav #company {
	height: 139px;
	width: 70px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	position: relative;
	float: left;
}
.header #topnav #company a {
	background-image: url(images/dance-dimensions-nav-company.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 139px;
	width: 70px;
}
.header #topnav #company a:hover {
	background-image: url(images/dance-dimensions-nav-company-ro.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 139px;
	width: 70px;
}
.header #topnav #contact {
	height: 139px;
	width: 75px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	position: relative;
	float: left;
}
.header #topnav #contact a {
	background-image: url(images/dance-dimensions-nav-contact.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 139px;
	width: 75px;
}
.header #topnav #contact a:hover {
	background-image: url(images/dance-dimensions-nav-contact-ro.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 139px;
	width: 75px;
}
.header #headercopy {
	height: 110px;
	width: 230px;
	float: left;
	background-image: url(images/dance-dimensions-header-h1.jpg);
	background-repeat: no-repeat;
}
.header h1   {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #660066;
	font-weight: lighter;
	line-height: 20px;
	text-transform: uppercase;
	display: block;
	top: 35px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	letter-spacing: 2px;
	float: left;
	padding: 0px;
	left: 20px;
}
.header #secnav {
	color: #999999;
	text-indent: 20px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	top: 10px;
	display: block;
	width: 122px;
	position: relative;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
}

.header #secnav a {
	color: #999999;
	text-decoration: none;
}
.header #secnav a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.header #myspace {
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	background-position: right;
	padding: 0px;
}
.main {
	background-color: #FFFFFF;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 800px;
	padding-bottom: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.main #left {
	float: left;
	background-image: url(images/dance-dimensions-copy-head.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	width: 570px;
}
.main #left #copy {
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 25px;
}
.main #right {
	float: right;
}
.main   h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #660066;
	font-weight: lighter;
	text-transform: none;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
.main h2 a {
	font-family: Arial, Helvetica, sans-serif;
	color: #660066;
	font-weight: lighter;
	text-transform: none;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
.main   h3   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #660066;
}
.main h3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #660066;
	line-height: 5px;
	text-decoration: underline;
}
.main h3 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #CC0000;
	line-height: 5px;
	text-decoration: underline;
}
.main #sepline {
	background-color: #660099;
	width: 180px;
	height: 1px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30px;
	float: left;
}
.main #sepline h3 {
}
.main  #sepline  h3 a {
	color: #660066;
}
.main #sepline h3 a:hover {
	color: #CC0000;
}
.main  p  {
}
.main p a {
	color: #000000;
}
.main p a:hover {
	color: #660066;
	font-weight: bold;
	text-decoration: underline;
}
.main #promocontainer {
	padding-left: 30px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.main #promocontainer img {
	padding-right: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 197px;
	width: 154px;
}
.main #promobox1 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	background-image: url(images/dance-dimensions-bulletin-2009s.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 15px;
	margin-left: 30px;
	width: 521px;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #600060;
}
.main #left #promobox1 h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 105px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #660066;
	font-size: 12px;
}
.main  #left  #promobox1  p {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.main  #left  #promobox1   a  {
	color: #630063;
	text-decoration: none;
	margin-right: 10px;
}
.main  #left  #promobox1   a:hover  {
	color: #CC0000;
	text-decoration: none;
}
.main #promobox2 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	background-image: url(images/dance-dimensions-bulletin-2009w.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 15px;
	margin-left: 30px;
	width: 521px;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #660066;
}
.main #left #promobox2 h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 105px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #660066;
	font-size: 12px;
}
.main #left #promobox2 p {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.main #promobox3 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/dance-dimensions-bulletin-2008s.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 15px;
	margin-left: 30px;
	width: 521px;
	float: left;
	height: 216px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.main #left #promobox3 h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 105px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #660066;
	font-size: 12px;
}
.main #left #promobox3 p {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.main #promobox4 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/dance-dimensions-bulletin-2010w.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 15px;
	margin-left: 30px;
	width: 521px;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
}
.main #left #promobox4 h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 105px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #660066;
	font-size: 12px;
}
.main #left #promobox4 p {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.main  #left  #module  {
	border: 1px solid #630063;
	float: left;
	width: 521px;
	margin-left: 30px;
	margin-top: 15px;
	background-color: #FFF5D7;
}
.main #left #module h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #660066;
	font-size: 12px;
	padding-left: 10px;
}
.main #promobox5 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/dance-dimensions-bulletin-2010s.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 15px;
	margin-left: 30px;
	width: 521px;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
}
.main #left #promobox5 h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 105px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #660066;
	font-size: 12px;
}
.main #left #promobox5 p {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.main #left #module p {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.main #sponsorright {
}
.main  #sponsorright  img  {
	margin-bottom: 3px;
}
.main #sponsorright h2 {
}
.main #sponsorpurple {
	background-color: #DFD5E6;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 570px;
	width: 210px;
	border: 1px solid #660066;
}
.main #sponsorpurple h3 {
	font-size: 12px;
	font-weight: normal;
	color: #660066;
	letter-spacing: 4px;
	text-indent: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
.main #sponsorpurple p {
	text-indent: 20px;
	margin: 0px;
}
.calendar {
	font-size: 11px;
	color: #666666;
	border: 1px solid #660066;
	background-color: #FFFFFF;
	clear: both;
}

.calendar #header {
	font-weight: bold;
	color: #660066;
	clear: both;
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 13px;
	background-color: #FFFFFF;
}
.calendar  #day {
	font-weight: bold;
	clear: both;
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #660066;
	color: #FFFFFF;
}
.calendar #event {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	display: block;
	min-height:100%;
	padding: 3px;
	background-color: #FFFFFF;
}
.calendar #eventodd {
	padding: 3px;
	background-color: #e5e5e5;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	display: block;
	min-height:100%;
}
.calendar #description {
	width: 15%;
	margin-right: 3%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	position: relative;
}
.calendar   #studioa {
	float: left;
	width: 30%;
	margin-right: 4%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.calendar  #studiob {
	width: 30%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.teachcontain {
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	padding: 0px;
	width: 500px;
	clear: both;
}
.teachcontain #teachers {
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	margin: 0px;
	width: 500px;
}
.teachcontain #thumbnail {
	width: 30%;
	float: left;
	position: relative;
	padding: 0px;
	color: #660066;
	margin: 0px;
}
.teachcontain  #thumbnail  a  {
	text-decoration: underline;
	color: #660066;
}
.teachcontain #thumbnail a:hover {
	text-decoration: underline;
	color: #CC0000;
}
.clearboth {
	clear: both;
}
.footer {
	width: 800px;
	height: 96px;
	font-size: 9px;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/dance-dimensions-footer.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	float: left;
}
.footer #copyright {
	width: 175px;
	padding-left: 30px;
	float: left;
}
.footer #secnav {
	float: left;
	width: 365px;
}
.footer #secnav a {
	text-decoration: none;
	color: #000000;
}
.footer #secnav a:hover {
	text-decoration: none;
	color: #660066;
}
.footer #offer {
	color: #660066;
	font-size: 9px;
	line-height: 16px;
	padding-left: 20px;
	float: left;
	width: 210px;
	font-weight: bold;
}
.footer #offer a {
	color: #660066;
	text-decoration: none;
}
.footer #offer a:hover {
	color: #CC0000;
	text-decoration: none;
}
.preloader {
	visibility: hidden;
}