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;
}

blockquote {
   text-align: left;
   font-style: italic;
   font-size: larger;
   font-weight: bold;
   margin-bottom: 0;
}
.quoteRef {
   text-align: right;
}

#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: 18px;
   margin-top: 24px;
}
.floatRight {
   float: right;
   width: 300px;
   margin-left: 10px;
}
.clear {
   clear: both;
}

.warning {
   color: red;
}

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 */

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

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

.links a {
   padding: 0 10px;
}

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

/* link forms */
.pseudoUrl  {
   display: inline;
}

.pseudoUrl button {
   white-space: nowrap;
   text-decoration: none;
   color: #3333ff;
   background: #bfeff7;
   padding: 0 5px;
   margin: 0 8px;
   font-family: serif;
   font-size: larger;
}

.deleteForm {
   float: right;
}

.deleteButton {
   float: right;
   background: red;
   margin-right: 12px;
}

.admin {
   border: thin solid gray;
   margin: 8px 0;
   padding: 3px 0;
   background: #ccffff;
}

/* 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: 40px;
}

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;
}

/* styles for event forms */
.standard label, .radiolabel {
   clear: both;
   float:left;
   width: 15em;
   text-align: right;
   margin: 5px 0 0;
}
.standard label.area {
   height: 4.3em;
}

.standard input, .standard select, .standard div {
   width: 32em;
   padding: 0;
   margin: 3px 0 0;
   color: maroon;
   float: right;
}

 .standard textarea {
   width: 33em;
   padding: 0;
   margin: 3px 0 0;
   color: maroon;
   float: right;
}

.botbutt {
   clear: both;
   float: right;
   display: block;
   text-align:right;
   margin-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 {
}

.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;
}

ul.dashed {
   margin: -0.5em 0 0.5em;
}
.dashed {
   text-align: left;
}