@charset "UTF-8";

/* CSS Document */

/* ====================== All layout generic styles ================= */
body { text-align: center; background: #688BA6; font: 100.1% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000000; }

#notMusician120 { width: 150px; background: url(../images/Ads/musicianlogo120.png) no-repeat 10px 2px; text-align: center; margin: 0px; padding: 0px; }

#notMusician120 h2 { margin: 0px; }

/* ================= container is 50em, approximately 780px, wide  =========== */
#container { width: 50em; background: #FFFFFF; margin: 0 auto; border: 1px solid #000000; text-align: left; }

/* ========== header and footer are 50em, approximately 780px, wide  =========== */
#header { background: #EEF; padding: 0; position: relative; margin-bottom: 20px; height: 65px; font-size: .9em; }

#footer { padding: 10px 1em .5em; background: #EEF; font-size: 0.9em; border-top: medium double #006; text-align: left; line-height: 1.5; }

/* ======= oneCol is 50em with 2em padding left and right ============= */
.oneCol #mainContent { margin: 0 1em 0 2em; }

#mainContent #chordContent { margin-right: 1em; margin-left: 1em; }

.oneCol #mainContent #arrows { margin: 0px 0em; width: 100%; }

.oneCol #mainContent #arrows a img { text-decoration: none; }

/* ========== common sidebar stylings  =========== */
.twoColLgSide #sidebar1, .twoColMSide #sidebar1, .twoColSmSide #sidebar1 { float: left; background: #E5E5FF; padding: 0; margin-left: 10px; border: 1px solid #7D7DB2; font-size: 85%; margin-bottom: 1em; color: #000; }

.twoColMSide #sidebar1 { margin-left: 6px }

/* ======== Large Sidebar is 10em with mainContent indented 10em ============= */
.twoColLgSide #sidebar1 { width: 10em; margin-left: 10px; margin-top: 0px; }

#container .twoColLgSide #sidebar1 p { padding-right: 0.3em; padding-left: 0.3em; padding-top: 0; padding-bottom: 0; margin: 0; }

.twoColMSide #sidebar1 { width: 8em; }

.twoColLgSide #mainContent { margin: 0px .5em 0px 10em; }

.twoColMSide #mainContent { margin: 0px 0em 0px 8em; }

/* ======= Small Sidebar is 5em with mainContent indented 6em ============= */

.twoColSmSide #sidebar1 { width: 4.5em; }
#container #header #homeBanner #highkbd a{ text-align: center; display: block; margin: .5em auto; }

.twoColSmSide #mainContent { margin: 0 1em 0 5.5em; }

.twoColLgSide #sidebar1 h3, .twoColSmSide #sidebar1 h3 { margin: 0; padding: .4em 0; color: #006; text-align: center; border-bottom: 4px double #006; }

/* === GLOBAL Classes ==== */
.fltrt { float: right; margin-left: 8px; }

.fltlft { float: left; margin-right: 8px; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/* ==== sidebar2 for right side ==== */
#sidebar2 { float: right; width: 7em; background: #E5E5FE; padding: 2px; border: 3px inset #B2A66B; margin: 0px 15px 10px 0px; font-size: 78%; }

#sidebar2 img { margin: 0; }

#sidebar2 #nav3 h4 { margin: 0px; padding: 0.3em; color: #006; text-align: center; }

#sidebar2 #nav3 ul li { width: 6.3em; }

/* ==== Header Navigation bars ==== */
/* ==== nav1 - top-level horizontal navigation bar ==== */
#nav1 { padding: 0; margin: 0; background: #006; height: 1.7em; font-weight: bold; }

#nav1 ul { padding: 0; list-style: none; margin: 2px 0 2px 2px; float: left; width: 780px; }

#nav1 li { margin: 0; padding: 0; float: left; }

#nav1 li a:link, #nav1 li a:visited { background: #006; padding: .2em .5em; display: block; color: white; line-height: 1.2em; text-decoration: none; margin-right: 1.4em; }

#nav1 li a:hover { background: #CCCCFE; color: #000; }

#nav1 li a.current, #nav1 li a.current:hover, #nav1 li a.current:active { color: #006; background: #FFF; cursor: default; font-weight: bold; }

/* ==== footer navbar ==== */
#navtrad { padding: 0; margin: 0; background: #EEF; height: 2.5em; font-weight: bold; }

#navtrad ul { padding: 0; text-align: center; list-style: none; float: left; width: 780px; margin: 0; }

#navtrad li { margin: 0; padding: 0; float: left; }

#navtrad li a:link, #navtrad li a:visited { border: 1px solid black; background: #006; padding: .1em 0.3em; display: block; text-decoration: none; color: #fff; margin-right: 1em; line-height: 1.2em; }

#navtrad li a:hover { background: #CCF; color: #000; }

#navtrad li a.current, #navtrad li a.current:hover, #navtrad li a.current:active { color: #006; background: #FFF; cursor: default; font-weight: bold; }

/* ==== nav2 - 2nd-level horizontal nav bar ==== */
#nav2, #nav93 { background: #EEF; margin: 0; padding: 0; text-align: center; border-bottom: 1px solid #006; height: 23px; margin-top: 1em; font-weight: bold; }

#nav2 ul, #nav93 ul { list-style: none; padding: 0; margin: 0; float: left; }

#nav2 ul { width: 780px; }

#nav93 ul { width: 789px; }

#nav2 li, #nav93 li { margin: 0; padding: 0; float: left; height: 24px; }

#nav2 li { width: 92px; margin-right: 6px; background:url(../images/buttons/button3t.gif) no-repeat left top; }

#nav93 li { width: 96px; margin-right: 5px; background:url(../images/buttons/button3t_93.gif) no-repeat left top; }

#nav93 li { font-size: 94%; }

#nav93 li a.current, #nav93 li a.current:hover, #nav93 li a.current:active { font-size: 94%; }

#nav2 li a:link, #nav2 li a:visited, #nav93 li a:link, #nav93 li a:visited { height: 23px; padding: 0 6px; display: block; border-bottom: 1px solid #006; text-decoration: none; line-height: 23px; color: #003; }

#nav2 li a:link, #nav2 li a:visited { background: url(../images/buttons/button3t.gif) no-repeat left top; font-size: 95%; }

#nav93 li a:link, #nav93 li a:visited { background: url(../images/buttons/button3t_93.gif) no-repeat left top; font-size: 94%; }

#nav2 li a:hover, #nav93 li a:hover { height: 23px; border-bottom: 1px solid #006; }

#nav2 li a:hover { background-position: -100px 0px; font-size: 95%; }

#nav93 li a:hover { background-position: -103px 0px; font-size: 94%; }

#nav2 li a.current, #nav2 li a.current:hover, #nav2 li a.current:active, #nav93 li a.current, #nav93 li a.current:hover, #nav93 li a.current:active { height: 23px; cursor: default; background-position: right top; border-bottom: 1px solid #FFF; font-weight: bold; }

#nav2 li a.current, #nav2 li a.current:hover, #nav2 li a.current:active { font-size: 95%; }

/* ==== Sidebar navigation large ==== */
#nav3 { padding: 4px; margin: 0; font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 1em; }
#nav3 ul { margin: 1em 0; padding: 0; list-style: none; }
#nav3 ul li { margin: 0; padding: 0; margin-bottom: 0.6em; border-left: 2px solid #006; border-bottom: 2px solid #006; }
#nav3 li a  { text-decoration: none; color: #000; border: none; }
#nav3 ul ul { margin: .5em 0 .5em .8em; padding: .4em 0; list-style: none; font-size: 0.92em; }
#nav3 ul li ul li { border-width: 0px; border-style: none; font-size: 1.1em; }
#nav3 li a:link, #nav3 a:visited { text-decoration: none; display: block; margin: 0; line-height: 120%; background: #ADCBE8; text-align: left; padding-left: 0.4em; }
#nav3 li a:hover { background: #FFF6CC; }
#nav3 li a.current, #nav3 li a.current:hover, #nav3 li a.current:active { background: #FFF; cursor: default; }
#nav3 ul a.last { border-bottom: none; }


/* ==== Sidebar navigation medium ==== */
#nav3m { padding: 4px; margin: 0; font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 1em; }
#nav3m ul { margin: 1em 0; padding: 0; list-style: none; }
#nav3m li { margin: 0; padding: 0; margin-bottom: 0.6em; }
#nav3m a:link, #nav3m a:visited{ text-decoration: none; text-align: left; display: block; margin: 0; line-height: 120%; background: #ADCBE8; border: 1px solid #006; padding-left: .5em;}
#nav3m ul li a { text-decoration: none; color: #000; padding: .4em;  }
#nav3m li a.current, #nav3m li a.current:hover, #nav3m li a.current:active { background: #FFF; cursor: default; }
#nav3m li a:hover { background: #FFF6CC; }
#nav3m ul a.last { border-bottom: none; }

/* ==== Sidebar navigation short ==== */
#nav3s { padding: 4px; margin: 0; font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 1em; }
#nav3s ul { margin: 1em 0; padding: 0; list-style: none; }
#nav3s li { margin: 0; padding: 0; margin-bottom: 0.6em;  background: #ADCBE8; width: 4em; border: 1px solid #7D7DB2; text-align: center; }
#nav3s a:link, #nav3s a:visited { text-decoration: none; display: block; margin: 0; line-height: 120%; background: #ADCBE8; border: 1px solid #006; color: #000; }
#nav3s li a.current, #nav3s li a.current:hover, #nav3s li a.current:active { background: #FFF; cursor: default; }
#nav3s li a:hover { color: #000; background: #FFF6CC; }
#nav3s ul ul li { background: #B2A66B; width: 6em; text-align: center; margin-left: 3em; margin-bottom: 1px; }
#nav3s ul ul li a { background: #B2A66B; width: 6em; text-align: center; margin-left: 0em; }


/* ==== Sidebar navigation performers ==== */
#nav3p { padding: 2px; margin: 0; font-family:Arial, Helvetica, sans-serif; color: #000; font-size: .9em; }
#nav3p ul { margin: 1em 0; padding: 0; list-style: none; }
#nav3p li { margin: 0; padding: 0; margin-bottom: 0.2em; }
#nav3 a:link, #nav3s a:link, #nav3m a:link, #nav3 a:visited, #nav3s a:visited, #nav3m a:visited { text-decoration: none; display: block; margin: 0; line-height: 120%; background: #ADCBE8; border: 1px solid #006; }
#nav3p a:link, #nav3p a:visited { text-decoration: none; text-align: left; display: block; margin: 0; line-height: 110%; background: #ADCBE8; padding-left: .2em;}
#nav3p ul li a { text-decoration: none; color: #000; padding: .2em; }
#nav3p li a.current, #nav3p li a.current:hover, #nav3p li a.current:active { background: #FFF; cursor: default; }
#nav3p li a:hover { background: #FFF6CC; }
#nav3p ul a.last { border-bottom: none; }


#tabperf tr td a { text-decoration: none; color: #000; }

#container .twoColLgSide #next { margin-right: 10px; margin-left: 10px; padding-right: 0em; padding-left: 0em; text-align: center; border-top: 2px solid #006; border-right: 0px none #006; border-bottom: 0px none #006; border-left: 0px none #006; }

#container .twoColLgSide #topnext { text-align: center; border-top: 0px solid #006; border-right: 0px none #006; border-bottom: 0px none #006; border-left: 0px none #006; margin: 0px 0px .3em; height: 28px; padding: 3px 0px 0px; font-size: 1em; vertical-align: top; color: #FFF; }

#container .twoColLgSide #next td, #container .twoColLgSide #next td { height: 21px; }

#container .twoColLgSide #next table tr td a img { border-width: 0px; }

#container .twoColLgSide #topnext table tr td a img { border-width: 0px; height: 30px; }

#nav93 ul li .notyet { color: #666; }

#nav2 ul li .notyet { color: #999; }

.strike { text-decoration: line-through; }

.ProClinic tr td { border-top: 0px none #006; border-bottom: 3px double #006; border-right-width: 0px; border-left-width: 0px; border-right-color: #006; border-left-color: #006; padding: 0.5em; margin-bottom: 0.4em; vertical-align: top; }

.ProClinic tr td p { line-height: normal; margin: 0.5em 0px 0px; padding: 0em; font-size: 1em; }
.ProClinic tr td ol li { font-size: 2em; color: #000; list-style: decimal; }

.ProClinic { vertical-align: top; }

.ProClinic tr .PCQ { background: #E5E5FF; border: 2px solid #006; }
.ProClinic tr td .quote{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; line-height: 120%; color: #009; margin-right: 1em; margin-left: 1em; padding: 0.3em; border: 2px solid #B2A66B; background: #E5E5FF; }
.instruction { font-weight: normal; font-size: 0.85em; text-align: left; margin: 0px 0px 0px 2em; padding: 0px; font-style: italic; }
#mainContent #cdroms { text-align: center; padding: 4px; }

#mainContent #cdroms td { padding: 4px 10px; border: 3px solid #00C; background: #E2BFFF; margin: 6px; width: 150px; }

#mainContent #cdroms td.current { padding: 4px 10px; border: 3px solid #00C; background: #FFF; margin: 6px; }
#mainContent #cdroms tr td a { text-decoration: none; }