body {text-align: center; background-color: #ffffff; background-image: url(/images/collage.jpg); }
.float {margin: 0, auto; background-color: #ffffff; width: 791px; border-style: ridge; border-width: 5px; border-color: #000080;}
.beadsheet {background-color: #ffffff;}
h1, h2, h3, h4, h5 { color: #000080; font-family: monotype corsiva; font-weight: bold;}
h1{font-size: 30pt;}
h2 {font-size: 24pt;}
h3 {font-size: 20pt;}
h4 {font-size: 16pt;}
h5 {font-size: 14pt;}
p.left {background-color: pink; width: 300px; height: auto; border-style: solid; padding: 5px; text-align: justify}
p.right {background-color: #ffffca; width: 300px; height: auto; border-style: solid; padding: 5px; text-align: justify}
.large {color: #000040; font-size: 36px; font-weight: bold; text-align: left;}
.medium {color: #000040; font-size: 20px; font-weight: bold; text-align: left;}
.small { color: black; font-size: 14px; background: #ffffff; padding: 10px; text-align: justify; border-style: solid solid solid solid; border-width: 2px; border-color: #339900; width: 600px; }
.centerbox {border-style: background: #ffffff; padding: 10px; solid; border-width: 2px; border-color: #339900;}
img.patternR {float: right; margin: 6px;}
img.patternL {float: left; margin: 6px; }

.form-button { font-family: 'Verdana', serif; font-size: 11px; color: #A1C4F7; background: #000080; height: 20px; border-color: #000000;}
.form-input  { font-family:  'Verdana', serif; font-size: 11px; color: #ffccff; height: 19px }
.form-text   { font-family:  'Verdana', serif; font-size: 11px; color: #000000 }
.form-select { font-family: 'Verdana', serif; font-size: 12px; color: #800080; background: #ffccff;}