body {
  background-color: #d4d4ff;
  color: #003;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
}

.title {
  font-style: italic;
}

a:visited {
  color: #80b;
}

a:active {
  color: #d5f;
}

a {
  color: #a0f;
}

.horizontal_ruler {
  border-bottom: 1px solid #003;
}

.overview {
  font-style: italic;
}

h1 {
  color: #00b;
  font-weight: bold;
  font-size: medium;
}

h2 {
	color: #00b;
	font-weight: bold;
	font-size: medium;
	text-transform: uppercase;
	text-align: left;
}

h2.special_event {
  margin-bottom: 0px;
}

.special_event {
  color: #09f;
}

address {
  font-style: normal;
}

.caption {
  color: #000;
  font-size: smaller;
  font-style: italic;
}

.caption_quote {
  color: #000;
  font-size: smaller;
}

.small {
  font-size: small;
}

.book { padding-bottom: 1.5em; clear: both; }
.book img.left { margin: 0px 10px 10px 0px; float: left; }
.book img.right { margin: 0px 0px 10px 10px; float: right; }
.additional li { padding: 5px; }

.recording { padding-bottom: 2.5em; clear: both }
.recording .title { font-style: italic; }
.recording .cover_box {
  display: block;
  margin: 0px 5px 5px 0px;
  padding: 0px 10px 8px 0px;
  background-image: url(../images/recordings/drop_shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  float: left;
}

.soundclip {
  clear: both;
}

.soundclip .composer {
  font-style: italic;
}

#navbar {
  float: left;
  width: 20%;
}

#navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

#navbar ul ul {
  margin-top: 1px;
}

#navbar li {
  margin: 0;
  margin-bottom: 1px;
}

#navbar li a {
  display: block;
  padding: 5px 5px 5px 0.5em;
  margin-left: 10px;
  background-color: #aaf;
  color: #000;
  text-decoration: none;
  width: 100%;
}

#navbar li.current_page a {
  border-left: 10px solid #00b;
  margin-left: 0;
}

#navbar li.current_page li a {
  margin-left: 10px;
  border-left: 0;
}

html>body #navbar li a {
  width: auto;
}

#navbar li a:hover {
  background-color: #00b;
  color: #fff;
}

#navbar ul ul {
  font-size: smaller;
  padding-left: 10px;
}

#navbar .last_li a {
  background-image: url(../images/nav_curve_right_bottom.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  border-bottom: none;
}

div#pageBody {
  float: right;
  width: 80%;
}

div#header {
  background-color: #aaf;
  margin: 0 0 1em 1em;
  background-image: url(../images/header_curve.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  padding: 8px 1em 1em 1em;
}

div#header_img {
  float: left;
  width: 20%;
}

div#header_detail {
  float: right;
  width: 80%;
}

div#header h1 {
  text-align: right;
  font-size: x-large;
  font-weight: normal;
  margin-bottom: 0.2em;
}

div#header address {
  text-align: right;
}

div#header img {
  float: left;
  padding-right: 2em;
}

div#translations {
  margin: 1em 1em 2em 1em;
  padding: 1em 1em 1em 1em;
  border: 1px solid #00b;
  background-color: #aaf;
}

div#content {
	clear: both;
	padding-left: 1em;
	padding-right: 1em;
	text-align: left;
}
.starlink {  text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-style: normal; color: #0000BB}
a:link {  text-decoration: none}