* {
  margin: 0 ;
}


html, body {
  height: 100% ;
  padding: 0 ;
}

html {
  font-family: sans-serif ;
}

body {
background: transparent url(images/bars.png) top left repeat fixed ;
}

#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
}

#boilerplate, .push {
  height: 4em;
}

#logo {
position: absolute ;
left: 5px ;
top: 5px ;
}

#logo img {
border: none ;
}

/* #logo a:hover {
background: transparent ;
} */

#top {
padding-bottom: 35px ; /* to accommodate floated navigation buttons */
background-color: #5b0018 ;
}

#switcher {
	font-size: smaller ;
	background-color: #5b0018 ;
	position: absolute ;
	padding: 2px  ;
	top: 2px ;
	right: 2px ;
	}

#toc {
  background-color: #5b0018 ;
  padding: 2px ;
  text-align: center ;
}

#toc ul {
padding-left: 0 ;
background-color: #5b0018 ;
padding-right: 0 ;
list-style: none ;

}

#toc li {
  padding: 0.5% ;
float: left ;
width: 32.333% ;
}

#toc a {
  background-image: url(images/fade.png) ;
  text-decoration: none ;
  color: black ;
  padding: 6px ;
  display: block ;
}

#toc a:BEFORE {
  background: transparent url("images/corner-tr.png") scroll no-repeat top right;
	margin-top: -6px ;
	margin-left: -6px ;
	margin-right: -6px ;
	height: 6px ;
	display: block ;
	border: none ;
text-align: left ;
	content: url("images/corner-tl.png");
	padding: 0;
	line-height: 0.1;
	font-size: 1px;
}

#toc a:AFTER {
	background: transparent url("images/corner-br.png") scroll no-repeat top right;
	margin-bottom: -6px ;
	margin-left: -6px ;
	margin-right: -6px ;
	height: 6px ;
	display: block ;
	border: none ;
text-align: left ;
	content: url("images/corner-bl.png");
	padding: 0;
	line-height: 0.1;
	font-size: 1px;
}


#switcher a {
	padding: 1px ;
	}

a#std {
	background-color: #cccc99 ;
	border: #5b0018 solid 1px ;
	}

a#hicon {
	font-size: large ;
	background-color: #00ffff ;
	border: black solid 1px ;
	}

#title {
  text-align: center ;
  background-color: #5b0018 ;
color: white ;
}

#content {
margin-left: 1% ;
margin-right: 1% ;
  padding-top: 10px ;
padding-bottom: 10px ;
clear: both ;
}

#content > div {
background-image: url(images/fade.png) ;
padding: 1% ;
}

#contacts {
float: left ;
width: 31% ;
margin-right: auto ;
}

#rehearsals {
width: 63% ;
margin-left: auto ;
}

#boilerplate {
background-image: none ;
color: white ;
padding: 2px ;
background-color: #5b0018 ;
}

#boilerplate * {
font-size: smaller ;
}

h2, h3, h4 {
padding-bottom: 5px ;
color: #5b0018 ;
}

h1 {
  padding-top: 5px ;
  padding-bottom: 5px ;
  color: #cccc99 ;
  text-transform: uppercase
}

h2 {
padding-top: 5px ;
}

h3, h4 {
padding-top: 0px ;
}

dl, p, ol, ul {
	padding-bottom: 10px ;
	}

dt {
padding-top: 5px;
font-weight: bold ;
}

dd.comments {
	font-size: smaller ;
}
	
acronym[title], abbr[title] {
	cursor: help ;
}

#rehearsals a[href ^= "http://"]:AFTER, #contacts a[href ^= "http://"]:AFTER {
content: " " url("images/icon-external.png") ;
}

#rehearsals a[href ^= "http://maps.google"]:AFTER, #contacts a[href ^= "http://maps.google"]:AFTER, #engagements dl a[href ^= "http://maps.google"]:AFTER {
content: " (map) " url("images/icon-external.png") ;
font-size: x-small ;
}

a.cal {
border-right: solid black 1px ;
padding-left: 3px ;
padding-right: 6px ;
}

#calend {
border-right: none ;
}

img.valid, a.cal img {
border: none ;
vertical-align: middle ;
}

img.valid {
height: 20px ;
width: 66px ;
}

#boilerplate a {
	border: none ;
	}

a {
	font-weight: bold ;
	}

a:hover {
	background-color: #cccc99 ;
	}