/* layout.css - structure elements for JMHS Orchestra
 * Last Update: 22 Oct 2006  - Jonathan Doughty
*/
body {
  margin:0;
  padding:0;
}
h1 h2 h3 h4 { 
  margin: 0 0 15px 0;
  padding: 0;
}

p {
  margin-bottom: 8px;
  padding:0;
}

table+table { 
  padding-top: 20px;
}

address {
  font-weight: bold;
  font-style: italic;
  padding:0 0 0 30px;
}

#Header h1 { 
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
}

#Header hr.hidden { 
  padding: 5px;
}

#Content {
  margin: 10px 10px 10px 12em;
  padding: 5px;
}

#Content>h3 { 
  margin: 0 0 15px 0;
  padding-top: 20px;
}

#Content>p {
  text-indent: 0; /* paragraph indent */
}

#Content>p+p {
  text-indent: 0; /* paragraph indent */
  margin-top: 20px;  /* paragraph spacing */
}

#Content li { 
  margin-bottom: 1em;
}

#Menu {
  position: absolute;
  top: 125px;
  left: 0;
  width: 13em;
  min-height: 500px;
  padding: 5px;
  /* ugly hack. */
  voice-family: "\"}\"";
  voice-family:inherit;
}

#Menu > ul { 
  padding: 0;
}

#Menu > li { 
  margin-left: 0px;
  padding: 0;
}

/* "Be nice to Opera 5". */
body>#Menu {
  width:130px;
}

#Footer {
  clear: left;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

#Footer p { 
  margin-bottom: 0;
}

.hidden { 
  visibility: hidden;
  margin: 0;
  padding: 0;
  height: 0;
}

.pagetitle { 
  display: block;
  margin-top: 10px;
}

.even { 
  clear: left;
}

.odd { 
  clear: left;
}

.lastmod { 
  margin-left: 0em;
  margin-right: 0em;
  position: absolute;
  right: 10px;
}

.listing { 
  font-family: monospace;
  white-space: pre;
}

/* Footnote related.  See footnotes.js */

#Content span.footnote {
	font-size: 80%;
}

#Content a.footnote {
  padding-left: 0;
  padding-right: 0;
	vertical-align: super;
	font-size: 0.7em;
}

#footnotes {
	/* border-top: 1px solid #ccc; */
	margin-top: 20px;
  margin-bottom: 20px;
	padding-top: 10px;
}

#Footnotes div.footnote {
  /* Style information for div where JavaScript will move elements */
  padding: 5px;
	margin-bottom: 5px;
  margin-left: 180px;
  font-size: 80%;
}

.footnotenum {
   font-size: 80%;
   vertical-align: super;
}

/* Style definitions relatedto images */
* .image_right { 
  display: block;
  float: right;
  margin: 10px 0 10px 10px;
}

* .image_left { 
  display: block;
  float: left;
  margin: 10px 10px 10px 0;
}

.thumbnail img { 
  border: 0;
  margin: 5px;
  padding: 10px;
  float: left;
}