body {
  background: fixed url("../Images/drop.gif") white;
}

#page {
  width: 710px;
  margin-left: auto;
  margin-right: auto; 
  text-align: center;
  background: white;
}

#top {
   margin:0;
   padding:0;
}

#logo { 
  font-family: "Harlow Solid Italic", serif;
  font-size: 400%;
 }
 
 #login {
   padding:0;
   margin: 0;
   font-size: 6pt;
   position: relative;
   top: 3px;
   left: 0px;
}
 
 #login input, #login button {
   font-size: 6pt;
}

.main {
  background: white;
  padding: 0 8px;
  text-align: center;
}

.bottom	{
  text-align: center;
  font-size: 80%;
  padding-top: 0.5em;
  margin-top: 1em;
}

.bottom p {
  margin: 0.2em;
  text-align: center;
}

#certs a {
   background: none;
}

a {
  white-space: nowrap; 
  text-decoration: none;
  color: #3333ff;
  background: #bfeff7;
  padding: 0 5px;
}

#mainNav {
   list-style-type: none;
   margin: 8px 0;
   padding:0 20px;
}

#mainNav li {
   display: block;
}

#mainNav a:hover {
   background: none;
}

#mainNav a {
  padding: 0;
  margin:0;
   line-height: 10px;
   display: block;
   float: left;
}

#subnav {
  list-style: none;
  border: solid #8888aa 2px;
  margin: 6px 20px;
  padding: 4px;
  width: 650px;
 }

#subnav li {
  display: inline;
  margin: 0 20px;
  border: solid #8888ee 1px;
}

a:hover {
  background: #dcdcff;
}

.right-image  {
  text-align: right;
  padding-left: 1em;
  vertical-align: top;
}
.center-image  {
  text-align: center;
}
.left-image {
  padding-right: 1em;
}
.floatLeft {
  float: left;
  width: 310px;
}
.floatLeftNarrow {
  float: left;
  width: 210px;
}
.leftPic {
  float: left;
  margin-right: 12px;
}
.rightPic {
  float: right;
  margin-left: 12px;
}
.floatRight {
  float: right;
  width: 300px;
  margin-left: 10px;
}
.clear {
  clear: both;
}
h1 {
  	font: bold 200% tekton, arial, helvetica, sans-serif;
  	color:#1133cc;
  	text-align:center;
	margin-bottom: 0.2em;
}
h1.celebration  {
  font-family: "curlz mt", "comic sans ms", cursive;
  font-size: 36pt;
  color: red;
  margin-top: -.3em;
}
h2 {
  	font: bold 150% tekton, arial, helvetica, sans-serif;
  	color:#4455ee;
  	text-align:center;
  margin-bottom: 0;
}
h2.articles {
  margin-bottom: -.2em;
}

h3 {
  font: 120% tekton, arial, helvetica, sans-serif;
  color:#ff6688;
  text-align:left;
  margin-bottom: 0;
}

.auto-centre {
  margin-left: auto;
  margin-right: auto;
}
.center {
  text-align: center;
}
.bold {
  font-weight: bold;
}

/* styles for link pages */

.links {
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  margin-top: 1em;
}

.links a {
  padding: 0 10px;
}

.namedLinks h2 {
  margin-bottom:0;
  text-align: left;
}

.linksStatus	{
  float: right;
  width: 17em;
  font-size: 80%;
  margin-top: 0em;
  margin-right: 2em;
  text-align: right;
  color: #ff66ff;
}

/* end of styles for link pages */

.footer	{
	font-size: 80%;
  	margin-top: 1em;
  margin-bottom: 300px;
}

.footer p { 
  text-align: center;
  margin: 8px 0;
 }

.floatMenu	{
	position: fixed;
  	width: 100px;
  top: 10px;
  left: 10px;
  background: yellow;
}

/* Events   */
.specialEvent {
  margin: 1em;
  padding: 0.5em;
  border: ridge thick #3399ff;
  background: #eeffee;
  color: inherit;
}

.specialEvent h2 {
  margin:0;
  padding:0;
  color: #444444;
}

.specialEvent p {
  text-align: center;
  font-size: 120%;
  margin:0;
  padding:0;
}

.eventDetails p {
  margin:0;
}

.eventDetails h2 {
  text-align: left;
  margin-bottom: 0.2em;
}

.info  {
  vertical-align: middle;
}

.extra {
   text-align: right;
   width: 200px;
}

span.eventHead	{
	font-weight: bold;
}
span.event	{
	font-weight: bold;
  font-size : 140% ;
}
.important	{
   font-weight: bold;
   font-size : 120% ;
   color : red ;
}

.newslinks {
   text-align: center;
   border: solid thin maroon;
   width: 180px;
   margin: 3px auto;
}

/* Added by Simon on 19-June-2002 */
span.composer, span.guest {
   font-weight: bold;
}

.programme {
  width: 450px;
  margin: auto;
	padding: 0 50px 50px;
	background: #fcf4d4;
	color: inherit;
	border: double medium #1133cc;
}

.interval {
  text-align: center;
	padding-bottom: 25px;
  font-weight: bold;
  font: 120% tekton, arial, helvetica, sans-serif;
}

.programme h3 {
  text-align: center;
}

.piece {
  font-weight: bold;
  text-align: left;
  padding-top: 15px;
}

.music .piece {
  font-weight: bold;
  text-align: left;
  padding: 0 8px;
}

.programme ul {
	text-align: left;
  list-style: none;
	margin-top: 0;
}

.composition {
  font-weight: bold;
  font-style: italic;
  color: #663344;
}

div.composer {
  float: right;
  text-align: right;
  padding-top: 15px;
}

/* end Events */

.right  {
  text-align: right;
  color:red;
}
p   {
  text-align: justify;
  margin-top: 0.3em;
}
p.person	{
	font-weight: bold;
	font-style:	italic;
}
p.advert	{
  text-align:center;
	font-weight: bold;
  font-size : 120%;
}
br.title	{
	font-weight: bold;
	font-style:	italic;
  font-size : 120%;
}
p.organiser	{
	font-weight: bold;
	font-size: 130%;
	margin-top: 2em;
}
p.details	{
	margin-top: 0;
}
.caption	{
	margin-top: 0em;
	margin-bottom: 0.2em;
	font-weight: bold;
	font-style: italic;
}
p.image-desc  {
  font-size: 85%;
  padding-left:2em;
  padding-right:2em;
}
p.author	{
	margin: 0 0 2em 0;
	font-weight: bold;
	font-style: italic;
}
p.gallery   {
  text-align: center;
}

p.review:before {content: "\2018"}
p.review {
  font-style: italic;
}
p.review:after {content: "\2019"}
p.review + p, p.author + p {margin-top: -5mm;  }
p.quote:before {content: "\201C";}
p.quote:after {content: "\201D";}
.highlight  {
  background: #fff999;
}
form.request {
  background: #fff999;
  padding-left: 15px;
  padding-top: 1em;
  padding-bottom: 0em;
  margin: 15px;
  border: ridge thick #0ef786;
}

.button  {
  text-align: center;
  color: black;
  vertical-align: middle;
  margin: 4px;
}

form > p, form > table {
  margin-top: -0.5em;
  color:red;
}

form td {
  padding-bottom: 1em;
}

.wideform {
   margin-top: 20px;
}

.wideform legend {
   font-size: larger;
   color: #444499;
}

td.form {
  padding-left: 2.5em;

}

.miniform {
   float:right;
}

.cal {
   margin-top: 4px;
   margin-bottom: 4px;
}

hr {
   width: 100%;
   height: 5px;
   background: #3399ff;
   color: #3399ff;
}
table.news  {
  margin: 0 auto;
  width: 250px;
  border-collapse: collapse;
  border:solid thick #3399ff;
}
.news ul {
  list-style: none outside;
  margin: 0;
  padding: 0;
}
th.news,td.news {
  border: solid thin;
  border-right: solid thick #3399ff;
  padding: 8px;
  vertical-align: top;
}
*.news  {
  text-align:center;
}
table.yearsNews {
  width : 500px;
  text-align:center;
  border-collapse: collapse;
  border:solid thick #3399ff;
}
td.yearsNews{
  border: solid thin;
  padding: 8px;
}

/* ###### Styles for Publisher links */
td.publisher	{
	font-size:	120%;
	vertical-align: top;
	width:	250px;
}
td.publisherInfo	{
	padding: 0px 4px 12px;
}
p.status	{
	font-size: 80%;
  	margin-top: 0em;
  	margin-bottom: 2em;
	text-align: center;
	color: #fffaaa;
}
/* ###### end Publisher links styles */

/* ###### Styles for event summary table*/
table.events {
  font-family: arial, sans-serif;
  font-size: 100%;
  margin: 0 auto;
  width: 100%;
  background: white;
  color: black;
  border-collapse: separate;
  border-spacing: 0.2em;
  border: ridge 6px #3399ff;
}

table.events th {
  text-align: center;
  padding: 0 0.5em;
}

tr.dgsEvent {
  background: #ccffff;
}

tr.notdgsEvent {
  background: #f6fff6;
}

td.eventDate {
  white-space: nowrap;
}

table.events td {
  padding: 0 0.3em;
  margin: 0;
}

/* ###### end event summary table styles */
/* ###### Styles for other's events table*/
table.nonDgsEvents  {
  border-collapse: separate;
  border-spacing: 0pt ;
	vertical-align: top;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 380px ;
}
td.eventTitle	{
	text-align: center;
	width: 360px;
	vertical-align: top;
	font-size: 150%;
	font-weight: bold;
	color: #558855;
	margin-top: 0em;
  margin-right : 2em;
}
td.eventPeople	{
	text-align: center;
	vertical-align: middle ;
	width: 360px;
	font-size: 150%;
	color: #550055;
	margin-top: 0em;
  margin-right : 2em;
}
/* ###### end other's events table styles */

.rc {
  padding-left: 2em;
}

td.navBar   {
  margin : 0em ;
  padding : 0px ;
}
table.contacts	{
  	font-family: tekton, arial, helvetica, sans-serif;
  border-collapse: collapse;
	border: outset 5px blue;
  width: 100%;
  font-size: 100%;
}
table.contacts td, table.contacts th   {
  border: solid blue 2px;
	padding: 3px;
  background: #fffabc ;
  vertical-align: middle;
  text-align: center;
}
td.month	{
	text-align: center;
	width: 360px;
	font-size: 150%;
	color: #550055;
	margin-bottom: 0em;
}
#mininav {
  margin: 0 auto;
  border-collapse: collapse;
}

td.miniNav	{
  border: solid #1133cc;
  text-align: center;
  padding: 6px;
}
td.composer	{
	font-style: italic;
}
td.extras	{
	text-align: left;
	width: 360px;
}
img {
  border : 0 ;
}
img.gallery {
  margin: 15px;
}