BODY{
  background:  url(http://www.malmesburysingers.co.uk/images/musicback.gif);
  margin: 0px; padding: 0px;
  overflow: scroll;
}
DIV{
  margin: 0px; padding: 0px;
}
P, A, TD{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: black;
  margin: 0px 0px 15px 0px; padding: 0px;
}
P.small, P.small A{
  font-size: 10px;
}
LABEL{
  margin: 0 10px 0 5px;
}
/* H2 is used for "photo by Jonathan Hobson" */
H2, H2 A{ 
  font-family: Verdana, Arial, sans-serif;
  font-size: 17px;
  color: black;
}


/* Structure */
DIV#SiteWrapper{
  width: 970px;  
  position: relative; left: 50%; top: 0px;
  margin: 5px 0 0 -485px;
}
DIV#HeaderWrapper{
  width: 100%; height: 198px;
}
DIV#BodyWrapper{
  width: 100%;
  float: left; clear: left;
  margin: 1px 0;
}
TD#ColumnLeft{
  width: 190px;
  vertical-align: top;
}
TD#ColumnCenter{
  width: 530px;
  vertical-align: top;
}
TD#ColumnRight{
  width: 250px;
  vertical-align: top; text-align: right;
}
DIV#FooterWrapper{
  width: 100%;
  clear: left;
}



/* Header */
DIV#HeaderTitle{
  width: 100%; height: 120px;
  background-color: #333366;
}
DIV#HeaderTitle H1{
  font-family: Verdana, sans-serif;
  font-size: 32px;
  color: white;
  margin: 0px; padding: 0px;
  position: relative; top: 40px; left: 10px;
}
DIV#HeaderTitle IMG{
  margin: 1px 2px 0 0;
  float: right;
}
DIV#HeaderNavigation{
  width: 100%; height: 35px;
  background-color: white;
}
DIV#HeaderNavigation TD{
  text-align: center; vertical-align: middle;
}
DIV#HeaderNavigation TD A{
  font-size: 12px;
}
DIV#HeaderInfo{
  width: 100%; height: 25px;
  background-color: #8d68b3;
}
DIV#HeaderInfo P{
  font-size: 11px; font-weight: bold;
  color: #ffcc66;
  margin: 5px 10px 0px 0px;
  display: block; float: right;
}
DIV.headerStripe{
  width: 100%; height: 9px;
  background-color: #6600cc;
}



/* Footer */
DIV#FooterStripe{
  width: 100%; height: 25px;
  background-color: #8d68b3;
}
DIV#FooterInfo{
  width: 100%;
  background-color: #4d3366;
  padding: 5px 0;
}
DIV#FooterInfo P{
  font-size: 11px;
  color: white;
  text-align: center;
  margin: 0px;
}
DIV#FooterInfo P A{
  font-size: 11px;
  color: white;
}



/* Columns */
TD#ColumnLeft DIV.box{
  width: 95%;
  background-color: #4d3366;
  padding: 1px 0px 1px 0px;
}
TD#ColumnLeft P.title{
  width: 100%; height: 16px;  
  color: white;
  font-weight: bold;
  margin: 6px 0 6px 6px;
}
TD#ColumnLeft P.content{
  background-color: white;
  margin: 0px 1px 0px 1px;
}
TD#ColumnLeft P.content A{
  font-family: Arial, sans-serif;
  font-size: 13px; font-weight: bold;
  display: block;
  margin: 0 0 0 5px; padding: 5px 0;
  clear: left;
}

TD#ColumnCenter P.title{
  font-size: 13px; font-weight: bold;
  text-align: center;
  background-color: #e6ddee;
  padding: 3px 0 3px 0;
}
TD#ColumnCenter P.comeandsing{
  font-weight: bold;
  text-decoration: underline;
  text-align: right;  
  margin-top: 60px;
}
TD#ColumnCenter TD.infoTitle{
  font-weight: bold;
  white-space: nowrap; vertical-align: top;
  padding-top: 15px;
}
TD#ColumnCenter TD.infoEntry{
  padding-left: 20px; padding-top: 15px;
  vertical-align: top;
}
TD#ColumnCenter TD.concertTitle{
  white-space: nowrap; vertical-align: top;
  padding-top: 15px;
}
TD#ColumnCenter TD.concertEntry{
  padding-left: 20px; padding-top: 15px;
  vertical-align: top;
}
TD#ColumnCenter TD.contactTitle{
  white-space: nowrap; vertical-align: top;
  padding-top: 15px;
}
TD#ColumnCenter TD.contactEntry{
  padding-left: 20px; padding-top: 15px;
  vertical-align: top;
}

TD#ColumnRight DIV.box{
  width: 95%;
  background-color: #674589;
  padding: 1px 0px 1px 0px;
  float: right;
}
TD#ColumnRight P.title{
  width: 100%; height: 15px;  
  text-align: center;
  font-weight: bold;
  color: white;
  margin: 4px 0 4px 6px;
}
TD#ColumnRight P.content{
  font-family: Arial, sans-serif;
  background-color: #e6ddee;
  text-align: left;
  line-height: 18px;
  margin: 0px 1px 0px 1px;
  padding: 5px 5px 40px 5px;
}