body {
	background-color: #E6CFE6;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body,td,th {
	font-family: "Times New Roman", Times, serif;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 16px;
	color: #6F48FF;
}
h2 {
	font-size: 14px;
	color: #6F48FF;
	text-decoration: underline;
	text-align: center;
}
h3 {
	font-size: 14px;
	color: #666666;
	font-weight: normal;
}
h4 {
	font-size: 16px;
	color: #666666;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5em;
	letter-spacing: normal;
	word-spacing: normal;
}

a:link {
	color: #6F48FF;
}
a:visited {
	color: #F406FF;
}

.style1 {font-size: 12px}

.style2 {
	font-size: 11px;
	color: #999999;
}

.style3 {
	font-size: 9px;
	letter-spacing: normal;
	text-align: justify;
	word-spacing: normal;
	line-height: 12px;
	color: #000000;
}

.style4 {
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: 2em;
	color: #666666;
}

#main {
	background-image: url(images/body_back.png);
	position: absolute;
	width: 770px;
	top: 0px;
	left: 115px;
	overflow: visible;
	background-repeat: repeat-y;
	height: 102%;
}

#logo {
	position: absolute;
	height: 233px;
	width: 240px;
	top: 0px;
	left: -110px;
}

#heading {
	position: absolute;
	top: 10px;
	left: 247px;
	width: 388px;
	text-align: center;
	height: 43px;
}

#toplink {
	position:absolute;
	top: 80px;
	left:206px;
	width: 468px;
	height: 15px;
	text-align: center;
}

#topmenu {
	position: absolute;
	top: 97px;
	left: 133px;
	width: 628px;
}

#invertedtabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}
#invertedtabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}
#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}
#invertedtabs a{
float:left;
color: white;
background: #6F48FF url(images/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}
#invertedtabs a span{
	float:left;
	display:block;
	background: transparent url(images/color_tabs_right2.gif) no-repeat right bottom;
	padding:3px 9px 3px 6px;
}
#invertedtabs a span{
float:none;
}
#invertedtabs a:hover{
background-color: #F406FF;
}
#invertedtabs a:hover span{
background-color: #F406FF;
}
#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #F406FF;
}
#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #6F48FF;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

#topimage {
	position: absolute;
	top: 135px;
	left: 71px;
	width: 600px;
}

.curlycontainer1{
	border: 1px solid #F406FF;
	margin-bottom: 1em;
	width: 180px;
	position: absolute;
	top: 295px;
	left: 15px;
}
.curlycontainer1 .innerdiv1{
	background: transparent url(images/brcorner.gif) bottom right no-repeat;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 1px 8px 15px 5px;
	height: 200px;
}

.curlycontainer2{
	border: 1px solid #F406FF;
	margin-bottom: 1em;
	width: 180px;
	position: absolute;
	top: 295px;
	left: 200px;
}
.curlycontainer2 .innerdiv2{
	background: transparent url(images/brcorner.gif) bottom right no-repeat;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 1px 8px 15px 5px;
	height: 200px;
}

.curlycontainer3{
	border: 1px solid #F406FF;
	margin-bottom: 1em;
	width: 180px;
	position: absolute;
	top: 295px;
	left: 385px;
}
.curlycontainer3 .innerdiv3{
	background: transparent url(images/brcorner.gif) bottom right no-repeat;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 1px 8px 15px 5px;
	height: 200px;
}

.curlycontainer4{
	border: 1px solid #F406FF;
	margin-bottom: 1em;
	width: 180px;
	position: absolute;
	top: 295px;
	left: 570px;
}
.curlycontainer4 .innerdiv4{
	background: transparent url(images/brcorner.gif) bottom right no-repeat;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 1px 8px 15px 5px;
	height: 200px;
}

.midbox {
	position: absolute;
	height: 90px;
	width: 728px;
	top: 530px;
	left: 19px;
}

#forumbtn {
	position: absolute;
	height: 50px;
	width: 350px;
	top: 625px;
	left: 20px;
	background-image: url(images/img_dance-fitness-forum-btn.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 15px;
}
#forumbtn a {
	color: #FFFFFF;
	text-decoration: none;
}
#forumbtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#newsbtn {
	position: absolute;
	height: 50px;
	width: 350px;
	top: 625px;
	left: 395px;
	background-image: url(images/img_dance-fitness-news-btn.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 15px;
	text-align: center;
}

#newsbtn a {
	color: #FFFFFF;
	text-decoration: none;
}
#newsbtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#btmnav {
	position: absolute;
	height: 15px;
	width: 728px;
	top: 780px;
	left: 20px;
	text-align: center;
}

#btmnotice {
	position: absolute;
	height: 15px;
	width: 728px;
	top: 800px;
	left: 20px;
	text-align: center;
}

#btmbox {
	position: absolute;
	height: 90px;
	width: 728px;
	left: 19px;
	top: 680px;
}

#shiftcontainer{
	position: absolute;
	left: 145px;
	top: 140px;
	width: 610px;
}

#shadowcontainer{
	width: 610px; /* container width*/
	background-color: #d1cfd0;
}

#shadowcontainer #innerdiv{
	width: 595px;
	background-color: white;
	border: 1px solid gray;
	padding: 6px;
	position: relative;
	left: -5px; /*shadow depth*/
	top: -5px; /*shadow depth*/
}

#leftcontainer{
	position: absolute;
	left: 12px;
	top: 275px;
	width: 120px;
	height: 240px;
}
