body {
background-color: #575757;
height: 100%;
font-family: arial, "lucida console", sans-serif;
}

.footer {       /* Just the footer at the bottom */
font-size: 10px;
text-transform: uppercase;
font-weight: none;
width: 940px;
margin: 0 auto;
text-align: center;
}

/*   START OF FRONT PAGE, INDEX DIVS */

#homequote { /* Ella Fitzgerald Quote */
font-style: italic;
font-family: cursive;
text-align: center;
width: 100%;
padding-bottom: 20px;
}

#frame {    /* Frame - This holds content and banner divs */
text-align: left;
width: 900px;
min-height: 800px;
height: auto !important;
height: 100%;
padding-right: 20px;
padding-left: 20px;
margin: 0 auto;
background-color: #ffffff;
border: 1px solid black;
}

#banner {     /* Banner and making the page long enough  */
width: 900px;
margin-right: auto;
overflow: hidden;
position: relative;
padding-top: 10px;
}

#navbar {	/*Nav-bar div, controls the font of the buttons and spaces it a bit between more content  */
text-align: center;
height: 50px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

#video {  /* controls the positioning of the div containing the video */
margin-left: 10px;
}

#rightcontenthome { /*controls buttons on the front page */
width: 35%;
margin-left: 20px;
padding-right: 40px;
padding-top: 10px;
margin-top: 10px;

}
#homeleft {
margin-right: 25px;
border-right: 1px dashed black;
padding-right: 25px;
margin-top: 25px;
margin-bottom: 5px;
float: left;
}


#homemaincontent {
margin-top: 20px;
}


/*    END OF FRONT PAGE, INDEX DIVS   */

/*    START OF TEACHER PAGE DIVS */

#leftcontent { /*  controls the div containing the buttons on the left side of teacher page */
float: left;
margin-top: 25px;
width: 25%;
height: 100%;
margin-right: 10px;
padding-right: 10px;
}

#teacherrightcontent { /*controls teacher info, positioning of picture and text for bios */
float: left;
width: 65%;
margin-left: 30px;
margin-top: 25px;
}

#teacherrightcontent img { /*margin around teacher bio images */
margin-right: 10px;
}

/* END OF TEACHER PAGE DIVS */

/* START OF CONTACT PAGE DIVS */

#contactleft {
width: 45%;
border-right: 1px dotted black;
float: left;
margin-right: 100px;
margin-top: 0px;
font-size: 12pt;
text-align: center;
}

#map, #map a {
border: none;
padding: none;
text-align: center;
color: black;
margin: 0 auto;
}


span {
font-size: 14pt;
color: #575757;
font-weight: bold;
}
span.sls { /* sls text on front page */
font-style: italic;
font-size: 10pt;
color: black;
}
p.titlebar { /*on contact page, Sing Vocal Studios text control */
font-size: 18pt;
color: #575757;
}
p.cancellation {  /*controls text on cancellation page */
font-style: italic;
font-size: 10pt;
margin-right: 25px;
margin-left: 25px;
}

img {
border-style: none;
}

p {
font-size: 15px;
font-family: arial, "lucida console", sans-serif;
}

ul { /* Spacing between nav buttons: if these are removed they wonk out */
margin:0px;
padding:0px;
}

ul.sls {
margin: 10px;
padding: 10px;
list-style-type: none;
}

li.sls {
display: block;
font-size: 10pt;
text-align:left;
}
p.center {
text-align: center;
font-size: 9pt;
}

li { /* controls nav menu stuff */
text-align: center;	
display:inline-block;
zoom:1;
*display:inline;
}

li.leftlist {
text-align: center;
display: block;
}

h1 {
	text-align: center;
	font-size: 14px;
}

/* LINK STYLING FOR ALL PAGES STARTS HERE */

a {
width:160px;
padding-top: 5px;
padding-bottom: 5px;
border-top: solid 1px black;
border-right: solid 1px black;
border-bottom: solid 1px black;
border-left: solid 1px black;
color: black;
display: block;
text-decoration: none;
}

a:hover {
border: 1px solid #9f3734;
}
a.pagebutton {
	border: 1px solid #9f3734;
background-image: url('../img/button_gradient.gif');

}

html>body a.pagebutton { /*changing the size for firefox but not IE, I think */
width: 174px;
}


a.anjtop {  /*controls the SLS link in Anjanette's bio near the top */
width: 100px;
background-color: white;
padding: 0px;
margin: 0px;
border: none;
color: black;
display: inline;
}
a.anjtop:hover {
border: none;
padding: 0px;
margin: 0px;
color: #cba635;
background-color: none;
}
a.anj { /* links on the bottom of Anjanette's bio page */
margin: 0 auto;
width: 250px;
text-align: center;
background-image: url('../img/button_gradient.gif');
}

a.slsbutton { /* controls the links of the buttons on the sls page at the  bottom */
margin: 0 auto;
width: 300px;
background-image: url('../img/button_gradient.gif');

}

a.buttong { /* sizing and gradient image for nav buttons */
width: 177px;
background-image: url('../img/button_gradient.gif');
}
html>body a.buttong { /*changing the size for firefox but not IE, I think */
width: 174px;
} 

a.buttont {  /*width and background styling of links on teachers page */
width: 200px;
background-image: url('../img/button_gradient.gif');
}
a.buttont:hover {
text-decoration: underline;
color: #9f3734;
}


a.frontbuttons { /* controls linking on front button images */
border: none;
margin-top: 5px;
padding: 0px;
}

/* LINK STYLING FOR ALL PAGES ENDS HERE */