/********************************* 80 Columns *********************************/
/*
 * For formatting my Javanese gamelan pages.
 * Bern Jordan
 * mailto:webmaster@bernjordan.com
 * Updated: 3 November 2002
 */

body { 
  font-family: "Arial", "Helvetica", sans-serif;
  color: #000000;
  background-color: white;
  background-image: url(images/gamelanbackground.jpg);
  background-repeat: repeat-y;
  margin-left: 84px;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
  clear: both;
}
h1 {
  font-size: 160%; 
  font-weight: bold;
  text-align: center;
}
h2 { 
  font-size: 140%;
  font-weight: bold
}
h3 { 
  font-size: 100%;
  font-weight: bold;
  font-style: italic; 
  margin-left: 1em; 
}
a:link {
  color: #990000;
}
a:visited {
  color: #660000;
}
a:active {
  color: #FF0000;
}
a img {
  border: none;
}
a img.border {
  border: thin;
}

hr { clear: both }
sup, sub { 
  font-size: 80%;
}
h1.title, p.title {
  text-align: center;
  margin: 0;
}
span.caption {
  font-size: 80%;
  font-style: italic;
}
.nav {
  font-family: "Arial Narrow", "Arial", "Helvetica", sans-serif;
  text-align: center;
  margin: 0.1em 0;
}
.nav span.URhere {
  font-weight: bold;
}

.hidden, .accessibility {
  display: none;
}

.center { text-align: center }
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.floatleft { float: left }
.floatright { float: right }
.clear { clear: both; float: none }
.d-link {
  display: none;
}
.serif {
  font-family: "Times New Roman", "Times", serif;
  font-style: normal;
}
.underline {
  text-decoration: underline;
}
.noborder {
  border: none;
}
table.thumbs td {
  text-align: center;
  vertical-align: middle;
  padding: 0.3em;
}
table.thumbs a img {
  border: none;
}
li.nobullet {
  list-style-type: none;
  list-style-image: none;
}
ul { clear: both }
ul.space li {
  margin-bottom: 0.4em;
}
ol.space li {
  margin-bottom: 0.4em;
}
dl.space dd {
  margin-bottom: 0.4em;
}

/* Random classes */
.italics {
  font-style: italic;
}
.small {
  font-size: 80%;
}
.big {
  font-size: 120%;
}

blockquote p.author {
  text-align: right;
  font-style: italic;
}

p.beforelist {
  margin-bottom: 0;
}
ul.afterp, ol.afterp {
  margin-top: 0;
}

/* Tables that hold pictures of similar instruments */
table.instruments {
  clear: both;
}
table.instruments tr {
  vertical-align: top;
}
table.instruments h2 {
  font-size: 100%;
  margin: 0;
}

/* Definitions/glossary entries */
dfn a {
  text-decoration: underline;
}
dfn a:link {
  color: #000000;
}
dfn a:visited {
  color: #000000;
}

body.glossary dt {
  font-size: 140%;
  margin-top: 1em;
}

.violet {
  color: #662D91;
}
.blues {
  color: #2E3192;
}
.greens {
  color: #39B54A;
}
.reds {
  color: #9E0038;
}

/* The bottom buttons */
div.buttons div.button a img { 
  border: none;
}

/* ID information for the various buttons -- Mainly for Netscape 4.x */
div#vxhtml { 
  display: block;
  float: left;
  padding-right: 1.5em;
}
div#vcss { 
  display: block;
  float: left;
  padding-right: 1.5em;
}
div#wcag1 { 
  display: block;
  float: left;
  padding-right: 1.5em;
}
div#bobby { 
  display: block;
  float: left;
  padding-right: 1.5em;
}

address { 
  clear: both;
  padding-top: 1em;
  font-size: 80%;
}

/* The Help Button (my copyright?). A hovering question mark that expands into 
 * a text link to a help web page.
 */
div.helpbutton {
  position: absolute;
  background: transparent;
  top: 5%;
  left: 2%;
  font-family: "Palatino", "Palatino Linotype", "Times New Roman", "Times", serif;
  font-weight: normal;
}
div.helpbutton a {
  text-decoration: none;
}
div.helpbutton a:link {
  color: #CCCCCC;
  font-size: 140%;
}
div.helpbutton a:visited {
  color: #666666;
  font-size: 100%;
}
div.helpbutton a:hover {
  text-decoration: underline;
  color: #FFFFFF;
  font-size: 140%;
  font-weight: bold;
}
div.helpbutton a:hover span.accessibility {
  display: inline;
}
div.helpbutton a:active {
  text-decoration: underline;
  color: #FFFF00;
  font-size: 140%;
  font-weight: bold;
}
div.helpbutton a:active span.accessibility {
  display: inline;
}

/* Help page */
body.help dt {
  font-size: 120%;
  font-weight: bold;
  margin-top: 1.5em;
}