body {background-color: #66ccff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%;
		color: black; margin: 10px;}
table {font-size: 90%;}
a {color: black;}
label {font-weight: bold;}
input, select, textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%;}
form { margin: 0px; }
textarea {font-family: Verdana, Arial, Helvetica, sans-serif;}
input {font-family: Verdana, Arial, Helvetica, sans-serif;}
#mainpage {width: 760px; margin: 0px; text-align: left;}
#header {width: 760px; margin: 0px; }
#tagline {float: right; margin-top: 10px; font-size: 100%; text-align:right; font-weight:bold; font-style:italic;}
#navbar {width: 120px; text-align: left; margin: 0px; float: left;}
#navbar img {display: block;}
#content {width: 630px; float: right; margin-top: 10px;}

.smalltext {font-size: 80%;}
.blog {font-size: 70%;}
.nodisplay {display: none;}

.boxl {background-color: white; background-image: url('../images/boxl.gif'); background-repeat:repeat-y;}
.boxr {background-image: url('../images/boxr.gif'); background-repeat: repeat-y; background-position:right;}
.lyricinfo {float: right; text-align: right; background-image: url('../images/boxtr.gif'); background-position: top right; background-repeat: no-repeat; font-size: 90%; width: 200px;}

.headtr {background-image: url('../images/boxgreentr.gif'); background-position: top right; background-repeat: no-repeat; width: 330px;}
.headbr {background-image: url('../images/boxgreenbr.gif'); background-position: bottom right; background-repeat: no-repeat; width: 330px;;}
.headbl {background-image: url('../images/boxgreenbl.gif'); background-position: bottom left; background-repeat: no-repeat; width: 330px; position: relative; top: -10px}
.headtl {background-image: url('../images/boxgreentl.gif'); background-position: top left; background-repeat: no-repeat; width: 330px;}
.heading {width: 306px; position: relative; left: 12px; background-image: url('../images/boxgreent.gif'); background-repeat:repeat-x; background-position: top; font-size: 70%; background-color: #000066; color: white;}
.headingb {width: 306px;  background-image: url('../images/boxgreenb.gif'); background-repeat:repeat-x; background-position: bottom;  }
.headingtext {padding: 6px; }
.text {padding: 0px 20px; font-size: 80%;}


.boxbl {float: left; width: 22px; background-color: #66ccff; background-image: url('../images/boxbl.gif'); background-repeat: no-repeat; background-position: top;}
.barr {float: right; width: 608px; background-color: #ffcc00;}
.bartr {background-image: url('../images/boxyeltr.gif'); background-position: top right; background-repeat: no-repeat; width: 608px;}
.barbr {background-image: url('../images/boxyelbr.gif'); background-position: bottom right; background-repeat: no-repeat; width: 608px;}
.barbl {background-image: url('../images/boxyelbl.gif'); background-position: bottom left; background-repeat: no-repeat; width: 608px;}
.bartl {background-image: url('../images/boxyeltl.gif'); background-position: top left; background-repeat: no-repeat; width: 608px;}
.comment {width: 576px; position: relative; left: 12px; background-image: url('../images/boxyelt.gif'); background-repeat:repeat-x; background-position: top; text-align: right; font-size: 70%;}
.commentb {width: 576px;  background-image: url('../images/boxyelb.gif'); background-repeat:repeat-x; background-position: bottom;  }
.commenttext {padding: 6px 0px; }

.result {font-weight: bold; padding: 6px; margin-bottom: 20px; font-size: 100%; color: black; background-color: white;}

#content h1 {font-size: 160%; color: white; font-weight: bold; margin-top: 3px;	margin-bottom: 3px;}
#content h2 {font-size: 140%; color: black; font-weight: bold;	margin-top: 3px;	margin-bottom: 3px;}