html, body {height: 100%; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 100%;  overflow: hidden;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 html, body {margin: 0 0 0 0; padding: 0 0 0 0; font-size: 100%;  overflow: scroll;}
}
body {background-color: black; overflow: auto;}
div {margin: 0 auto; padding: 0 0 0 0; overflow: auto;}
p {margin: 0 0 0 0; padding: 0 0 0 0;}
img {margin: 0 auto; padding: 0 auto;}
ul {margin: 0 0 0 0; padding: 0 0 0 0;}
li {margin: 0 0 0 0; padding: 0 0 0 0;}
noscript {font-family: verdana, arial; font-size: 70%;  color: yellow; }
#page {width: 100%; height: 100%; text-align: center;}
.bgimg {width: 60%; margin: 0 auto;}
.linkgreen {color: #39731B;}
.linkgray {color: #1F1901;}
.linkred {color: #960A03;}
.linkyellow {color: #E0AF03;}
.linkwhite {color: #FFFFFF;}
.center {text-align: center;}
.right{text-align: right;}
.left{text-align: left;}
.fleft {float: left;}
.fright {float: right;}
.smaller {font-size: 80%;}

.content { font-family: verdana, arial; font-size: 80%;  color: #CCCCCC; font-weight: bold;}
#content {background-image: url("../images/Home600.jpg"); background-repeat:no-repeat; background-position: center top; margin: auto; padding: 0 0 0 0;}	
#content {width: 700px;  height: 600px; overflow: hidden;}
#content2 {background-image: url("../images/about600.jpg");  background-repeat:no-repeat; background-position: center top; margin: auto; padding: 0 0 0 0;}	
#content2 {width: 700px;  height: 670px; overflow: hidden;}
#content3 {background-image: url("../images/audio_video600.jpg");  background-repeat:no-repeat; background-position: center top; margin: auto; padding: 0 0 0 0;}	
#content3 {width: 700px;  height: 600px; overflow: hidden;}
#content4 {background-image: url("../images/discography600.jpg");  background-repeat:no-repeat; background-position: center top; margin: auto; padding: 0 0 0 0;}	
#content4 {width: 700px;  height: 689px; overflow: hidden;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #content4 {width: 700px;  height: 720px; overflow: hidden;}
}
#content5 {background-image: url("../images/press600.jpg");  background-repeat:no-repeat; background-position: center top; margin: auto; padding: 0 0 0 0;}	
#content5 {width: 700px;  height: 600px; overflow: hidden;}
#content5a {background-image: url("../images/press_cuttings600.jpg");  background-repeat:no-repeat; background-position: center top; margin: auto; padding: 0 0 0 0;}	
#content5a {width: 700px;  height: 5300px; overflow: hidden;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#content5a {width: 700px;  height: 5120px; overflow: hidden;}
}
#content6 {background-image: url("../images/gigs600.jpg");  background-repeat:no-repeat; background-position: center top; margin: auto; padding: 0 0 0 0;}	
#content6 {width: 700px;  height: 2260px; overflow: hidden;}

#content7 {background-image: url("../images/workshops600.jpg");  background-repeat:no-repeat; background-position: center top; margin: auto; padding: 0 0 0 0;}	
#content7 {width: 700px;  height: 1335px; overflow: hidden;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#content7 {width: 700px;  height: 1520px; overflow: hidden;}
}
#content8 {background-image: url("../images/contact600.jpg");  background-repeat:no-repeat; background-position: center top; margin: auto; padding: 0 0 0 0;}	
#content8 {width: 700px;  height: 600px; overflow: hidden;}

.menu {margin: 125px 0 0 0; font-size: 9px; font-weight: bold; font-family: Verdana, Tahoma, Geneva, sans-serif; }
.menu li {display: inline; margin: 1.5px;}
.menu {text-align: center; }
.menu a:link {background-color: white; text-decoration: none;} 
.menu a:visited {background-color: white; text-decoration: none;}
.menu a:active {color: blue; background-color: white; text-decoration: none;}
.menu a:hover { background-color: yellow;}

#quote {margin: 50px auto; color: white; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-weight: bold; font-size: 15px;}
/* about */
#about {margin: auto;  color: white; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight: bold; font-size: 130%;}
#leftdiv {color: white; float: left; width: 35%; margin: 0 0 0 0; padding: 0 0 0 70px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 90%; font-weight: normal;}
#rightdiv {color: white; float: right; width: 35%; margin: 0 0 0 0; padding: 0 70px 0 0; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 90%; font-weight: normal;}
.ltext {text-align: left; }

/* audio video */
#allaudio {font-family: Times New Roman, Times, serif; font-size: 110%; text-align: left; margin: 5px 0 0 83px; padding: 5px 0 0 83px; list-style-type: none;}
#allaudio a {text-decoration: none;}
#allaudio a:hover {color:yellow; text-decoration: underline;}
#albumlinks {font-family: Times New Roman, Times, serif; font-size: 110%; text-align: left; margin: 0 0 0 50px; padding: 0 0 0 50px; list-style-type: none;}
#albumlinks img {border: 1px black solid;}
#albumlinks img:hover {border: 1px yellow solid;}
#albumlinks a {text-decoration: none;}
#albumlinks li {list-style-type: none;  margin: 10px 0 0 0; padding: 10px 0 0 0;}
#albumlinks a:hover {color:yellow; text-decoration: underline;}

#videolinks {font-family: Times New Roman, Times, serif; font-size: 110%; text-align: left; margin: 0 0 0 50px; padding: 0 0 0 50px;}
#videolinks a {text-decoration: none;}
#videolinks li {list-style-type: none; margin: 5px 0 0 0; padding: margin: 5px 0 0 0;}
#videolinks a:hover {color:yellow; text-decoration: underline;}

.zoom1 img { width: 50px; height: auto;  }
.zoom1 img:hover{ width: 100px; height: auto;  }

/* discography */
#leftdiv1 {width: auto; color: white;  margin: 10px 50px 0 45px; padding: 10px 50px 0 45px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 12px; font-weight: normal;}
.caption {text-align: left; color: white; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight: bold; font-size: 16px;}
.caption2 {text-align: left; color: white; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight: bold; font-size: 15px;}

.discolist {color: white; text-align: left; margin: 0; padding: 0; }
.discolist td {margin: 0 0 0 0; padding: 0 0 0 0;}
.td1 {width: 52%;}
.td2 {width: 38%;}
.td3 {width: 33%;}
.td4 {width: 38%;}
.td5 {width: 5%;}

/* press */
#quote2 {margin: 10px 0 0 0;  padding: 10px 0 0 0; color: white; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 32px; font-weight: normal;}
#quote3 {margin: 3px 58px 0 0; padding: 3px 58px 0 0; color: white; font-family: Times New Roman, Times, serif; font-size: 19px; font-weight: normal;}
#press {margin: 95px 60px 0 0; padding: 95px 60px 0 0; color: white; font-family: Times New Roman, Times, serif; font-size: 15px; list-style-type: none; font-weight: normal; }
#press li {text-align: left;}
#press a:link {text-decoration: none; color: white;} 
#press a:visited {text-decoration: none; color: white;}
#press a:active {color: blue; text-decoration: none;}
#press a:hover { color: yellow;  text-decoration: underline;}
/* press cuttings */
#lambeth { margin: 20px auto; padding: 20px auto; background-color: white; width: 500px; color: black; font-family: Arial, Arial, Helvetica, sans-serif; text-align: left; overflow: hidden;}
#lambeth2 {border: 1px black solid; margin: 20px 20px 20px 20px; padding: 20px 20px 20px 20px; overflow: hidden; }
#ltext {  padding: 20px 20px 20px 20px; overflow: hidden;}
#lambeth p {margin: 0 0 0 0; padding: 0 0 0 0; font-size: 12px; font-weight: normal;}
#lambeth h2 {margin: 2px 0 0 0; padding: 2px 0 0 0; font-size: 20px; }
#lambeth h3 {margin: 2px 0 0 0; padding: 2px 0 0 2px; font-size: 15px; }

#slpress { margin: 20px auto; padding: 20px auto; background-color: white; width: 500px; color: black; font-family: Arial, Arial, Helvetica, sans-serif; text-align: left; overflow: hidden;}
#slpress2 { border: 1px black solid; margin: 20px 20px 20px 20px; padding: 20px 20px 20px 20px; overflow: hidden;}
#slpress h2 {margin: 2px 0 0 0; padding: 2px 0 0 0; font-size: 20px; }
#slpress h3 {margin: 2px 0 0 0; padding: 2px 0 0 2px; font-size: 15px; }
#slpress p {margin: 0 0 0 5px; padding: 0 0 0 5px; font-size: 12px; font-weight: normal;}
#slimg {float: left; margin: 0 0 0 20px; overflow: hidden; }

#guardian { margin: 20px auto; padding: 20px auto; background-color: white; width: 500px; color: black; font-family: Arial, Arial, Helvetica, sans-serif; text-align: left;  overflow: hidden;}
#gtext {border: black 1px solid; margin: 20px 20px 20px 20px; padding: 20px 20px 20px 20px; overflow: hidden;}
#guardian h2 {margin: 2px 0 0 0; padding: 2px 0 0 0; font-size: 20px; }
#guardian h3 {margin: 2px 0 0 0; padding: 2px 0 0 2px; font-size: 15px; }
#guardian h4 {margin: 2px 0 0 0; padding: 2px 0 0 2px; font-size: 12px; }
#guardian p {margin: 0 0 2px 0; padding: 0 0 2px 0; font-size: 12px; font-weight: normal;}
/*  press cuttings top of page links */
a.top  {margin: 0 0 0 50px; padding: 0 0 0 50px;}
a:link.top {text-decoration: none; color: black;} 
a:visited.top {text-decoration: none; color: black;}
a:active.top  {color: blue;  text-decoration: none;}
a:hover.top  { background-color: yellow;  text-decoration: underline;}

/* gigs */
#gigs {margin: 30px 0 0 200px; padding: 30px 0 0 200px; color: white; font-family: Comic Sans MS, Comic Sans MS5, cursive; font-size: 25px; text-decoration: none; list-style-type: none;}
#gigs a:visited {color: white;}
#gigs a:active {color: blue;}
#gigs a:hover {color: yellow;  text-decoration: underline;}
#gigs a {text-decoration: none;}

#gigslist {margin: 0 0 0 170px; padding: 0 0 0 170px; width: 300px; color: white; font-family: Comic Sans MS, Comic Sans MS5, cursive; font-size: 14px; text-decoration: none; font-weight: normal;}
#gigslist h2 {font-size: 25px; font-weight: bold;}

/* workshops */
#worksleft {float: left; margin: 5px 0 0 35px; padding: 5px 0 0 35px; width: 36%; color: white;  font-family: Georgia, Times New Roman, Times, serif;}
#worksleft2 {float: left; margin: 15px 0 0 35px; padding: 15px 0 0 35px; width: 80%; color: white;  font-family: Georgia, Times New Roman, Times, serif;}

#worksright { float: right; align: left; margin: 2px 42px 0 0; padding: 2px 42px 0 0; width: 40%; color: white;  font-family: Georgia, Times New Roman, Times, serif;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #worksright { float: right; align: left; margin: 3px 40px 0 0; padding: 3px 40px 0 0; width: 40%; color: white;  font-family: Georgia, Times New Roman, Times, serif;}

}
.works {font-size: 100%; font-weight: normal; text-align: left; margin: 0 0 0 0; padding: 0 0 0 0;}
.works2 { font-size: 12px; font-weight: normal; text-align: left; margin: 0 0 0 0; padding: 0 0 0 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .works2 { font-size: 13px; font-weight: normal; text-align: left; margin: 5px 0 0 0; padding: 5px 0 0 0;}
}

.it {font-style: italic;}
.quote {color: white; font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; font-weight: normal; text-align: left;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .quote {color: white; font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; font-weight: normal; text-align: left;}

}
.capt {color: white; font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; font-weight: normal; text-align: left; margin: 0 0 0 10px; padding: 0 0 0 10px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .capt {color: white; font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; font-weight: normal; text-align: left; margin: 0 0 0 0; padding: 0 0 0 0;}
}
p.works2 {margin: 0 0 3px 0; padding: 0 0 3px 0;}
p.quote {margin: 0 0 2px 0; padding: 0 0 2px 0; }
h1.works {margin: 0 0 3px 0; padding: 0 0 3px 0;}
h2.works3 {font-size: 100%; font-weight: normal; margin: 0 0 0 0; padding: 0 0 0 0;}
.works3 {font-size: 12px; font-weight: normal; text-align: left; margin: 120px 0 0 10px; padding: 120px 0 0 10px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.works3 {font-size: 13px; font-weight: normal; text-align: left; margin: 120px 0 0 10px; padding: 120px 0 0 10px;}
}
.list {list-style-position: inside; list-style-type: square;}
#quote4 {margin: 150px 0 0 10px; padding: 150px 0 0 10px; font-size: 12px;}
#quote5 {margin: 0 0 0 0; padding: 0 0 0 0; font-size: 12px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#quote5 {margin: 0 0 0 0; padding: 0 0 0 0; font-size: 13px;}
}
a.topwhite  {margin: 0 0 0 50px; padding: 0 0 0 50px;}
a:link.topwhite {text-decoration: none; color: white;} 
a:visited.topwhite {text-decoration: none; color: white;}
a:active.topwhite  {color: blue;  text-decoration: none;}
a:hover.topwhite { background-color: yellow;  text-decoration: underline;}
/* contacts */
#contact { margin: 8px 0 0 55px; padding:  8px 0 0 55px; text-align: left;  color: white; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight: bold; font-size: 22px;}
#contactlist { margin: 120px 0 0 200px; padding: 120px 0 0 200px; text-align: left;  color: white; font-family: Georgia, Times New Roman, Times, serif; font-size: 16px; font-weight: normal;}
#contactlist li {list-style-type: none;}

/* footer */
.footer {text-align: center;  font-size: 10px; margin: 5px; padding: 5px;}
.footer a:link {text-decoration: none; color: white;} 
.footer a:visited {text-decoration: none; color: white;}
.footer a:active {color: blue; text-decoration: none;}
.footer a:hover { color: yellow;  text-decoration: underline; }