body {
 padding: 3px;
}

div {
 margin-bottom: 0.7em;
}
.banner-right {
 float: right;
 width: 300px;
 border-color: #CCCCCC;
 border-style: solid;
 border-width: 1px;
 padding: 2px;
}

h1 {
 font-size: 230%;
 color: #3366CC;
}
h2 {
 font-size: 160%;
 color: #000000;
}
.otherdef {
 padding: 5px;
 border-color: #CCCCCC;
 border-style: solid;
 border-width: 1px;
 font-weight: bold;
}

.currentdef {
 color: white;
 background-color: black;
 padding: 5px;
}

.actualdef img {
  float:right;
}

.example {
 border-color: #CCCCCC;
 border-style: solid;
 border-width: 1px;
}
.example td {
 font-size: 140%;
 color: #808080;
}

.related {
 padding: 4px;
}
.related p {
 font-weight: bold;
}
.related p span {
 color: #808080;
}

.sound p {
 text-align: center;
}
.sound {
 margin: 1em;
}

.history {
 margin: 1em;
}

.noteimage {
 text-align: center;
}

.note p {
 font-weight: bold;
}

.topnav {
 clear: both;
 background-color: #CCDDFF;
 padding: 0.25em;
}
.topnav span {
  padding-left: 1em;
  padding-right: 1em;
  font-size: 120%;
}

.morenotes {
 text-align: right;
 background-color: #CCDDFF;
}

.morenotes a {
 font-weight: bold;
 font-size: 130%;
}

.moreexamples {
 text-align: right;
 background-color: #CCDDFF;
}
.moreexamples a {
 font-weight: bold;
 font-size: 130%;
}