body {
font-size: 12px; font-family: verdana;
margin-top: 10px; 
margin-bottom: 10px; 
background-color: #f9f9f9; 
text-align: center;
color:#000000;
}

#pageinc {
background: url(img/bg27.jpg) #ffffff repeat-y left top;
margin-left: auto; 
width: 780px; 
margin-right: auto;
background-color: #ffffff; 
text-align: left;
}

#continc {
font-size: 12px; 
font-family: verdana;
border-right: #ffffff 0px dashed;
border-top: #ffffff 0px dashed; 
margin: 0px 5px 5px 15px; border-left: #ffffff 0px dashed; 
border-bottom: #ffffff 0px dashed;
}

#top_h {
background: url(../l33.png) #ffffff no-repeat left bottom;
background-color: #ffffff;
height: 80px;clear: both;
border-bottom: #eeeeee 1px solid;
border-right: #eeeeee 1px solid;
border-top: #eeeeee 1px solid;
border-left: #eeeeee 1px solid; 
}

#cont_main {
font-size: 12px; font-family: verdana;
border-right: #cccccc 0px dashed; 
border-top: #cccccc 0px dashed;  
border-left: #eeeeee 0px dotted; 
margin-left: 140px; 
border-bottom: #cccccc 0px dashed;
}

#cont_nav {
width: 130px;
border-right: #eeeeee 0px dashed; 
border-top: #cccccc 0px dashed; 
float: left; 
border-left: #cccccc 0px dashed; 
border-bottom: #cccccc 0px dashed;
font-size: 10px; font-family: verdana;
font-weight: bold;
}

#cont_right {
border-right: #cccccc 0px dashed; 
border-top: #cccccc 0px dashed; 
float: right; 
border-left: #cccccc 0px dashed; 
width: 140px; 
border-bottom: #cccccc 0px dashed;
}

#cont_footer {
background: url(img/bg61.jpg) #ffffff no-repeat left top;
clear: both; 
border-right: #eeeeee 1px solid; 
border-left: #eeeeee 1px solid; 
border-bottom: #eeeeee 0px solid;
border-top: #eeeeee 0px solid;
height: 24px;
}


#cont_footer a:link {color: #0000ff; text-decoration: none;}
#cont_footer a:visited {color: #0000ff; text-decoration: none;}

.footer_text {
margin-left:14px;
padding-top:8px;
font-size:11px;
}


#top_bar {
background: url(img/bg44.jpg) #ffffff no-repeat left top;
text-align: right;
background-color: #ffffff;
height: 22px;clear: both;
border-bottom: #eeeeee 0px solid;
border-right: #eeeeee 1px solid;
border-top: #eeeeee 0px solid;
border-left: #eeeeee 1px solid; 
}

#top_bar a:link {color: #0000ff; text-decoration: none;}
#top_bar a:visited {color: #0000ff; text-decoration: none;}




p.fl:first-letter {
margin-left:5px;
}

p {
margin-left:14px;
margin-top:10px;
margin-bottom:5px;
margin-right:20px;
}

.ch_cont_wr p {margin-left:6px;}
.ch_steps_p {margin-right:2px;}

a:link {color: #0000ff; text-decoration: underline;}
a:visited {color: #0000ff; text-decoration: underline;}
a:hover {color: #ff0000; text-decoration: underline;}
a:active {color: #0000ff; text-decoration: none;}

a.refl:link {text-decoration: none;color: #000000;}
a.refl:visited {text-decoration: none; color: #000000;}
a.refl:active {text-decoration: none; color: #000000;}
a.refl:hover {text-decoration: none; color: #000000;}

h1 {
font-size: 24px; 
font-family: georgia, verdana, arial, serif;
color:#ff5555;
margin-bottom:3px;
margin-left:5px;
color:#3333ee;
text-align:left;
}

h2 {
font-size: 20px; 
font-family: georgia, verdana, arial, serif;
margin-bottom:0px;
padding-bottom:0px;
margin-left:14px;
text-align:left;
margin-top:1px;
text-decoration:underline;
color:#5555ff;
}

h3 {
font-size: 18px;
font-family: georgia, verdana, arial, serif;
color:#5555ff;
margin-bottom:2px;
margin-left:14px;
}

h4 {
font-size: 16px;
font-family: georgia, verdana, arial, serif;
color:#5555ff;
margin-bottom:2px;
margin-left:14px;
}

.gen_h {
color:#3333ee;
text-align:left;
margin-left:10px;
margin-top:20px;
}

.box12 
{
margin-top:10px;
margin-left:14px;
margin-right:0px;
padding:5px;
width:585px; 
background-color:#fcfcfc;
border: #eeeeee 1px solid;
}


img 
{
border:0px;
margin:0px;
}
.be1 {margin-top:10px;margin-left:10px;margin-right:0px;width:596px;background-color:#f9f9f9;}
.be2 {margin-top:10px;margin-left:10px;margin-right:0px;width:596px;border: #eeeeee 1px solid;}

table.te1 {
font-size: 9px; 
font-family: verdana, arial, serif;
color:#333333;
margin-bottom:2px;
margin-left:5px;
background-color:#f9f9f9;
text-align:left;}

/* chords+: */

.midihelper1_style {width:120px;font-size:10px;margin-left:17px;text-align:center;}
.midihelper2_style {width:120px;font-size:10px;margin-left:19px;text-align:center;color:blue;}

.chord_select {font-size:10px;margin-top:0px;color:#000000;background-color:#ffffee;}
.ch_ib {font-size:10px;margin-top:6px;color:#ff0000;background-color:#f0f0ff;width:80px;height:18px;}
.ch_js_form {margin: 0px 0px 0px 0px;}
.chord_form {font-size:10px;margin-top:0px;margin-bottom:1px;}
.chord_sb {font-size:9px;width:16px;height:18px;margin-top:0px;margin-bottom:1px;}
.chord_select_wr {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.cur_sel {font-size:10px;margin-top:0px;color:#ff0000;background-color:#ffffcc;}
.cur_sel_group {font-size:10px;margin-top:0px;color:#ff0000;background-color:#ffffee;}

.play_img {margin-left:0px; margin-right:0px; padding-left: 0px; padding-right:0px;border-left:0px;border-right:0px;}
.ch_img_nav {margin-left:23px;text-align:left;background-color:#ffffff;font-style:italic;}
.ch_h_wr    {border-bottom:#eeeeee 0px dotted;margin: 0px 0px 0px 195px;padding: 0px 0px 0px 0px;}
.ch_pict_wr {float:left;margin-top:0px;width:160px;height:375px;padding-left:30px;border-bottom:#eeeeee 0px dotted;}

.ch_cont_wr {
float:left;
font-size:11px;
padding-left:1px;
width:270px;
min-height:375px;
margin-left:0px;
border-left:#eeeeee 0px dotted;
background-color:#ffffff;
}

.ch_nav_wr {
float:left;font-size:10px;border-right:#eeeeee 0px solid;border-left:#eeeeee 0px solid;padding-right:0px;margin-right:0px;margin-top:25px;width:146px;
}

.ch_menu_wr {
border-left:#eeeeee 0px solid;
}

.ch_wide_wr {
clear: both; 
text-align:center;
font-style: italic;
font-size:10px;
color:#888888;
margin-left:10px;
margin-right:10px;
border-right: #eeeeee 0px solid; 
background: #ffffff; 
border-left: #eeeeee 0px solid; 
border-bottom: #eeeeee 0px solid;
border-top: #eeeeee 0px solid; 
}

.gr_col {color:#aaaaaa;}
.ch_detail {border:#eeeeee 1px solid;width:580px;margin-top:30px;margin-left:20px;background-color:#f9f9f9;}
.chlk {font-style: italic;margin-left:10px;}

.ch_steps1 {color:#cc0000;font-weight:bold;}
.ch_steps2 {color:#0000ee;font-style:italic;}
.ch_note1 {color:#555555;font-style:italic;}

form {margin-bottom:10px;}

table
{
background-color:#cccccc;
font-size:10px;
margin-left:10px;
border-top:#eeeeee 0px solid; 
border-right:#eeeeee 0px solid;
border-bottom:#eeeeee 0px solid;
border-left:#eeeeee 0px solid;
}

.ch_cont_wr table {margin-left:5px;}

th 
{
background-color:#ffaacc;
text-align:center;
border-top:#eeeeee 0px solid; 
border-right:#eeeeee 0px solid;
border-bottom:#eeeeee 0px solid;
border-left:#eeeeee 0px solid;
padding: 1px 2px 1px 2px;
margin: 0px 0px 0px 0px;
}


tr.c1 td 
{
text-align:center;
background-color: #f9f9ff; 
color:#000000;
border-top:#fff0f0 0px solid; 
border-right:#eeeeee 0px solid;
border-bottom:#eeeeee 0px solid;
border-left:#eeeeee 0px solid;
padding: 1px 2px 1px 2px;
margin: 0px 0px 0px 0px;
}

tr.c2 td 
{
text-align:center;
background-color: #eeeeee; 
color:#000000;
border-top:#fff0f0 0px solid; 
border-right:#eeeeee 0px solid;
border-bottom:#eeeeee 0px solid;
border-left:#eeeeee 0px solid;
padding: 1px 2px 1px 2px;
margin: 0px 0px 0px 0px;
}



.ch_pict_wr1 {margin-left:21px;}
.ch_pict_wr2 {margin-left:21px;}

.a_ch_b1
{
width:125px;
margin-top:30px;
margin-left:4px;
}


.a_ch_w
{
float:left;
width:595px;
text-align:left;
margin: 0px 0px 0px 0px;
padding: 5px 0px 14px 15px;
}

.a_ch_b
{
float:left;
width:360px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 18px;
}

.a_ch_d
{
margin-left:390px;
width:164px;
font-size:10px;
text-align:center;
border:#eeeeee 1px solid;
padding: 10px;
}



.h_search_form
{
margin:50px 0px 0px 486px;
padding:0px;
}

.h_a_g1
{
margin-top:20px;
margin-left:4px;
}

/*  
.ch_pict_wr1 img:hover   {cursor: pointer; color: #C0FFC0; background-color: lightslategray; }
.ch_pict_wr2 img:hover   {cursor: pointer; color: #C0FFC0; background-color: lightslategray; }


*/