BODY {
  padding: 0px 0px 0px 0px;
  /* margin: 0px 0px 0px 0px; */
  background: rgb(222,222,82); 
  color: #333333;
  font-family: 'Gill Sans', Optima, serif;
  /* font-family: Georgia, Palatino, serif; */
  /* font:large/1.556 'Linux Libertine',Palatino,'Palatino Linotype','Book Antiqua',Georgia,'Times New Roman',serif; */

  word-spacing:0.2em;
}

H1 {
  font-size: 140%;
  margin-top: 1em;
  margin-bottom: 0.6em; 
}

H2 {
  font-size: 120%;
  margin-top: 1em;
  margin-bottom: 1.6em; 
}

H3 {
  font-size: 110%;
  margin-left: 0px;
  margin-top: 0.2em;
  margin-bottom: 1.5em;
}

H6 {
  font-size: 50%;
}

P { 
  text-align:justify;
}

TT { 
  font-size: 115%;
}

/* specifics for each ID */
#menu {
  width: 12em;
  float: left;
  position: absolute;
  /* border: 1px solid #999999; */
  padding-top: 1em;
}

#menu ul {
  list-style-type: none;
  margin-left: 1em; 
  padding: 0;
  font-size: 120%;
}

#menu li {
  margin-left: 0;
  margin-bottom: 0.6em;
}

#menu A:link {
  color: #333333;
  text-decoration: none
}

#menu A:hover {
  color: #a1002d; /* 7c0000; */
  text-decoration: none
}

#menu SPAN { 
  color: #a1002d; /* 7c0000; */
}

#content {
  float: left;
  position: absolute;
  margin-left: 13em;
  margin-right: 1em;
  /* border: 1px solid red; */
}

DIV {
  padding: 0;
  margin: 0;
}

DIV.panel {
  width: 90%;
  /* border: 1px solid green; */
  padding: 1em 2em;
  background:  rgb(222,222,82)
  margin-bottom: 2em;
  float: left;
  position: relative;
  min-width: 40em;
  max-width: 65em;
}

#overlay { 
  /* border: 1px solid green; */
  position: absolute;
  color: #7c0000;
  left: 10em;
  top: 16em;
  z-index: 2; 
}

#overlay P{ 
  font-family:  'Gill Sans', Optima, serif;
  /* font-family: Georgia, Palatino, serif; */
  font-size: 46pt;
}

A:link {
  color: #ffffff;
}

A:visited {
  color: #ffffff;
  text-decoration: none
}

A:hover {
  color: #a1002d; /* 7c0000; */
  text-decoration: none
}

.event-img-left { 
  float: left;
  padding-right: 3em;
  width: 20em;
  clear: both;
}

DIV.event-floater-left { 
  float: left;
  padding-right: 3em;
  padding-top: 1em;
  padding-bottom: 1em;
  width: 20em;
  clear: both;
}

.event-img-right { 
  float: right;
  padding-left: 3em;
  width: 20em;
  clear: both;
}

DIV.event-floater-right { 
  float: right;
  padding-left: 3em;
  padding-top: 1em;
  padding-bottom: 1em;
  width: 20em;
  clear: both;
}

DIV.event-floater-front-page { 
  float: left;
  padding-right: 3em;
  padding-top: 1em;
  padding-bottom: 1em;
  width: 25em;
  clear: both;
}

P.event-text { 
  font-size: 86%;
  padding-left: 1em;
  padding-right: 1em;
 
}

P.strong { 
  /* font-weight: bold; */
  font-size: 108%;
  font-style: italic;
}

P.italic { 
  font-style: italic;
}

P.spaced { 
  padding-top: 1em;
}

SPAN.museum { 
  font-size: 86%;
  font-style: italic;
}

P.homepage { 
  text-align: left;  
}

.workshop-table { 
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  width: 100%;
}

.workshop-table TD { 
  font-size: 86%;
}

.twtop { 
  padding-top: 1em; /* 2em */
  padding-left: 1em;
  float: right;
  width: 36em;
}

.tw { 
  font-family: 'Gill Sans', Optima, serif;
  font-size: 34pt;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  text-align: right;
}

.tw-14 { 
  font-family: 'Gill Sans', Optima, serif;
  font-size: 14pt;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.tw-15 { 
  font-family: 'Gill Sans', Optima, serif;
  font-size: 15pt;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}