body {
text-align: center;
margin-left: auto;
margin-right: auto;
font-family: verdana;
font-size: 12px;
color: #4c4c4c;
}

#header {
width: 905px;
height: 343px;
background-image: url("header.jpg");
background-position: top center;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}

h1 {
color: #DC2A33;
font-size: 18px;
}

h2 {
color: #DC2A33;
font-size: 15px;
}

h3 {
color: #DC2A33;
font-size: 12px;
}


#stage {
width: 905px;

margin-left: auto;
margin-right: auto;
text-align: left;
}


#pagewidth {
width: 905px; 
margin-left: auto; 
margin-right: auto; 
background-image: url("pagebg.gif");
background-position: top center;
background-repeat: repeat-y;
}




#logo {
width: 240px;
height: 50px;
background-color: navy;
float: left;
position: relative;
left: 50px;
top: 40px;
}


.dance {
display: none;
}


#topnav {
font-size: 14px;
line-height: 30px;
float: right;
top: 15px;
left: -10px;
position: relative;
}

#topnav a:link { color:    #dc2a33; font-size: 14px; text-decoration: none; font-weight: bold; }
#topnav a:active {color:  #dc2a33; font-size: 14px; text-decoration: none; font-weight: bold; }
#topnav a:visited {color: #dc2a33; font-size: 14px; text-decoration: none; font-weight: bold; }
#topnav a:hover {color:   #6d2167; font-size: 14px; text-decoration: underline; font-weight: bold; }



#button {
width: 198px;
height: 62px;
float: left;
position: relative;
left: 422px;
top: 248px;
}



#footer{
height:31px;
width: 905px;
background-image: url("footer.gif");
background-position: top center;
background-repeat: no-repeat;
clear:both;
text-align: center;
color: #FFF;
font-size: 9px;
line-height: 31px;
margin-left: auto;
margin-right: auto;
 }
 
#footer a:link {color:    #FFF; text-decoration: none; }
#footer a:active {color:  #FFF; text-decoration: none; }
#footer a:visited {color: #FFF; text-decoration: none; }
#footer a:hover {color:   #FFF; text-decoration: none; }
 
 
#content {
width: 890px;
left: 4px;
position: relative;
}


#leftside {
float: left;
position: relative;
width: 277px;
left: 4px;
position: relative;
}

#rightside {
float: left;
position: relative;
width: 609px;
margin-top: 12px;
left: 4px;
position: relative;
}



#teachertop_pink {
width: 240px;
height: 25px;
background-image: url("theme/pinktop.gif");
background-position: top center;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
}

#teachermid_pink {
width: 240px;
background-color: #EED9E3;
margin-left: auto;
margin-right: auto;
color: #5C2264;
font-size: 11px;
}



#teacherbtm_pink {
width: 240px;
height: 25px;
background-image: url("theme/pinkbtm.gif");
background-position: top center;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}


















#teachertop_blue {
width: 240px;
height: 25px;
background-image: url("theme/bluetop.gif");
background-position: top center;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
}

#teachermid_blue {
width: 240px;
background-color: #D6E5F5;
margin-left: auto;
margin-right: auto;
color: #284D8C;
font-size: 11px;
}




#teacherbtm_blue {
width: 240px;
height: 25px;
background-image: url("theme/bluebtm.gif");
background-position: top center;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}



















#teachertop_yellow {
width: 240px;
height: 25px;
background-image: url("theme/yellowtop.gif");
background-position: top center;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
}

#teachermid_yellow {
width: 240px;
background-color: #FFE3A3;
margin-left: auto;
margin-right: auto;
color: #E97124;
font-size: 11px;
}




#teacherbtm_yellow {
width: 240px;
height: 25px;
background-image: url("theme/yellowbtm.gif");
background-position: top center;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}






















#teachertop_peach {
width: 240px;
height: 25px;
background-image: url("theme/peachtop.gif");
background-position: top center;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
}

#teachermid_peach {
width: 240px;
background-color: #FBCEB8;
margin-left: auto;
margin-right: auto;
color: #E43F4C;
font-size: 11px;
}

#teacher_info {
width: 208px;
margin-left: auto;
margin-right: auto;
}


#teacherbtm_peach {
width: 240px;
height: 25px;
background-image: url("theme/peachbtm.gif");
background-position: top center;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}

#variations_pink {
width: 900px;
background-color: #EED9E3;
color: #5C2264;
font-size: 11px;
clear: both; 
float: left; 
left: 2px; 
position: relative;
}

#variations_pink a:link { color: #5C2264; text-decoration: underline; }
#variations_pink a:active { color: #5C2264; text-decoration: underline; }
#variations_pink a:visited { color: #5C2264; text-decoration: underline; }
#variations_pink a:hover { color: #5C2264; text-decoration: underline; }



#variations_blue {
width: 900px;
background-color: #D6E5F5;
color: #284D8C;
font-size: 11px;
clear: both; 
float: left; 
left: 2px; 
position: relative;
}


#variations_blue a:link { color: #284D8C; text-decoration: underline; }
#variations_blue a:active { color: #284D8C; text-decoration: underline; }
#variations_blue a:visited { color: #284D8C; text-decoration: underline; }
#variations_blue a:hover { color: #284D8C; text-decoration: underline; }


#variations_yellow {
width: 900px;
background-color: #FFE3A3;
color: #E97124;
font-size: 11px;
clear: both; 
float: left; 
left: 2px; 
position: relative;
}

#variations_yellow a:link { color: #E97124; text-decoration: underline; }
#variations_yellow a:active { color: #E97124; text-decoration: underline; }
#variations_yellow a:visited { color: #E97124; text-decoration: underline; }
#variations_yellow a:hover { color: #E97124; text-decoration: underline; }

#variations_peach {
width: 900px;
background-color: #FBCEB8;
color: #E43F4C;
font-size: 11px;
clear: both; 
float: left; 
left: 2px; 
position: relative;
}

#variations_peach a:link { color: #E43F4C; text-decoration: underline; }
#variations_peach a:active { color: #E43F4C; text-decoration: underline; }
#variations_peach a:visited { color: #E43F4C; text-decoration: underline; }
#variations_peach a:hover { color: #E43F4C; text-decoration: underline; }


#variation_info {
margin-top: 24px;
width: 290px;
float: left;
left:10px;
position: relative;
}



.timetable {
border: 1px #DB2A34 solid;
color: #DB2A34;
}

.timetable a:link { color: #DB2A34; text-decoration: underline; }
.timetable a:active { color: #DB2A34; text-decoration: underline; }
.timetable a:visited { color: #DB2A34; text-decoration: underline; }
.timetable a:hover { background-color: #DB2A34; color: #fff; text-decoration: underline; }


.tthead {
border: 1px #DB2A34 solid;
background-color: #DB2A34;
color: #FFF;
font-weight: bold;
}

.blockbook {
color: #DB2A34;
font-weight: bold;
}

#bellydance {
width: 879px;
margin-left: auto;
margin-right: auto;
}

#yogaclass {
width: 619px;
float: left;
}

#hiphopclass {
width: 260px;
height: 204px;
float: right;
background-image: url("caloriecounter.gif");
background-position: top center;
background-repeat: no-repeat;
cursor: pointer;
}

#salsaclass {
width: 875px;
height: 130px;
background-image: url("grey.gif");
background-position: top center;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

#streetclass {
width: 875px;
height: 153px;
background-image: url("cream.gif");
background-position: top center;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}

#dancehallclass {
width: 287px;
height: 140px;
background-image: url("fighter.gif");
background-position: top left;
background-repeat: no-repeat;
float: left;
position: relative;
}







#dancehallclasstext {
width: 160px;
left: 105px;
position: relative;
}



#eroticdanceclass {
width: 366px;
height: 130px;
background-image: url("description.gif");
background-position: top left;
background-repeat: no-repeat;
float: left;
}

#eroticdanceclasstext {
width: 210px;
left: 135px;
top: 25px;
position: relative;
}

#latindanceclass {
width: 160px;
height: 130px;
background-image: url("timetable.gif");
background-position: top left;
background-repeat: no-repeat;
float: left;
margin-left: 10px;
}

#latindanceclasstext {
width: 160px;
top: 25px;
left: 2px;
position: relative;
}

#capoeiraclass {
width: 301px;
height: 130px;
background-image: url("member.gif");
background-position: top left;
background-repeat: no-repeat;
float: left;
margin-left: 10px;
}

#capoeiraclasstext {
width: 210px;
left: 125px;
top: 25px;
position: relative;
}

#weddingdanceclass {
width: 320px;
height: 145px;
background-image: url("bellydance.gif");
background-position: top left;
background-repeat: no-repeat;
float: left;
position: relative;
}

#weddingdanceclasstext {
width: 210px;
left: 90px;
top: 0px;
position: relative;
}

#pilatesclass {
width: 260px;
height: 145px;
background-image: url("spicegirls.gif");
background-position: top left;
background-repeat: no-repeat;
float: left;
position: relative;
}

#pilatesclasstext {
width: 140px;
left: 135px;
top: 0px;
position: relative;
}


#wellbeingclass {
width: 192px;
height: 146px;
background-image: url("images/wellbeing.jpg");
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}


#adult {
width: 192px;
height: 146px;
background-image: url("images/dance.jpg");
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}

#kids {
width: 192px;
height: 146px;
background-image: url("images/kids.jpg");
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}

#parenting {
width: 192px;
height: 146px;
background-image: url("images/parenting.jpg");
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}

#subscribe {
width: 192px;
height: 146px;
background-image: url("images/subscribe.jpg");
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}

#professional {
width: 192px;
height: 146px;
background-image: url("images/professional.jpg");
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}


#parties {
width: 192px;
height: 146px;
background-image: url("images/themedparties.jpg");
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}

#pinksundae {
width: 192px;
height: 146px;
background-image: url("images/pinksundae.jpg");
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}

#wedding {
width: 192px;
height: 146px;
background-image: url("images/wedding.jpg");
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}





#classhead {
color: #fff;
font-weight: bold;
text-align: center;
top: 4px;
position: relative;
}

.classhead {
color: #fff;
}

.classhead a:link { color: #FFF; text-decoration: none; }
.classhead a:active { color: #FFF; text-decoration: none; }
.classhead a:visited { color: #FFF; text-decoration: none; }
.classhead a:hover { color: #FFF; text-decoration: none; }