/* universal styles begin */
body { height:100%; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(images/bodyBg.jpg); background-position:top; background-repeat: repeat-y; background-color: #000000; background-attachment: fixed }
#container { position:absolute; height:700px; width: 990px; left: 50%; margin-left: -495px; background-image:url(images/containerBg.gif); background-position:top; background-repeat: no-repeat; background-color: #EDECE8; background-attachment: scroll; }
#header { position:absolute; height:166px; width: 990px; background-image:url(images/headerBg.png); background-position:top; background-repeat: no-repeat; }
#headerPic { position:absolute; height:184px; width: 355px; background-image:url(images/headerPic.png); background-position:top; background-repeat: no-repeat; }
#headerName { position:absolute; height:107px; width: 347px; background-image:url(images/headerName.png); background-position:bottom; background-repeat: no-repeat; margin-left: 364px; }
#headerMenu { position:absolute; height:166px; width: 635px; padding: 116px 0px 60px 10px; margin-left: 344px; }
#footer { width: 100%; text-align: center; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 10px; line-height: 16px; color: #B7B7B3; }
#footer a { text-decoration:none; color:#B7B7B3; }
#footer a:link { text-decoration:none; color:#B7B7B3; }
#footer a:hover { text-decoration:none; color:#000000; }
#footer a.current { text-decoration:none; color:#B3A48E }
#bodyCopy { width: 100%; text-align: left; font-family: "Trebuchet MS"; font-size: 12px; line-height: 18px; color: #333333; }

#bodyCopy p { margin-bottom: 10px; }

#bodyCopy a { text-decoration:none; color:#333333 }
#bodyCopy a:link { text-decoration:none; color:#333333; }
#bodyCopy a:hover { text-decoration:underline; color:#000000; }
.heading1 { font-family: "Palatino", "Georgia"; font-weight: normal; font-size: 18px; line-height: 24px; color: #776B3D; }
.heading2 { font-family: "Lucida Grande", "Trebuchet MS"; font-weight: bold; font-size: 10px; line-height: 16px; color: #000000; }
.floatRightPhoto { float:right; padding: 10px 0px 10px 10px; }
.floatLeftPhoto { float:left; padding: 0px 10px 10px 0px; }

/* sidebar styles */
#sidebar { position:absolute; width: 350px; background-image:url(images/sidebarBg.png); background-position:bottom left; background-repeat: no-repeat; padding: 192px 0px 60px 10px; text-align: center; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 10px; line-height: 16px; color: #666666; }
.sidebarTitle { font-family: "Palatino", "Georgia"; font-size: 16px; line-height: 18px; color: #333333; }
.attribute { font-family: "Palatino", "Georgia"; font-size: 12px; line-height: 18px; color: #333333; }
.sidebarDivider { padding: 10px 0px 10px 0px; }

/* secondary styles */
#secondary { position:absolute; width: 930px; margin-left: 30px; margin-top: 166px; }
#secondaryTitle { height:15px; width: 100%; padding: 20px 0px 17px 0px; text-align: center; }
.secondaryDivider { height:6px; width: 100%; background-image:url(images/dividerWide.png); }
#secondaryContent { padding: 10px 0px 10px 0px; width: 100%; text-align: left; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 11px; line-height: 16px; color: #333333; }
#secondaryFooter { width: 100%; padding: 20px 0px 27px 0px; }

/* home styles */
#homeContent { position:absolute; width: 650px; margin-left: 340px; margin-top: 166px; padding: 0px 23px 0px 30px; }
#homeContentQuote { width: 590px; padding: 20px 0px 17px 0px; text-align: center; font-family: "Palatino", "Georgia"; font-size: 13px; line-height: 16px; color: #333333; }
.homeContentider { height:6px; width: 590px; }
#homeContentIntro { width: 597px; padding: 0px 0px 10px 0px; }
#homeContentFooter { width: 590px; padding: 20px 0px 27px 0px; }
.homeContentIntroTitle { font-family: "Palatino", "Georgia"; font-size: 24px; line-height: 16px; color: #776B3D; }
.homeContentIntroReadMore { font-family: "Lucida Grande", "Trebuchet MS"; font-size: 10px; line-height: 16px; color: #222222; }

/* contact styles */
#contactForm { width: 100%; }
.contactFormInput { width: 410px; }
#contactInfo { position:absolute; width: 390px; margin-top: 30px; margin-left: 540px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 16px; line-height: 24px; color: #333333; }
.contactContent { width: 510px; border-width:0px; border-collapse:collapse; padding: 0px 0px 0px 0px; }
.contactLabel { width: 100px; padding: 2px; }
.contactField { width: 410px; padding: 2px; }

/* repertoire styles */
#repertoire .left { width: 455px; margin:0px 20px 20px 0px; float:left; display:inline; }
#repertoire .right { width: 455px; margin:0px 0px 20px 0px; float:left; display:inline; }
.repertoireContent { width: 455px; border-width:0px; border-collapse:collapse; padding: 0px 0px 0px 0px; }
.repertoireAuthor { width: 100px; padding: 2px; }
.repertoireTitle { width: 177px; padding: 2px; }
.repertoireCharacter { width: 177px; padding: 2px; }
.repertoireConcert { padding: 2px; }
.repertoireSpacer { width: 10px; background-color:transparent; }
.repertoireContent tr { border-style:solid; border-width:0px 0px 1px 0px; border-color:#d4d3d0; }

/* schedule styles */
.scheduleContent { width: 930px; border-width:0px; border-collapse:collapse; padding: 0px 0px 0px 0px; }
.scheduleCharacter { width: 200px; padding: 2px; }
.schedulePerformance { width: 200px; padding: 2px; }
.scheduleVenue { width: 180px; padding: 2px; }
.scheduleLocation { width: 150px; padding: 2px; }
.scheduleDate { padding: 2px; }
.scheduleSpacer { height: 20px; }
.whiteRow { background-color: #F4F4F4; }
.scheduleContent tr { border-style:solid; border-width:0px 0px 1px 0px; border-color:#d4d3d0; }

/* listen styles */
.listenContent { width: 930px; border-width:0px; border-collapse:collapse; padding: 0px 0px 0px 0px; }
.listenLabel { width: 400px; padding: 2px; }
.listenIcon { text-align:right; width: 400px; padding: 2px; }
.listenDownload { text-align:right; padding: 2px; }

#bodyCopy p { padding:0px 0px 15px 0px; }