html, body { margin: 0; padding: 0; }
body { padding-bottom: 20px; 
   font-size: 90%;
   font-family: arial, helvetica, sans-serif;
}

h1 {
   	padding: 0px;
      margin:0px;
}
                
 h2  {
  margin-top: 0;
  padding-top: 7px;
}
                
p {
   padding-left:5px;
}

p.nav     {font-size:100%;
           color:#000000;
           padding-top: 2px;padding-right: 0px;padding-bottom: 2px;padding-left: 0px;
}

p.ksmall,select  {font-size:80%;}

img {
   padding-right:10px;
   padding-left:10px;
   padding-top:0px;
   padding-bottom:0px;

}
#header {
	border-bottom: 1px solid black;
	margin: 20px;
	padding: 20px;
      height:40px;
      background-color:#e3ffe3;
}

#sidebar {
	border: 0px solid black;
	width: 150px;
	margin-left: 20px;
	float: left;
	display: inline;
}

#othersidebar {
	border: 0px solid black;
	width: 160px;
	margin-right: 20px;
	margin-left: 10px;
	padding-left: 1px;
	float: right;
	display: inline;
}

#content {
   position:relative;
	margin-left: 192px;
	margin-right: 220px;
      margin-top:0px;
   padding-left:5px;
   padding-right:5px;
   padding-top:1px;
   padding-bottom:5px;
}


#footer {
	margin: 20px 20px 0 20px;
	padding: 2px;
	border-top: 1px solid black;
	clear: both;
      background-color:#e3ffe3;
}




#logo {
   position:absolute;
   left:25px;
   top:40px;
   width:126px;
   height:42px;
   background-color:#c3ffc3;
   padding:0px;
   margin:0px;
   border:0px solid #3333ff;
}

#search {
   position:absolute;
   right:50px;
   top:50px;
   height:72px;

}

#identity {
   position:absolute;
   left:200px;
   top:40px;
   padding:0px;
   margin:0px;
}

div.menu {
   text-align:right;
   margin-left:5px;
   padding-left:5px;
   padding-right:5px;
   padding-top:10px;

}
div.ads {
   text-align:center;
   vertical-align:middle;
}



a:link    {color : #0000ff;background: transparent;text-decoration:none;font-weight:bold}     
a:visited {color : #9999ff; background: transparent;text-decoration:none;font-weight:bold}
a:hover   {color: inherit; background-color : #ececff;text-decoration:none;font-weight:bold}     
a:active  {color: inherit;background: transparent;text-decoration:none;font-weight:bold}








#menu{
   position:absolute;
   margin-top:1px;
   margin-bottom:0px;
   margin-left:0px;
   margin-right:0px;
   padding-bottom:0px;
   padding-top:0px;
   padding-right:0px;
   padding-left:0px;


}
#menu ul .item{
   display:none;
}
#menu ul:hover .item{
   display:block;
   background:#ecffec;
   margin-bottom:1px;
   margin-top:2px;
   margin-right:1px;
   margin-left:px;
   padding-bottom:1px;
   padding-top:3px;
   padding-right:1px;
   padding-left:1px;
}

#menu ul:hover .item a{
   color:#000;
   text-decoration:none;
}
#menu ul:hover .item a:hover{
   color:#ff3333;
}

#menu ul{
   width:100px;
   float:left;
   margin-bottom:0px;
   margin-top:5px;
   margin-right:3px;
   margin-left:0px;
   padding-bottom:7px;
   padding-top:2px;
   padding-right:2px;
   padding-left:3px;
   background:#d6d6ff;
   list-style:none;
   font-size:80%;
   font-weight:bold;
/*   border-top:1px solid #666;
   border-left:2px solid #66f;
   border-right:1px solid #666;*/
   border-bottom:1px solid #666;
}
.clear{
   clear:both;
   height:10px;
}

div.tabContent {
  background-color: #fffff9;
  border-top: 7px solid #d6d6ff;
  border-left: 2px solid #d6d6ff;
  border-right: 1px solid #e3e3e3;
  width: 97%x;
  height:100%;
  padding:5px;
  margin-top:30px;

}

div.topnav{vertical-align:top;
           background:#e3e3f9; 
           margin-top: 0px; margin-right: 0px; margin-bottom: 10px;margin-left: 0px;   
           padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px;
           border-top: #fcd3fc 1px solid; border-bottom: #fcd3fc 1px solid;}

tr,td,th,th.left,a, p {
   padding-top:2px;
   padding-bottom:0px;
   margin-top:5px;
   margin-bottom:3px;
}

th.left {
   text-align:left;

}
td.thumb {
   background:#ececec;
   vertical-align:middle;
   text-align:center;
   border-top:2px outset #d3d3d3;
   border-right:2px outset #d3d3d3;
   border-bottom:2px outset #d3d3d3;
   border-left:2px outset #d3d3d3;
}

td.thumbtext {background:#fcfcff;}

img      {border:0;}

table.gallery {
   border-top:7px outset #a3c3a3;
   border-right:7px outset #d3ecd3;
   border-bottom:7px outset #d3ecd3;
   border-left:7px outset #a3c3a3;
   margin-top:20px;
}

th.info  {
   background:#ddccbb;
   padding:1px;
   margin:0px;
}

td.info  {
   background-color:#e6e6ec;
   border-bottom:1px solid #cccccc;
   padding:1px;
   margin:0px;
}
td.infoplus  {
   background-color:#ffcccc;
   border-bottom:1px solid #cccccc;
   padding:1px;
   margin:0px;
   font-weight:bold;
}


td.keys  {background:#e3e3e3;text-align:center;}
td.sharps{background:#e3e3f3;text-align:center;}
td.flats {background:#f3e3e3;text-align:center;}
td.key0and6 {background:#ffffff;text-align:center;}
table.chords {
   border-top:3px outset #d3d3d3;
   border-right:3px outset #d3d3d3;
   border-bottom:3px outset #d3d3d3;
   border-left:3px outset #d3d3d3;
   background-color:#cccc93;
   padding:0px;
   margin:0px;
}
table.tunes {border-top:3px outset #d3d3d3;border-right:3px outset #d3d3d3;
               border-bottom:3px outset #d3d3d3;border-left:3px outset #d3d3d3;}
table.tunefinder {border-top:3px solid #d3d3d3;border-right:3px solid #d3d3d3;
               border-bottom:3px solid #d3d3d3;border-left:3px solid #d3d3d3;}


th.links   {background:#ffcc99;text-align:left;font-style:italic;}
td.links   {background:#ffffcc;text-align:left;}