body {
  margin: 2px;
  background-color: Aqua;
  font-family: Verdana, Staccato222 BT, sans-serif;
}
div.error {
  background-color: OrangeRed;
}
@media (max-width: 500px) {
  .notForSmallScreen {
    display: none;
  }
}
.menuPart {
  display: inline-block;
  border: 1px solid gray;
  line-height: 1.5em;
  margin: 3px;
  padding: 5px 5px;
}
.normalLinkBackground {
  background-color: #ccc;
}
.upperLinkBackground {
  background-color: orange;
}
.hoverLinkBackground {
  background: yellow;
}
.normalLink {
  background-color: #ccc;
  display: inline-block;
  border: 1px solid gray;
  border-radius: 5px;
  text-decoration: none;
  color: black;
}
.selectedLink {
  background-color: white;
  font-weight: bold;
  border: 1px solid black;
}
/* used to hold navigation elements */
.navigationDiv {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: Aqua;
  position: relative;
  max-width: 859px;
}
.cellLikeDiv {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  position: relative;
}
div.cellLikeDivTransposition {
  display: inline-block;
  height: 61px;
  border: 1px solid black;
  background-color: white;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
/*.navigationDiv:after
{
//	display:block;
//	clear:both;
}
*/
/* common for all links: */
a {
  background-color: #ccc;
  display: inline-block;
  border: 1px solid gray;
  border-radius: 5px;
  text-decoration: none;
  color: black;
}
a:hover {
  background: yellow !important;
}
a.neutralHover {
  display: block;
  height: 0;
  overflow: hidden;
  position: absolute;
  border: 1px dashed transparent;
}
a.neutralHover:hover {
  background: transparent !important;
  border: 1px dashed black;
}
span.imgWithJavascript {
  background-color: #ccc;
  display: inline-block;
  border: 1px solid gray;
  border-radius: 5px;
  text-decoration: none;
  color: black;
  background-color: #ccc !important;
  cursor: pointer;
}
li.checkboxKind {
  background-color: #ccc;
  padding: 10px;
  font-size: 150%;
}
li.checkboxKind:hover {
  background: yellow !important;
}
span.imgWithJavascript:hover {
  background: yellow !important;
}
span.imgWithoutJavascript {
  background-color: white;
  border: 1px solid black;
  display: inline-block !important;
}
/*
dl.imapStyle
{
	display:block;
	width:600px;
	height:60px;
//	background:url('/notes/img/Keys/AllKeys.gif');
	background-repeat:no-repeat;
	position:relative;
	left:0;
	top:0;
}
*/
div.centeredDiv {
  width: 100%;
  border: 1px solid black;
  text-align: center;
}
a.centeredButtonLink {
  width: 50%;
  text-align: center;
  margin: 3;
  padding: 5;
}
a.horiLinkUpper {
  background-color: #ccc;
  display: inline-block;
  border: 1px solid gray;
  border-radius: 5px;
  text-decoration: none;
  color: black;
  background-color: orange;
  font-weight: bold;
}
div.additionalTextContainer {
  max-width: 859px;
  background-color: white;
}
div.additionalText2Paras {
  padding: 10px;
  display: inline-block;
  width: 47%;
  min-width: 350px;
}
p.additionalText2Paras {
  text-align: center;
}
#orientationDiv {
  background-color: #f0f0f0;
  max-width: 859px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
h2 {
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 10px;
}
h3 {
  padding-left: 50px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #fff;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
h5 {
  padding-left: 10px;
  padding-bottom: 5px;
  font-style: italic;
}
div.additionalText1Para {
  padding: 10px;
  display: inline-block;
  width: 99%;
}
div.thirdthWidthDiv {
  vertical-align: top;
  display: inline-block;
  width: 32.5%;
  min-width: 250px;
  margin: 0;
  padding: 0;
}
a.anyHoriLink,
span.anyHoriLink {
  display: inline-block;
  border: 1px solid gray;
  line-height: 1.5em;
  margin: 3px;
  padding: 5px 5px;
}
/* used for positioning images in the div: */
div.positioningDiv {
  position: relative;
  overflow: hidden;
}
/* used to display song choices in full width */
a.listLink {
  display: block;
  width: 820px;
}
div.listLink {
  background-color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 859px;
}
div.listLink p {
  margin: 10px;
}
span.listPartLong {
  width: 325px;
  display: inline-block;
}
span.listPartShort {
  width: 35px;
  display: inline-block;
}
span.listPartMiddle {
  width: 65px;
  display: inline-block;
}
span.collectionLink {
  width: 150px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
span.collectionDescription {
  max-width: 650px;
  display: inline-block;
  text-align: center;
}
li.collectionEntry {
  border: 1px solid black;
  margin-top: 10px;
  vertical-align: top;
  display: table;
}
.tabButton {
  border-radius: 5px 5px 0 0;
  padding: 5px 5px;
  border-bottom: 0;
}
ul {
  list-style: none;
}
ul.tabbedBar {
  position: relative;
  display: inline;
  padding: 0;
}
div.tabbedBar > nav {
  background-color: gray;
  margin: 0;
  padding-top: 3px;
  max-width: 859px;
}
div.tabbedBar > div {
  background-color: white;
  padding-top: 10px;
}
nav.tabbedBar {
  margin: 0;
}
li.tabbedBar {
  display: inline;
}
span.tabbedBar {
  border-radius: 5px 5px 0 0;
  padding: 5px 5px;
  border-bottom: 0;
  background-color: white;
  font-weight: bold;
  border: 1px solid black;
  border-bottom: 2px solid white !important;
}
a.tabbedBar {
  border-radius: 5px 5px 0 0;
  padding: 5px 5px;
  border-bottom: 0;
  border-bottom: 1px solid black;
}
/* for the  navigation menu */
nav.mainMenu ul {
  position: relative;
  display: table-row;
}
nav.mainMenu ul ::after {
  content: "";
  clear: both;
  display: block;
}
nav.mainMenu ul li {
  cursor: pointer;
  position: relative;
  float: left;
}
nav.mainMenu ul li a,
nav.mainMenu ul li span {
  display: block;
}
nav.mainMenu ul li:hover > ul {
  display: block;
  position: absolute;
  top: 100%;
  z-index: 100;
}
nav.mainMenu ul ul {
  display: none;
  padding: 5px 5px;
  position: relative;
  top: 100%;
  background: gray;
}
nav.mainMenu ul ul li {
  float: none;
  position: relative;
}
nav.mainMenu ul ul li a {
  margin: 3px;
  padding: 5px 5px;
}
nav.mainMenu span {
  background-color: white;
  font-weight: bold;
  border: 1px solid gray;
}
nav.mainMenu span.subMenuHeadNormal {
  background-color: #ccc;
  border-radius: 5px;
  text-decoration: none;
  color: black;
  display: inline-block;
  border: 1px solid gray;
  line-height: 1.5em;
  margin: 3px;
  padding: 5px 5px;
  font-weight: normal !important;
}
nav.mainMenu span.subMenuHeadUpper,
nav.mainMenu a.subMenuHeadUpper {
  background-color: orange;
  display: inline-block;
  border: 1px solid gray;
  line-height: 1.5em;
  margin: 3px;
  padding: 5px 5px;
}