* {margin:0; padding:0; border:0; text-decoration:none; outline:0;}

body {background:#9E7C56; font:normal 100%/1em verdana, geneva, arial, helvetica, sans-serif; margin:0; padding:0;}

a img {border:0;}
a.text {font-weight:normal; text-decoration:underline; color:#000;}
a.text:hover {color:#fff;}
a.text:active {color:#0ff;}

/* for non-underlined composition links */
a.text2 {font-weight:normal; text-decoration:none; color:#000;}
a.text2:hover {color:#fff;}
a.text2:active {color:#0ff;}

/* for non-underlined composition links that underline when moused over */
a.text4 {font-weight:normal; text-decoration:none; color:#000;}
a.text4:hover {text-decoration:underline; color:#fff;}
a.text4:active {color:#0ff;}


/* for link with the font styles of h1 and a.text ("resources" header on the "bibliography" page) */
a.text3 {font-weight:normal "Trebuchet MS", verdana, geneva, arial, helvetica, sans-serif; text-decoration:underline; color:#000; margin:18px 0 8px 0;} 
a.text3:hover {color:#fff;}
a.text2:active {color:#0ff;}

/* for "top" link that appears on various pages */
a.top {font-weight:normal; text-decoration:underline; color:#000; font-size:.75em;}
a.top:hover {color:#fff;}
a.top:active {color:#0ff;}

/* white text without upper and lower borders, found on the "resources" page */
h3 {font:bold .9em/.9em "Trebuchet MS", verdana, geneva, arial, helvetica, sans-serif; margin:12px 0 3px 0; border:0; padding:3px 0 3px 0; color:#D4C1AB;}

/* smaller text used for the annotations on the "bibliography" page */
h4 {font-weight:normal; font-size: .9em; line-height:1.2em; color: #000;}

p.indented {padding-left: 50pt; padding-right: 50pt;}

br.clear {clear:both;}
embed {background:#9E7C56; cursor:pointer;}
h1 {font:bold 1.2em/1.2em "Trebuchet MS", verdana, geneva, arial, helvetica, sans-serif; margin:18px 0 8px 0;}
h2 {font:bold .9em/.9em "Trebuchet MS", verdana, geneva, arial, helvetica, sans-serif; margin:12px 0 3px 0; border:0; border-top:3px solid #630; border-bottom:1px solid #000; padding:3px 0 3px 0; color:#D4C1AB;}
hr {border:0; border-top:1px solid #630;}
img.left {float:left; margin:4px 12px 4px 0;}
object {background:#9E7C56; cursor:pointer;}
span.nolink {font:bold 1em/1em verdana, geneva, arial, helvetica, sans-serif; text-decoration:none; color:#000; margin:0 2px;}
span.work {font-weight:bold; color:#000; font-size:1.2em; text-transform:uppercase; margin:0; padding:0;}
table {border:0; width:570px; padding:0;}
table#sounds {padding:0; width:630px;}
td, p {vertical-align:top; padding:0 24px 6px 0; font-size:.72em; line-height:1.6em;}
td p {margin:5px 0; padding:0; font-size:1em; line-height:1.6em;}
td.button {width:78px;}
td.nowrap {white-space:nowrap;}
td.work {border-top:3px solid #630; padding-top:12px;}
ul ul {margin:0 0 0 14px; padding:0 0 0 14px;}
ul, li {margin:0; padding:0;}
li {font-size:.72em; line-height:1.6em;}
li li, td li {font-size:1em; line-height:1.6em;}
li h2 {font-size:1em; font-weight:bold; border:0; color:#dccfc0; font-family: arial, verdana, geneva, helvetica, sans-serif;}

#all {width:797px; margin-left:auto; margin-right:auto;}
#bhc {margin:35px 0 0 39px;}
#bhc2 {margin:0; padding:0; display:block;}
#credit {width:470px; font-size:.7em; margin:10px 0 18px 0; text-align:center; color:#000;}
#header {width:100%; border-bottom:6px solid #630; margin:0; padding:0;}
#left {float:left; width:470px;}
#main {width:600px; margin:0; padding:0; margin-left:164px; padding:18px 0 18px 0;}
#quote, #blurb {width:470px; font:normal 1em/1.3em georgia, times, "times new roman", serif; text-align:center; margin:18px 0 0 0;}
#right {float:right;}

#links {font:normal .72em/1.5em verdana, geneva, arial, helvetica, sans-serif; text-align:left; margin:6px 0 0 12px;}
#links1 {font:normal .72em/2.5em verdana, geneva, arial, helvetica, sans-serif; text-align:center; margin:36px 0 0 0; width:480px;padding-bottom:2px;}

#links1 a {font-weight:bold; text-decoration:none; color:#D4C1AB; margin:0; padding: 0 0 4px 0;}
#links1 a:hover {font-weight:bold; text-decoration:none; color:#fff; margin:0; padding: 0 0 3px 0; border-bottom:8px solid #39f;}
#links a {font-weight:bold; text-decoration:none; color:#D4C1AB; margin:0 2px;}
#links a:hover {font-weight:bold; text-decoration:none; color:#fff;  margin:0 2px; padding: 0 0 4px 0; border-bottom:8px solid #39f;}

.credit {font-size:.72em;}
.credit a {margin:0; padding:0; font-weight:bold; text-decoration:none; color:#D4C1AB;}

/* for sound samples */
hr {margin-bottom:12px;}
.alert {color:#0ff;}
.button {float:left; clear:left; width:250px; padding-bottom:6px;}
.group {width:600px; float:left;}
.sx, #s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9, #s10, #s11, #s12, #s13, #s14, #s15, #s16, #s17, #s18, #s19, #s20 {width:68px; height:23px; float:left;}
.title {font-size:.72em; float:left; padding-left:16px; width:160px;}
.group .text {width:340px; float:right;}
.group .text p {margin:0; padding:0; margin-bottom:6px;}

/*for compositions */
.new {padding:0px 0 8px 0; clear:both; border-top:3px solid #630; width:600px; font-size:.72em; line-height:1.6em; float:left;}
.line {clear:both; margin:0; padding:0;}
.firstline .left, .firstline .rt {margin:0; padding:4px 0 0 0;}
.left {float:left; font-weight:bold; font-size:1em; line-height:1.6em; width:115px; text-align:left; margin:0; padding:0;}
.rt {float:right; font-weight:normal; font-size:1em; line-height:1.6em; width:465px;}
.rt ul {margin:0; padding:0;}
.rt li {font-size:1em; list-style-type:disc; list-style-position:inside; padding:0 0 6px 0;}
.rt p {font-size:1em; text-indent:0; padding:0 0 6px 0;}
.space {padding:0 0 6px 0;}
span.work {font-weight:bold; font-size:1.2em; text-transform:uppercase; margin:0; padding:0;}
hr.end {clear:both; height:6px; border:0; border-bottom:6px solid #630; padding:0; margin:0;}

/* biography page */
.bio {width:112px; height:169px; margin:-1px 6px 0 -2px; float:left;}
.biort {width:112px; height:169px; margin:1px -5px 0 10px; float:right;}
.biort2 {width:164px; height:164px; margin:4px 0px 0 16px; float:right;}
p.biotext {text-align:justify; line-height:1.7em;}

/* for drop shadows */
.shadow {float:left;}
.shadowrt {float:right; margin:6px 0 4px 20px;}
.frame {position:relative; background:#fff; padding:0px; display:block;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}
.frame img {vertical-align:bottom;}

/* for contact page */
#smallest {float:right; padding:0 0 0 24px;}
hr.contact {border:0; border-top:1px solid #630; margin:8px 0 12px 0;}