/******************************************************
**  cascading style sheet for speedy beers, www.speedybeers.com
**
**  by Robert W. Murray, March 2005
**
*******************************************************
*/

* {
    font-family: Arial, Helvetica, sans-serif;
    color: black;
}

body {
    background: #4B4B4B url(../img/blackgrad.gif) repeat-x top left;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    margin: 0;
    padding: 0;
}

html {
    min-height: 100%;
    margin-bottom: 1px;
}

#wrapper {
    margin: 0px auto;
    width: 738px;
    text-align: left;
}

.floatleft  { float: left; }
.floatright { float: right; }


/*----------------------
 *  Special Text styles
 */

.stdTextSmall {
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    color: black;
}
.stdTextLarge {
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
    color: black;
}
.estdtext {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #336699;
}

/*----------------------
 *  Backgrounds
 */
.bgHome {
    background: url("/img/bg/bgmusic1.jpg") repeat top left;
}
.bgStudio {
    background: url("/img/bg/bgnotes12.gif") repeat top left;
}
.bgAbout {
    background: url("/img/bg/bgmusic1.jpg") repeat top left;
}
.bgNetLessons {
    background: url("/img/bg/bgmusic1.jpg") repeat top left;
}
.bgStudents {
    background: url("/img/bg/bgmusicstaff.jpg") repeat top left;
}
.bgTestimonials {
    background: url("/img/bg/bgmusic2.gif") repeat top left;
}
.bgInfoForm {
    background: url("/img/bg/bgmusic1.jpg") repeat top left;
}
.bgContact {
    background: url("/img/bg/bgmusic1.jpg") repeat top left;
}
.bgBens {
    background: url("/img/bg/bgmusic3.gif") repeat top left;
}
.bgDocs {
    background: url("/img/bg/bgmusic1.jpg") repeat top left;
}
.bgMusic {
    background: url("/img/bg/bgmusic1.jpg") repeat top left;
}



/*----------------------
 *  Links
 */
a.stdlink:link      { color: #00F;    text-decoration: none; }
a.stdlink:visited   { color: #00F;    text-decoration: none; }
a.stdlink:hover     { color: #801010; text-decoration: underline; }
a.stdlink:active    { color: #936;    text-decoration: underline; }

a.footer:link       { color: white;   text-decoration: underline; }
a.footer:visited    { color: white;   text-decoration: none; }
a.footer:hover      { color: #FF0;    text-decoration: underline; }
a.footer:active     { color: #FF0;    text-decoration: underline; }

a:link              { color: #00F;    text-decoration: none; }
a:visited           { color: #00F;    text-decoration: none; }
a:hover             { color: #801010; text-decoration: underline;  }
a:active            { color: #936;    text-decoration: underline;  }


/*----------------------
 *  Left Navigation
 */

.leftNav ul li {
    margin: 10px 1px 15px 5px;
    text-align: center;
}
.leftNav ul li {
    list-style-type: none;
    font-size: 12pt;
    font-weight: bold;
}
.leftNav ul li a {
    color: #936;
    font-size: 12pt;
}

a.leftNav:link    {color: #936 ; text-decoration: none;}
a.leftNav:visited {color: #936 ; text-decoration: none;}
a.leftNav:hover   {color: blue ; text-decoration: underline;}
a.leftNav:active  {color: red     ; text-decoration: none;}


#lnavTitle {
    font-weight: bold;
    font-size: 8pt;
    margin: 0 0 5px 0;
    margin-top: 0px !important;
    text-transform: uppercase;
    padding: 2px 0px 2px 0px;
    text-indent: 20px;
    width: 174px;
}

#lnavList {
    margin-left: 5px;
}

.lnavGroup {
    margin-left: 9px;
    font-size: 11pt;
    font-weight: bold;
}
.lnavGroup a {

    font-weight: bold;
}
.lnavGroup a:hover {
    color: #800;
}


.linkitem a {
    display: block;
    font-weight: normal;
    padding-left: 25px;
    padding-bottom: 4px;
}
.linkitem a:hover {
    color: #800;
}
.linkitem a img {
    display: inline;
    padding-left: 20px;
}

/*----------------------
 *  Top Navigation
 */

#topnav {
    margin: 0; padding: 0;
    height: 20px;
    clear: both;
    border: 0 none;
/*
    width: 770px;
    border-top: 2px #800 solid;
*/
    background-color: #800;
}


/*----------------------
 *  Speedy's Name
 */
#sbname, #dotcomText {
    font-family: "bookman old style";
    font-size: 36pt;
    font-style: italic;
    font-weight: bold;
    color: #993333;
    padding-left: 30px;
}
#sbtitle {
    font-family: "bookman old style";
    font-size: 24pt;
    font-style: italic;
    font-weight: bold;
    color: #993333;
}
#sbsubtitle {
    font-family: "bookman old style";
    font-size: 24pt;
    font-weight: bold;
    color: white;
}
.sbSig {
    font-size: 16pt;
    font-style: italic;
    font-weight: bold;
    color: #993333;
}
.sbcolor {
    font-style: italic;
    font-weight: bold;
    color: #993333;
}



/*****************************************************
 *  Default style definitions for all pages
 */


#pageTop {
    display: inline;
    position: absolute; top: 0; left: 0;
    height: 0;
    visibility: hidden;
}


/******************************************************
 *  PRIMARY CONTAINERS
 */
#containerPage {                 /* ENTIRE PAGE CONTAINER */
    width: 770px;
    padding: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    background: url(../img/grey174.gif) top left repeat-y;
/*
    background: url(../img/redgrad.gif) top left repeat-y;
*/
    font-size: 10pt;
}

#containerTable {
    padding: 0px;
    margin: 0px;
    background-color: #ffffff;
    border-collapse: collapse;
}
#containerTable table {
    border-collapse: collapse; border-spacing: 0;
}


/*
 *  This container encloses the containerLeft and containerMain divs
 */
#containerLeftMain {
    background-color: #e7e7e7;
}

/*  Fix for short side nav HACK -  Needed for Firefox, not IE */
head:first-child+body #containerLeftMain {
    /* background: url(../img/grey174.gif) top left repeat-y; */
}


/*-----------------------------------------------
 *  HEADER CONTAINTER
 */
#containerHead {
    text-align: left;
    background-color: #fff;
    padding: 0px;
    margin: 0px;
/*
    border-bottom: solid 1px #fff;
*/
}

tr#containerHead td {
    width: 770px;
/*
    border-bottom: solid 1px #fff;
*/
}
#tcellHead {
    padding: 0px;
    margin: 0px;
    background-color: #fff;
}

/*-----------------------------------------------
 *  LEFT SIDE NAVIGATION CONTAINER
 */
#containerLeft {
    float: left;
    width: 174px;
    min-height: 100%;
    height: 100%;
/*
    background: url(../img/grey174.gif) top left repeat-y;
 */
    background-color: #e7e7e7;
}

/*-----------------------------------------------
 *  MAIN CONTENT AREA CONTAINER
 */
#containerMain {
    margin: 0px;
    padding: 10px;
    padding-right: 30px;
    margin-left: 174px;
    background-color: #fff;
        vertical-align: top;
}

#containerMainNopad {
    margin: 0px;
    padding: 0px;
    margin-left: 174px;
    background-color: #fff;
        vertical-align: top;
}


/*-----------------------------------------------
 *  Footer styles
 */
#containerFoot {                    /* FOOTER CONTAINER */
    clear: both;
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #fff;
    border-top: 8px solid #800;
}

#footAddr {
    font-size: 12px;
    font-style: normal;
    font-stretch: extra-expanded;
    text-align: center;
    color: #800;
}
#footCmnt {
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: black;
}


#pageTop {
    display: none;
    position: absolute; top: 0; left: 0;
    height: 0;
    visibility: hidden;
}

/******************************************************/

h1 { display: none; }

h5 { font-size: 9pt; font-weight: bold; color: black; margin-top: 10px; }

ul { margin-left: 15px; }


/*  Some general-purpose styles  */

.hide { display: none; }
.caps { text-transform: uppercase; }

.centertext {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.clear1 {
    clear: both;
    display: block; margin: 0; padding: 0;
    height: 0px;
    overflow: hidden;
}

img {
    display: block;
    border: 0;
}

.sep { clear: both; height: 0; }

.title {
    font-size: 12pt;
    font-weight: bold;
    color: #01415B;
    margin-bottom: 20px;
}


.tinytext {
    font-size: 8pt;
}

.redtext {
    color: #993333;
    font-weight: bold;
}



/*
**********************************
**    Testimonials page         **
**********************************/

.testimonial {
    font-size: 11pt;
    font-style: italic;
    font-weight: bold;
    line-height: 150%;
    margin: 25px 10px 0 10px;
    color: black;
}
#testyTable {
    border: 0 none;
}
#testyTable a img {
    border: 0 none;
}
.testyFrom {
    font-size: 11pt;
    font-style: normal;
    font-weight: bold;
    text-align: right;
    margin:10px 50px 25px 0;
}
.testyIntro {
    font-size: 12pt;
    color: #993333;
    font-weight: bold;
    font-style: italic;
}
.testyIntroSm {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size: 10pt;
    color: black;
    font-weight: bold;
}
.testyImgL {
    float: left;
    border: 0 none;
    margin: 5px;
}
.testyImgR {
    float: right;
    border: 0 none;
    margin: 5px;
}

.itemlist {
    font-size:12pt;
}


/*
**********************************
**  Internet Lessons page
**********************************/

#netHeader {
    font-size: 22pt;
    text-align: center;
    }

.netSubheader {
    font-size: 13pt;
    font-weight: bold;
    font-style: italic;
    color: #933;
    margin-top: 10px;
}
.netSubtext {
    font-size: 11pt;
    font-weight: bold;
    color: #933;
    margin-top: 10px;
    margin-bottom: 10px;
}

.netList1 {
    font-size: 11pt;
    margin-left: 20px;
}

.netTestimonial {
    font-size: 10pt;
    font-style: italic;
    margin: 0 30px;
}
.netUsername {
    font-size: 10pt;
    font-style: italic;
    text-align: right;
    margin-bottom: 20px;
}

/*
**********************************
**    Information Form          **
**********************************/

.thankyou {
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
    color: black;
    text-align:center;
}

#headerimg1, #headerimg2 {
    display: inline;
}
#headerimg2 {
    margin-left: 100px;
}

#contactaddress {
    margin-top: 25px;
    width: 400px;
    font-size: 14pt;
    text-align: center;
}
#contactaddress p {
    margin: 7px 0;
}
#contactemails {
    margin-top: 25px;
    font-size: 11pt;
    text-align: left;
}

#contactemails dt {
    margin-top: 15px;
    font-size: 11pt;
    text-align: left;
}

#redHeader {
    font-size: 18pt;
    color: #800;
}


/*
**********************************
**   Home page                  **
**********************************/

.contactinfo {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}
.contactname {
    font-size: 18pt;
    color: #993333;
}
#map {
    text-align: center;
}

.homeTitle {
    font-family: Georgia;
    font-size: 22pt;
    font-weight: bold;
    font-style: italic;
}

#welcometext {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 125%;
    color: black;
}

/*
**********************************
**   About Speedy page          **
**********************************/

.aboutText {
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    color: black;
}

/*
**********************************
**    Bens Violins page         **
**********************************/

.bensfont {
    font-size: 11pt;
    font-style: normal;
    font-weight: normal;
    line-height: 150%;
    color: black;
}

#ben-picture {
    width: 500px;
}

#benpagetitle {
    font-family: "bookman old style";
    font-size: 36pt;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    color: white;
}


/*
**********************************
**    Pro Studio page           **
**********************************/
#mixerimage {
    float: right;
    position: relative; top: -12px; left: 30px;
}

#studioHeader, .stHeadText1, .stHeadText2 {
    color: green;
    font-weight:bold;
    text-align: center;
}
.studioSubheader {
    font-size: 11pt;
    color: #933;
    font-weight:bold;
}
.stHeadText1 { font-size: 14pt; }
.stHeadText2 { font-size: 12pt; }

.studioList {
    font-family: Verdana;
    font-size: 10pt;
    color: black;
}
.studioList ul li {
    border: 0;
    padding: 5px;
}

.studiotext1 {
    font-size: 11pt;
    font-weight: bold;
    color: green;
}
.studiotext2 {
    font-size: 10pt;
}

.stTextPic {
    font-size: 10pt;
    font-weight: bold;
}
.rednote {
    color: red;
}


/*
**********************************
**    Students page           **
**********************************/

.stuprofile {
    text-align: center;
    margin: 5px;
    padding: 5px;
}

#stuEmily {
    float: left;
    width: 180px;
}

#stuRobert {
    float: right;
    width: 240px;
    margin-right: 10px;
}

#stuJade {
    float: left;
    width: 180px;
    margin-top: 30px;
    margin-left: 20px;
}

#stuDuet {
    float: right;
    width: 180px;
    margin-top: 30px;
    margin-right: 30px;
}

#stuLead {
    float: left;
    width: 250px;
    margin-top: 30px;
    font-weight: bold;
}

/*
**********************************
**    Videos page             **
**********************************/

.videointro {
    font-size: 11pt;
    font-weight: normal;
    color: #933;
    margin-bottom: 5px;
    text-align: center;
}
.videotime {
    padding-left: 20px;
    font-style: italic;
}

#videotable {
    border: 0 none;
}

.videoimg {
    border: 0 none;
    margin: 0px 10px 0px 0px;
}
.vidsize {
    font-size: 85%;
}

/*
**********************************
**    Essays page             **
**********************************/

#docsintro {
    font-size: 11pt;
    font-weight: bold;
    color: #933;
    margin-bottom: 5px;
}

#essaylist li {
    margin-top: 10px;
}

#essaypage {
    background-color: #fff;
    font-family: Times,Arial;
    font-size: 11pt;
    padding: 10px;
}
#essaytitle {
    text-align: center;
    font-size: 14pt;
    color: #933;
    border-bottom: 3px solid #933;
    padding-bottom: 3px;
}
#essaybody {
}



/*
**********************************
**    Letter page             **
**********************************/

#letterheader {
    margin: 0;
    padding: 10px;
    font-size: 10pt;
    font-weight: bold;
    background-color: #e3c5bb;
}
#letterbody {
    margin: 0;
    padding: 10px;
    font-size: 10pt;
    background-color: #fff;
    font-weight: bold;
}



/*
 **********************************
 **    Calendar                  **
 **********************************
 */
#calendar * {
    text-align: center;
    border-color: #000;
}
.sunday, .nolesson {
    color: #111;
    background-color: #cfcfcf;
}
.special {
    background-color: #efefef;
}
.today {
    background-color: none;
    font-weight: bold;
}
#weekdays {
    background-color: yellow;
}