* { border: 0px; }

html,body {margin:0;padding:0;}

body {
border-top: 0px solid #659cef;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 18px;

  background-color: #e9ebe5;
  color: #333333;
  text-align: center;
}


td {
  font-family: "trebuchet MS", arial, helvetica, sans-serif;
  font-size: 12px;

}
#shell {
clear:both;
min-height:500px;
 width: 815px;
 margin: 0px auto;
 text-align:left;
margin-top:10px;
}

.menu {
background-color: #F8F8F8;
height:30px;
border-bottom: 1px solid #D1D1D1;
border-top: 3px solid silver;
margin: 0;
padding: 0;
font-size: 12px;
width: 100%;
border-width: 1px 0;
}

.menu ul{
width: 790px;
margin: 0 auto;
padding: 0;
}

.menu li{
display: inline;
}

.menu li a{
float: left;
background-color: #F8F8F8;

color: #222;
padding: 6px 12px;
border-right: 1px solid #D1D1D1;
}

.menu li a:visited{
color: #222;
}

.menu li a:hover, .menu li .current{
color:#222;
background-color:#fff;
}

.leftside {
float:left;
width:440px;
padding-left:10px;
}

.rightside {
float:left;
width:330px;
margin-left:30px;
margin-right:10px;
}

* html #rightside { width: 340px;}

p {
margin:0px;
padding-top:5px;
padding-bottom:5px;
}
h1,h2,h3 {
color: #333;
font-size: 22px;
	font-weight: normal;

padding:5px;
margin:0px;
padding-top:10px;
padding-bottom:0px;
padding-left:0px; 
}

#header {
background-color:#000;

color: #fff;
height:100px;
}

#headercontent {

 width: 790px;
  margin: 0px auto;
 text-align:left;
}
.clear,.clearboth {
clear:both;

height:0px;
padding:0px;
margin:0px;
}

.leftarea {
float: left;
width: 200px;
}

.rightarea {
float:left;
}

.col0 {
float: left;
background-color:#fff;
text-align:center;
width: 130px;
height: 140px;
margin:5px;
padding:5px;
}
.col1 {
float: left;
text-align:center;
background-color: #fff;
width: 130px;
height: 140px;
margin:5px;
padding:5px;

}
* html .col0, * html .col1 {
width: 130px;
}
a:link {
 color: #222222; 
 text-decoration: underline;
}
a:visited {
 color: #222222;
 text-decoration: underline;
}
a:hover {
 color: #222222;
 text-decoration: none;
}

.chordrow {
width:120px;
height:20px;
background-color:#E5E5E5;
text-align:left;
}
.line {
height:1px;
width:120px;
text-align:left;
padding:0; margin:0;
}

.line2 {
height: 3px;
width: 120px;
}


#footer {
background-color:#000;
border-top:1px solid #D1D1D1;
margin-top:10px;
height: 80px;
}

#footercontent {
 width: 790px;
 margin: 0px auto;
 text-align:left;
 text-align:center;
 color:#fff;
 padding:10px;
padding-top:30px;
}


#footercontent a:link { color: #659cef; }
#footercontent a:visited { color: #659cef; }
#footercontent a:active { color: #659cef; }
#footercontent a:hover { color: #659cef; }

.ctitle {
font-weight:bold;
text-align:center;
padding-bottom:5px;
}
.cchord {
text-align:center;
}

#navlist
{
padding: 3px 0;
margin-left: 0;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin:5px;
padding:10px;
margin-left: 3px;
border: 1px solid #f5f7f8;
border-bottom: none;
background-color:#fff;
text-decoration: none;
}

#navlist li a:hover
{
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}


#logo {
float:left;
width: 310px;
height: 78px;
}

#logoextra {
float: right;
padding-left: 10px;
padding-top:10px;
}

input {
  border:1px solid #282727;
  padding:5px;
  height:25px;
  font-size:12px;
}

textarea {
  border:1px solid #282727;
  padding:5px;
  width:200px;
  height:100px;
  font-size:12px;
}

.search {
text-align:center;
margin-top:5px;

}

.browse {
text-align:center;
margin-top:10px;
margin-bottom:5px;
}

.browse a:link, .browse a:visited {
color: #659CEF;
}

.browse a:hover {
color: #659CEF;
}

.highlight {
font-weight:bold;
}
.bannerad {
padding:5px;
text-align:center;
}

.chordnumber {
float:left;
width:20px;
height:20px;
text-align:center;
}
table {
padding-left:10px;
padding-right:10px;
}

form {
margin:0px;
padding:0px;
}

.pad {
padding-left: 15px;
}

.searchinput {
width:250px;
}

.chordimage {
text-align:center;
}

.box {
  padding:5px;
}

.space {
height:10px;
}

.g1 { font-size:1px;display:block; overflow:hidden; }
.g2 { background:#D9D9D9; color: inherit; display:block; overflow:hidden;height:1px;margin:0 5px; }
.g3 { background:#ffffff; border-color: #D9D9D9; color: inherit; display:block; overflow:hidden;height:1px;border-style: solid; border-width: 0 1px;margin:0 3px; border-width:0 2px; }
.g4 { background:#ffffff; border-color: #D9D9D9; color: inherit; display:block; overflow:hidden;height:1px;border-style: solid; border-width: 0 1px;margin:0 2px; } 
.g5 { background:#ffffff; border-color: #D9D9D9; color: inherit; display:block; overflow:hidden;border-style: solid; border-width: 0 1px;height:2px; margin:0 1px; }
.g6 { background:#ffffff; border-color: #D9D9D9; color: inherit; display:block; border-style: solid ; border-width: 0 1px; } 
.g7 { font-size:1px;display:block; overflow:hidden;height:1px; }

.subpage { 
padding-right:10px;
padding-left:10px;
 }