/* =======================================================
==========================================================
JANET'S DANCE STUDIO, LLC - THE COMPLETE CSS
http://wwww.janetsdancestudio.com
Created on 08/10/2006 by Dan Haskins
==========================================================
======================================================= */

body{
margin:10px 50px 50px 50px;
background:#000000;
text-align:center;
font-family:Trebuchet MS, sans-serif;
font-size:12px;
color:#BFBFBF;
}

#JDS{
width:556px;
margin:0 auto;
text-align:left;
}


/* -------------------------------------------------------
HEADER
------------------------------------------------------- */

h1{
display:none;
}


#JDS.llc h1, #JDS.howto h1, #JDS.home h1{
display:block;
width:556px;
height:140px;
margin:50px 0 0 0;
* margin:40px 0 0 0;
text-indent:-9999pt;
background:url(HDmix.gif) 0 0 no-repeat;
}

h2{
width:556px;
height:140px;
margin:0;
text-indent:-9999pt;
}

#JDS.mexico h2{
background:url(HDmexico.gif) 0 0 no-repeat;
}

#JDS.moberly h2{
background:url(HDmoberly.gif) 0 0 no-repeat;
}

#JDS.fulton h2{
background:url(HDfulton.gif) 0 0 no-repeat;
}

#JDS.centralia h2{
background:url(HDcentralia.gif) 0 0 no-repeat;
}

#contact{
display:none;
}


/* -------------------------------------------------------
HEADER NAVIGATION
------------------------------------------------------- */

#STUDIOnav{
width:556px;
height:40px;
margin:0;
border-bottom:1px solid #404040;
padding:0;
list-style:none;
}

#STUDIOnavm{
width:556px;
height:40px;
margin:0;
border-bottom:1px solid #DB152C;
padding:0;
list-style:none;
}

#STUDIOnavb{
width:556px;
height:40px;
margin:0;
border-bottom:1px solid #FF76AB;
padding:0;
list-style:none;
}

#STUDIOnavc{
width:556px;
height:40px;
margin:0;
border-bottom:1px solid #924CC2;
padding:0;
list-style:none;
}

#STUDIOnavf{
width:556px;
height:40px;
margin:0;
border-bottom:1px solid #6385c4;
padding:0;
list-style:none;
}

#STUDIOnav li, #STUDIOnavm li, #STUDIOnavb li, #STUDIOnavf li, #STUDIOnavc li{
display:block;
float:left;
}

#STUDIOnav li a, #STUDIOnavm li a, #STUDIOnavb li a, #STUDIOnavf li a, #STUDIOnavc li a{
display:block;
height:40px;
overflow:hidden;
text-indent:-9999pt;
background-image:url(STUDIOnav.gif);
background-repeat:no-repeat;
}

/* ABOUT US */
#STUDIOnav-aboutus a{
width:57px;
background-position:0 0;
}

#STUDIOnav-aboutus a:hover{
width:57px;
background-position:0 -40px;
}

#JDS.about #STUDIOnav-aboutus a{
width:57px;
background-position:0 -80px;
cursor:default;
}


/* CLASSES */
#STUDIOnav-classes a{
width:58px;
background-position:-57px 0;
}

#STUDIOnav-classes a:hover{
background-position:-57px -40px;
}

#JDS.classes #STUDIOnav-classes a{
background-position:-57px -80px;
cursor:default;
}

/* DANCE CALENDAR */
#STUDIOnav-calendar a{
width:112px;
background-position:-115px 0;
}

#STUDIOnav-calendar a:hover{
background-position:-115px -40px;
}

#JDS.calendar #STUDIOnav-calendar a{
background-position:-115px -80px;
cursor:default;
}

/* TUITION & REGISTRATION */
#STUDIOnav-tuition a{
width:139px;
background-position:-227px 0;
}

#STUDIOnav-tuition a:hover{
background-position:-227px -40px;
}

#JDS.tuition #STUDIOnav-tuition a{
background-position:-227px -80px;
cursor:default;
}

/* HOW TO CHOOSE A DANCE STUDIO */
#STUDIOnav-howto a{
width:190px;
background-position:-366px 0;
}

#STUDIOnav-howto a:hover{
background-position:-366px -40px;
}

#JDS.howto #STUDIOnav-howto a{
background-position:-366px -80px;
cursor:default;
}

/* PREVIOUS PAGE */
#STUDIOnav-previous a{
width:82px;
background-position:-570px 0;
}

#STUDIOnav-previous a:hover{
background-position:-570px -40px;
}

/* -------------------------------------------------------
HEADER NAVIGATION PT2
------------------------------------------------------- */

#HDnav{
position:relative;
width:461px;
height:40px;
margin:0;
border-top:1px solid #404040;
padding:0;
background:url(HDnav.gif) 0 0 no-repeat;
list-style:none;
text-indent:-9999pt;
}

#HDnav{
width:461px;
border:none;
}

#JDS.home #HDnav{
border:none;
}

#HDnav li{
font-size:0;
line-height:0;
}

#HDnav li a{
position:absolute;
top:0;
display:block;
height:40px;
overflow:hidden;
text-indent:-9999pt;
background-image:url(HDnav.gif);
background-repeat:no-repeat;
}

/* MEXICO */
#HDnav-mexico a{
left:111px;
width:54px;
background-position:-111px 0;
}

#HDnav-mexico a:hover{
background-position:-111px -80px;
}

#JDS.mexico #HDnav-mexico a{
background-position:-111px -80px;
cursor:default;
}

/* MOBERLY */
#HDnav-moberly a{
left:165px;
width:61px;
background-position:-165px 0;
}

#HDnav-moberly a:hover{
background-position:-165px -80px;
}

#JDS.moberly #HDnav-moberly a{
background-position:-165px -80px;
cursor:default;
}

/* FULTON */
#HDnav-fulton a{
left:226px;
width:52px;
background-position:-226px 0;
}

#HDnav-fulton a:hover{
background-position:-226px -80px;
}

#JDS.fulton #HDnav-fulton a{
background-position:-226px -80px;
cursor:default;
}

/* CENTRALIA */
#HDnav-centralia a{
left:278px;
width:65px;
background-position:-278px 0;
}

#HDnav-centralia a:hover{
background-position:-278px -80px;
}

#JDS.centralia #HDnav-centralia a{
background-position:-278px -80px;
cursor:default;
}

/* PHOTO GALLERY */
#HDnav-photo a{
left:366px;
width:95px;
background-position:-366px 0;
}

#HDnav-photo a:hover{
background-position:-366px -40px;
}

#JDS.llc #HDnav-photo a{
background-position:-366px -80px;
cursor:default;
}

/* 


/*-------------------------------------------------------
FEATURE CONTENT
------------------------------------------------------- */

#content{
clear:both;
}

#feature{
float:left;
width:371px;
padding-bottom:5px;
text-align:justify;
}

#JDS.llc #feature, #JDS.howto #feature{
width:556px;
}

p.hdiv{
display:block;
height:1px;
margin:0;
* margin-top:-6px;
* margin-bottom:-20px;
border-top:1px solid #404040;
}

table{
margin:12px 0;
border-collapse:collapse;
text-align:left;
}


tr.alt{
background:#0D0D0D;
}

td{
padding:4px;
vertical-align:top;
}

tr.alt td{
border-top:1px solid #2A2A2A;
border-bottom:1px solid #2A2A2A;
}

#feature a{
color:#FFFFFF;
}

#feature h4{
margin-bottom:0;
* margin-bottom:-8px;
border-bottom:1px solid #2A2A2A;
font-size:16px;
}

#feature h5{
margin-bottom:0;
* margin-bottom:-8px;
text-align:left;
font-size:16px;
}

#feature.center{
margin-bottom:0;
* margin-bottom:-8px;
text-align:center;
font-size:16px;
font-weight=bold
}

/* -------------------------------------------------------
FEATURE BY TOWN
------------------------------------------------------- */

#featurem{
float:left;
width:371px;
padding-bottom:5px;
text-align:justify;
}

#featurem h4{
margin-bottom:0;
* margin-bottom:-8px;
border-bottom:1px solid #DB152C;
font-size:16px;
}

#featurem h5{
margin-bottom:0;
* margin-bottom:-8px;
text-align:left;
font-size:16px;
}

p.hdivm{
display:block;
height:1px;
margin:0;
* margin-top:-6px;
* margin-bottom:-20px;
border-top:1px solid #DB152C;
}

#featureb{
float:left;
width:371px;
padding-bottom:5px;
text-align:justify;
}

#featureb h4{
margin-bottom:0;
* margin-bottom:-8px;
border-bottom:1px solid #FF76AB;
font-size:16px;
}

#featureb h5{
margin-bottom:0;
* margin-bottom:-8px;
text-align:left;
font-size:16px;
}

p.hdivb{
display:block;
height:1px;
margin:0;
* margin-top:-6px;
* margin-bottom:-20px;
border-top:1px solid #FF76AB;
}

#featuref{
float:left;
width:371px;
padding-bottom:5px;
text-align:justify;
}

#featuref h4{
margin-bottom:0;
* margin-bottom:-8px;
border-bottom:1px solid #6385c4;
font-size:16px;
}

#featuref h5{
margin-bottom:0;
* margin-bottom:-8px;
text-align:left;
font-size:16px;
}

p.hdivf{
display:block;
height:1px;
margin:0;
* margin-top:-6px;
* margin-bottom:-20px;
border-top:1px solid #6385c4;
}

#featurec{
float:left;
width:371px;
padding-bottom:5px;
text-align:justify;
}

#featurec h4{
margin-bottom:0;
* margin-bottom:-8px;
border-bottom:1px solid #924CC2;
font-size:16px;
}

#featurec h5{
margin-bottom:0;
* margin-bottom:-8px;
text-align:left;
font-size:16px;
}

p.hdivc{
display:block;
height:1px;
margin:0;
* margin-top:-6px;
* margin-bottom:-20px;
border-top:1px solid #924CC2;
}

/* -------------------------------------------------------
FEATURE HEADER
------------------------------------------------------- */

#feature h3{
width:371px;
height:13px;
margin:23px 0 0 0;
background-image:url(featureHD.gif);
background-repeat:no-repeat;
text-indent:-9999pt;
font-size:0;
line-height:0;
}

#featurem h3{
width:371px;
height:13px;
margin:23px 0 0 0;
background-image:url(featureHD.gif);
background-repeat:no-repeat;
text-indent:-9999pt;
font-size:0;
line-height:0;
}

#featureb h3{
width:371px;
height:13px;
margin:23px 0 0 0;
background-image:url(featureHD.gif);
background-repeat:no-repeat;
text-indent:-9999pt;
font-size:0;
line-height:0;
}

#featurec h3{
width:371px;
height:13px;
margin:23px 0 0 0;
background-image:url(featureHD.gif);
background-repeat:no-repeat;
text-indent:-9999pt;
font-size:0;
line-height:0;
}

#featuref h3{
width:371px;
height:13px;
margin:23px 0 0 0;
background-image:url(featureHD.gif);
background-repeat:no-repeat;
text-indent:-9999pt;
font-size:0;
line-height:0;
}

#JDS.about h3{
background-position:0 0;
}

#JDS.classes h3{
background-position:0 -13px;
}

#JDS.calendar h3{
background-position:0 -26px;
}

#JDS.tuition h3{
background-position:0 -39px;
}

#JDS.howto h3{
background-position:0 -52px;
}

#JDS.llc h3{
background-position:0 -65px;
}

/* -------------------------------------------------------
TUITION & REGISTRATION
------------------------------------------------------- */

#feature .rate, #featurem .rate, #featureb .rate, #featuref .rate, #featurec .rate{
width:301px;
margin-left:25px;
border:1px solid #2A2A2A;
padding:10px;
background:url(rateBKG.gif) repeat-x #0E0E0E;
text-align:center;
font-size:12px;
color:#F7DA3B;
}

#feature .rate strong, #featurem .rate strong, #featureb .rate strong, #featuref .rate strong, #featurec .rate strong{
display:block;
font-size:16px;
font-weight:normal;
color:#FFFFFF;
}

#featuref a:link, #featuref a:visited, #featuref a:hover, #featuref a:active  {
	color: #6385c4;
	text-decoration: none;	
      }

#featurem a:link, #featurem a:visited, #featurem a:hover, #featurem a:active  {
	color: #DB152C;
	text-decoration: none;	
      }

#featurec a:link, #featurec a:visited, #featurec a:hover, #featurec a:active  {
	color: #924CC2;
	text-decoration: none;	
      }

#featureb a:link, #featureb a:visited, #featureb a:hover, #featureb a:active  {
	color: #FF76AB;
	text-decoration: none;	
      }

/* -------------------------------------------------------
SIDEBAR
------------------------------------------------------- */

#sidebar{
float:left;
width:162px;
padding:23px 0 23px 23px;
overflow:hidden;
}

#sidebar p{
margin:0 0 12px 0;
padding:8px;
background:#151515;
}

#sidebar img{
width:146px;
margin:0 0 6px 0;
* margin:0 0 12px 0;
padding:0;
border:8px solid #151515;
}

#sidebarm{
float:left;
width:162px;
padding:23px 0 23px 23px;
overflow:hidden;
color:#dddddd;
}

#sidebarm p{
margin:0 0 12px 0;
padding:8px;
background:#DB152C;
}

#sidebarm img{
width:146px;
margin:0 0 6px 0;
* margin:0 0 12px 0;
padding:0;
border:8px solid #DB152C;
}

#sidebarb{
float:left;
width:162px;
padding:23px 0 23px 23px;
overflow:hidden;
color:#dddddd;
}

#sidebarb p{
margin:0 0 12px 0;
padding:8px;
background:#FF76AB;
}

#sidebarb img{
width:146px;
margin:0 0 6px 0;
* margin:0 0 12px 0;
padding:0;
border:8px solid #FF76AB;
}

#sidebarf{
float:left;
width:162px;
padding:23px 0 23px 23px;
overflow:hidden;
color:#dddddd;
}

#sidebarf p{
margin:0 0 12px 0;
padding:8px;
background:#6385c4;
}

#sidebarf img{
width:146px;
margin:0 0 6px 0;
* margin:0 0 12px 0;
padding:0;
border:8px solid #6385c4;
}

#sidebarc{
float:left;
width:162px;
padding:23px 0 23px 23px;
overflow:hidden;
color:#dddddd;
}

#sidebarc p{
margin:0 0 12px 0;
padding:8px;
background:#924CC2;
}

#sidebarc img{
width:146px;
margin:0 0 6px 0;
* margin:0 0 12px 0;
padding:0;
border:8px solid #924CC2;
}

/* -------------------------------------------------------
FOOTER
------------------------------------------------------- */

#footer{
* padding-top:6px;
clear:both;
}


/* -------------------------------------------------------
FOOTER NAVIGATION
------------------------------------------------------- */

#FTnav{
position:relative;
width:556px;
height:40px;
margin:0;
border-top:1px solid #404040;
padding:0;
background:url(FTnav.gif) 0 0 no-repeat;
list-style:none;
text-indent:-9999pt;
}

#JDS.home #FTnav, #JDS.home #FTnavm, #JDS.home #FTnavb, #JDS.home #FTnavf, #JDS.home #FTnavc{
border:none;
}

#FTnav li, #FTnavm li, #FTnavb li, #FTnavf li, #FTnavc li{
font-size:0;
line-height:0;
}

#FTnav li a, #FTnavm li a, #FTnavb li a, #FTnavf li a, #FTnavc li a{
position:absolute;
top:0;
display:block;
height:40px;
overflow:hidden;
text-indent:-9999pt;
background-image:url(FTnav.gif);
background-repeat:no-repeat;
}

/* MEXICO */
#FTnavm{
position:relative;
width:556px;
height:40px;
margin:0;
border-top:1px solid #db152c;
padding:0;
background:url(FTnav.gif) 0 0 no-repeat;
list-style:none;
text-indent:-9999pt;
}

#FTnav-mexico a{
left:111px;
width:54px;
background-position:-111px 0;
}

#FTnav-mexico a:hover{
background-position:-111px -80px;
}

#JDS.mexico #FTnav-mexico a{
background-position:-111px -80px;
cursor:default;
}

/* MOBERLY */
#FTnavb{
position:relative;
width:556px;
height:40px;
margin:0;
border-top:1px solid #ff76ab;
padding:0;
background:url(FTnav.gif) 0 0 no-repeat;
list-style:none;
text-indent:-9999pt;
}

#FTnav-moberly a{
left:165px;
width:61px;
background-position:-165px 0;
}

#FTnav-moberly a:hover{
background-position:-165px -80px;
}

#JDS.moberly #FTnav-moberly a{
background-position:-165px -80px;
cursor:default;
}

/* FULTON */
#FTnavf{
position:relative;
width:556px;
height:40px;
margin:0;
border-top:1px solid #6385c4;
padding:0;
background:url(FTnav.gif) 0 0 no-repeat;
list-style:none;
text-indent:-9999pt;
}

#FTnav-fulton a{
left:226px;
width:52px;
background-position:-226px 0;
}

#FTnav-fulton a:hover{
background-position:-226px -80px;
}

#JDS.fulton #FTnav-fulton a{
background-position:-226px -80px;
cursor:default;
}

/* CENTRALIA */
#FTnavc{
position:relative;
width:556px;
height:40px;
margin:0;
border-top:1px solid #924CC2;
padding:0;
background:url(FTnav.gif) 0 0 no-repeat;
list-style:none;
text-indent:-9999pt;
}

#FTnav-centralia a{
left:278px;
width:65px;
background-position:-278px 0;
}

#FTnav-centralia a:hover{
background-position:-278px -80px;
}

#JDS.centralia #FTnav-centralia a{
background-position:-278px -80px;
cursor:default;
}

/* ABOUT JANET'S DANCE STUDIO, LLC */
#FTnav-llc a{
left:366px;
width:190px;
background-position:-366px 0;
}

#FTnav-llc a:hover{
background-position:-366px -40px;
}

#JDS.llc #FTnav-llc a{
background-position:-366px -80px;
cursor:default;
}


/* -------------------------------------------------------
COPYRIGHT NOTICE
------------------------------------------------------- */

#copyright{
* position:relative;
* top:-18px;
width:178px;
height:8px;
background:url(c2006.gif) 0 0 no-repeat;
text-indent:-9999pt;
font-size:0;
line-height:0;
}