/* ---- Style Sheet for Basically Ballet ----*/

body {
 color: rgb(0, 0, 0); 
 background-color: rgb(255, 255, 153);
 font-family: arial, helvetica;
}

h1 {
 font-style: italic;
 font-family: papyrus, times;
 color: rgb(51, 0, 0); 
 text-align: center;
 border-style: double;
 padding: 12px;
 border-color: rgb(204, 153, 51);
 background-color: rgb(255, 204, 102);
}

h2 {
 text-align: center;
 font-family:times;
 font-style: italic;
}

h4 {
 font-style: italic;
 font-weight: bold;
 text-decoration: underline;
}

hr {
 height: 3px;
 color: rgb(204, 153, 51);
}

/*--- link colors --*/

a, .navline a:link { 
  color: rgb(0, 0, 0); 
} 

.navline a:visited { 
  color: rgb(51, 0, 0); 
} 

.navline a:hover { 
  color: rgb(204, 102, 0); 
} 

.navline a:focus { 
  color: rgb(102, 0, 0); 
} 

.navline a:active { 
  color: rgb(224, 0, 12); 
}

dt {
 font-weight: bold;
}

.navline {
 font-size: small; 
 font-family: times;
 color: rgb(51, 0, 0);
 text-align: center; 
 border-style: double; 
 padding: 6px;
 width: 450px;
 border-color: rgb(204, 153, 51); 
 background-color: rgb(255, 204, 102);
}

.testimonal {
 font-style: italic;
 font-size: x-small;
 font-family: arial narrow, times;
 padding: 8px;
 margin-left: 8px;
}

.leftside {
 position: absolute; 
 font-style: italic;
 font-size: x-small;
 font-family: arial narrow, times;
 left: 8px;
 width: 170px;
 top: 350px;
}

.leftsidehigh {
 position: absolute; 
 font-style: italic;
 font-size: x-small;
 font-family: arial narrow, times;
 left: 8px;
 width: 170px;
 top: 190px;
}

.dictionary {
 font-size: large; 
 font-weight: bold; 
 font-family: times;
}

.name {
 font-style: italic;
 font-weight: bold;
 padding-left: 190px;
}

.leftpanel {
 position: absolute;
 top: 190px;
 left: 8px;
 width: 175px;
 background-color: rgb(255, 204, 102);
 border-style: double;
 border-color: rgb(204, 153, 51);
 font-size: small;
 font-style: italic;
 font-family: times;
 font-weight: bold;
}

.rightpanel {
 position: absolute;
 top: 190px;
 right: 5px;
 width: 225px;
}

.centerpanel {
 margin-left: 180px;
 margin-right: 225px;
 padding-left: 5x;
 padding-right: 5px;
 font-size: 95%;
}   

li {
font-weight: bold;
font-size: medium;
font-style: italic;
}

.footer {
 /*position: absolute; */
 float: top;
 top: 885px;         
 left: 375px;        
 font-size: xx-small;
 /*font-style: italic;*/
 /*font-weight: bolder;*/
 text-align: center;
 font-family: arial;
 }

.sidenotes {
 font-size: x-small;
 font-weight: bold;
}  
 
/*--- navigation line for footer --- */
.navlinefoot {
/* font-weight: bold; */
 font-size: 8px;
 text-align: center;
}

* -- table attributes for Schedule page -- */
table.schedule {
 border-width: 2px;
 border-collapse: collapse;
 border-color: rgb(204, 153, 51);
 border-style: solid;
 width: 100%;
}

td, th {
 border-color: rgb(204, 153, 51);
 border-width: 1px;
 border-style: solid;
 padding: 3px;
}

th.level {
 width: 70%;
}

.center40 {
 padding: 40px;
}