#white {
        background-color: white;
}

#grey {
        background-color: #dddddd;
}

#pink {
        background-color: #ffdddd;
}

#blue {
        background-color: #ffffdd;
}

#green {
        background-color: #ddffdd;
}

#sddm {
	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddm li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial;
        background: #b26435;
}

#sddm li a {
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 120px;             /* # slot width */
	background: #b27c5c;      /* #5970B2; top level background */
	color: #000000;           /* top level text colour */
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover {
	background: #ffffff; /* #ffffc2; */  /* #49A3FF; top level hover background */
}

#sddm div {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #b27c5c;  /* #EAEBD8; unselected text background */
	border: 1px solid #5970B2;
}

#sddm div a {
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #b27c5c; /* #EAEBD8; dropdown background */
	color: #000000; /* #b26435; */  /* #2875DE; text */
	font: bold 12px arial;
/*	font: 12px arial; */
}

#sddm div a:hover {
	background: #ffffff; /*  #ffffc2; */ /* #49A3FF; dropdown hover background */
	color: #000000;      /* text */
}

a {
  text-decoration: underline;
  color: black;
}

a:hover {
  color: black;
  text-decoration: none
}

p {
  font-family: arial;
}

li {
  font-family: arial;
}

h1 {
  font-family: arial;
}

h2 {
  font-family: arial;
}

h3 {
  font-family: arial;
}

td {
  font-family: arial;
}

#head {
  border: none;
  font: bold 40px arial;
}

#body {
  font: bold 28px arial;
}

#tooltip {
  position:absolute;
  border:1px solid #333;
  background:#f7f5d1;
  padding:2px 5px;
  color:#333;
  display:none;
}