body { margin: 0px; padding: 0px; background: #856f54 url(images/bg.jpg) repeat top center; font-family: Verdana, Helvetica, Sans-serif; font-size: 12px; }
a img { border: none; }
a:link, a:visited { color: #634529; }
a:hover { color: #000000; }
h1 { margin: 0px 0px 20px 0px; padding: 0px; font-size: 18px; }
h2 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 14px; }
h2 .h2-small { font-size: 10px; font-weight: normal; }
img.left { float: left; margin-right: 10px; padding: 5px; border: 1px solid #634529; background-color: #ffffff; }
img.right { float: right; margin-left: 10px; padding: 5px; border: 1px solid #634529; background-color: #ffffff; }

#wrap { width: 770px; margin: 0px auto 0px auto; }

#head { height: 320px; background: #ffffff url(/images/header-bg.jpg) repeat-x top left; }
#title { width: 730px; height: 280px; margin: 0px auto 0px auto; padding: 0px; background-color: #fff7d8; overflow: hidden; }
#bar { position: relative; height: 30px; margin: 0px; padding: 0px 20px 0px 180px; color: #fff7d8; background: url(/images/bar-bg.jpg) no-repeat top center; font-size: 14px; font-weight: bold; }
#bar a:link, #bar a:visited { display: block; float:left; text-decoration: none; height: 25px; color: #fff7d8; margin: 0px; padding: 5px 10px 0px 10px; }
#bar a:hover { background-color: #fff7d8; color: #634529; }

#main { margin: 0px; padding: 10px 20px 10px 20px; line-height: 18px; }
.english { float: left; width: 330px; margin: 0px; padding: 10px; background-color: #fff7d8; border: 1px solid #634529; }
.hawaiian { float: left; width: 330px; margin: 0px 20px 0px 0px; padding: 10px; background-color: #fff7d8; border: 1px solid #634529; }
.songnotes { clear: both; padding-top: 20px; }
.clear { clear: both; }

#foot { clear: both; text-align: center; font-size: 9px; padding: 10px 20px 10px 20px; border-top: 1px solid #634529; }
#foot .copy { font-size: 11px; }

#sponsor { margin: 10px 0px 0px 0px; padding: 5px 10px 10px 10px; width: 750px; background-color: #634529; color: #ffffff; font-size: 10px; }
#sponsor a:link, #sponsor a:visited { color: #fff7d8; text-decoration: none; }
#sponsor a:hover { color: #ffffff; }


/* PLAYER STYLES */
.player { display: block; width: 480px; height: 384px; }