body {background-color:silver; font-family: "arial","sans-serif";}
body.main {background-color: #e6e6e6; text-align:center;}
body.scores {text-align:center;}

/* Control headings */
h1 {font-size:36px; font-weight:bold ;margin-left:10px}
h2 {font-size:18px; font-weight:bold ;margin-left:10px}
h1.scores {font-size:24px;}
h2.scores {text-align:center; font-size:15px;} 
h2.commentary {text-align:center; font-size:16px;} 

/* Paragraph types */
p { font-size:15px; color:black; margin-left:10px; margin-right:10px}
p.lyricsfont {font-family: "courier new";}
p.nav {font-weight:bold; font-size:12px;margin-right:66}
p.banner1a { font-size: 42px;margin-top:0px; margin-bottom:0px}
p.banner1b { font-size: 25px;margin-top:0px; margin-bottom:0px}
/* banner2a is now for link to homepage */
a.banner2a { font-size: 20px;margin-top:0px; margin-bottom:0px}
p.banner2b { font-size: 15px;margin-top:0px}
p.scores {background-color:white;font-weight:bold; font-size:15px; color:black;}

/* Spans */
span { font-size:15px; color:black; margin-left:10px; margin-right:10px;}
span.lyricsfont {font-family: "courier new";margin-left=0px}

/* List Items */
li { list-style-type:square; }

/* Table cells */
td {color:black;}

td.rep1 {font-size:15px; width:400px;border-color:black;border-style:solid;border-width:1px;border-top-width:0;border-right-width:0;}
td.rep1b {font-weight:bold; font-size:15px; width:400px;border-color:black;border-style:solid;border-width:1px;border-right-width:0}
td.rep2 {font-size:15px; width:400px;border-color:black;border-style:solid;border-width:1px;border-top-width:0;border-right-width:0}
td.rep2b {font-weight:bold; font-size:15px; width:400px;border-color:black;border-style:solid;border-width:1px;border-right-width:0}
td.rep3 {font-size:15px; width:100px; text-align:right;border-color:black;border-style:solid;border-width:1px;border-top-width:0}
td.rep3b {font-weight:bold; font-size:15px; width:100px;  text-align:right;border-color:black;border-style:solid;border-width:1px;}

td.seeifyoulike1 {
    font-size:15px; 
    width:auto;
    border-color:black;
    border-style:solid;
    border-width:1px;
    border-top-width:0;
    border-right-width:0;
    padding-left:5px;
                 }


td.seeifyoulike1b {
    font-weight:bold; 
    font-size:15px;  
    width:800px; 
    border-color:black;
    border-style:solid;
    border-width:1px;
    border-right-width:0; 
    padding-left:5px;
                  }

td.seeifyoulike2 {
    font-size:15px;
    width:10px;
    border-color:black;
    border-style:solid;
    border-width:1px;
    border-top-width:0;
    border-right-width:0
                 }

td.seeifyoulike2b {
    font-weight:bold; 
    font-size:15px; 
    width:auto;
    border-color:black;
    border-style:solid;
    border-width:1px;
    border-right-width:0
                  }

td.seeifyoulike3 {
    font-size:15px; 
    width:10px; 
    text-align:left;
    border-color:black;
    border-style:solid;
    border-width:1px;
    border-top-width:0
                 }

td.seeifyoulike3b {
    font-weight:bold; 
    font-size:15px; 
    width:auto;  
    text-align:left;
    border-color:black;
    border-style:solid;
    border-width:1px;
                  }

td.nav {background-color:silver;}
td.banner {background-color:silver;border-style:solid;border-width:0px;padding:0px;}

/* Table cells for top menu - #aaaaaa is a nice dark grey, darker than what silver is */
table.top { width:100%;}


td.homedesc {background-color: silver;font-weight:normal; font-size:13px; width:17%; text-align:left;border-width:0px;border-top-width:2px;border-bottom-width:2px;border-color:silver;border-style:solid; border-right-width:0px;vertical-align:top; }
td.homedescfinal {background-color: silver;font-weight:normal; font-size:13px; width:17%; text-align:left;border-width:0px;border-top-width:2px;border-bottom-width:2px;border-color:silver;border-style:solid; border-right-width:2px;vertical-align:top }


td.home {background-color: #aaaaaa;font-weight:bold; font-size:13px; width:17%;text-align:center; border-width:2px;border-color:silver;border-style:solid;border-right-width:0px}

td.life {background-color: #aaaaaa;font-weight:bold; font-size:13px; width:17%;text-align:center; border-width:2px;border-color:silver;border-style:solid;border-right-width:0px}

td.works {background-color: #aaaaaa;font-weight:bold; font-size:13px; width:17%; text-align:center;border-width:2px;border-color:silver;border-style:solid ;border-right-width:0px}

td.review {background-color: #aaaaaa;font-weight:bold; font-size:13px; width:17%; text-align:center;border-width:2px;border-color:silver;border-style:solid; border-right-width:0px}

td.newpiece {background-color: #aaaaaa;font-weight:bold; font-size:13px; width:17%; text-align:center;border-width:2px;border-color:silver;border-style:solid; border-right-width:0px }

td.contactlink {background-color: #aaaaaa;font-weight:bold; font-size:13px; width:17%; text-align:center;border-width:2px;border-color:silver;border-style:solid; border-right-width:2px }




/* Tables for lists */
table.lists {border-width:0px; font-size:15px;}
td.lists {font-size:15px; vertical-align:top; padding:0px;}
table.repertoirelist { width:95%; }
table.workslist { width:300px; }

/* Pseudo-classes for link properties */
a:link {color: black}     /* unvisited link */
a:visited {color: black;}  /* visited link */
a:hover {color: #666666;}   /* mouse over link */
a:active {color:#666666;}   /* selected link */

/* Division of Works pages into left-hand menu and right-hand content */
/* DO NOT change the next line! */
#navigation {position: fixed;}


/* DO NOT DELETE THE NEXT LINE it is used ALL OVER the website */
/* Default (non-colour) definition if div definitions below this are not used */
div.main { text-align: left; width: 70%; margin-left: auto; margin-right: auto; }

/* Background colours/tiles except individual works (higher-level) pages, chage div class just below BODY */

/* for background colour use */
/* background-color:D22255; */
/* for background image tiling use */
/* background-image:url(hhtile.gif); */
/* or for subfolders (example - the folder containing this stylesheet is the starting point for drilling down to subfolders) */
/* when specifying subfolders copy exactly the upper/lower case */
/* background-image:url(foldername/picname.gif); */


/* THIS SECTION IS USED FOR  PAGES WITHOUT A L.H. LIST.*/
div.homebg { text-align: left; width: 70%; margin-left: auto; margin-right: auto; background-image:url(bgH.gif); }

div.lifeandstyle { text-align: left; width: 70%; margin-left: auto; margin-right: auto; background-image:url(bgLS.gif); } 

div.works { text-align: left; width: 70%; margin-left: auto; margin-right: auto; background-image:url(bgW.gif); }

/* THIS NEXT LINE IS USED FOR ALL REPERTOIRE PAGES */
div.bgALLREP { text-align: left; width: 70%; margin-left: auto; margin-right: auto; background-image:url(bgREP.gif); }


/* THIS  IS NOT USED AT ALL BUT WAS SET UP FOR INDIVIDUAL REP PAGES colour/bground
 { text-align: left; width: 70%; margin-left: auto; margin-right: auto; background-color:D22255; }*/
 	

div.reviews { text-align: left; width: 70%; margin-left: auto; margin-right: auto; background-image:url(bgRF.gif); }

div.anewpiece { text-align: left; width: 70%; margin-left: auto; margin-right: auto; background-image:url(NEWPIECE/bgN.gif); }



div.contactlink { text-align: left; width: 70%; margin-left: auto; margin-right: auto; background-image:url(bgCL.gif); }

/* Use the instructions below to have either a background colour or a background image on a works page */

/* Background colors for individual works pages */

/* Template PAGES WITH A L.H. LIST */
#dcmbgord {position: absolute;top:0px;left: 180px;background-color:659543;}
div.dcmbgord { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:659543; }

/* In the following the first line (#) refers to the work page, the second (div...) to score extract pages */

/* Dance Mazes */
#dcmbgorddmazes {position: absolute;top:0px;left: 180px;background-color:#CC6666;}
div.dcmbgorddmazes { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:#cc6666; }

/* The Ruined Maid */
#dcmbgordrmaid {position: absolute;top:0px;left: 180px;background-color:#5F6269;}
div.dcmbgordrmaid { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:#5F6269; }

/*Guilt Free */
#dcmbgguiltfree {position: absolute;top:0px;left: 180px;background-color:#BB6E2A;}
div.dcmbgguiltfree { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:#BB6E2A; }

/* Spinning a Set*/
#dcmbgspinset {position: absolute;top:0px;left: 180px;background-color:D78200;}
div.dcmbgspinset { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:D78200; }

/* Tones of Blue */
#dcmbgtonesblue {position: absolute;top:0px;left: 180px;background-color:5FA2FD;}
div.dcmbgtonesblue { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:5FA2FD; }

/* Fugue */
#dcmbgfugue {position: absolute;top:0px;left: 180px;background-color:B3BAB3;}
div.dcmbgfugue { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:B3BAB3; }

/* Hall of Mirrors 0EA3E7 nice blue v.like tones of blue blue */
#dcmhallofm {position: absolute;top:0px;left: 180px;background-color:8811C5;}
div.dcmhallofm { text-align: left; width: 70%; margin-left: auto; margin-right: auto; background-color:8811C5; }

/* Jackie K D8615E bit more mellow */
#dcmjackie {position: absolute;top:0px;left: 180px;background-color:D25655;}
div.dcmjackie { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:D25655; }

/* Bug Better Beast 6A3F70 fab but dark? */
#dcmbgbbb {position: absolute;top:0px;left: 180px;background-color:803EC4;}
div.dcmbgbbb { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:803EC4; }

/* Shapeshifter 6A71B5 really great green*/
#dcmbgshshi {position: absolute;top:0px;left: 180px;background-color:6A71B5;}
div.dcmbgshshi { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:6A71B5; }

/* Feral Machine*/
#dcmbgferal {position: absolute;top:0px;left: 180px;background-color:049180;}
div.dcmbgferal { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:049180; }

/* Come Home Again 7DB4EA blue ok*/
#dcmbgcha {position: absolute;top:0px;left: 180px;background-color:7D77C6;}
div.dcmbgcha { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:7D77C6; }

/* 5 Klatches 4 3 friends diff colour AF925C*/
#dcmbg5k {position: absolute;top:0px;left: 180px;background-color:C47F47;}
div.dcmbg5k { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:C47F47; }

/* Breaking up the deep*/
#dcmbgbud {position: absolute;top:0px;left: 180px;background-color:1979BD;}
div.dcmbgbud { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:1979BD; }

/* Absence 1 */
#dcmbga1 {position: absolute;top:0px;left: 180px;background-color:999767;}
div.dcmbga1 { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:999767; }


/* Jack's Visit */
#dcmbgjv {position: absolute;top:0px;left: 180px;background-color:AAAAAA;}
div.dcmbgjv { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:AAAAAA; }


/* Travelling Salesman  C29599  C07552 */
#dcmbgts {position: absolute;top:0px;left: 180px;background-color:C29599;}
div.dcmbgts { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-color:C29599; }

/* Hemiolas D6DEDE */
#dcmbghem {position: absolute;top:0px;left: 180px;background-color:C9BC4F;}
div.dcmbghem { text-align: left; width: 70%; margin-left: auto; margin-right: auto; background-color:C9BC4F; }

/* Hiding CE9E8A */
#dcmbghid {position: absolute;top:0px;left: 180px;background-color:C08272;}
div.dcmbghid { text-align: left; width: 70%; margin-left: auto; margin-right: auto; background-color:C08272; }

/* Background images for works pages EXAMPLE*/
/* #dcmbgguiltfree {position: absolute;top:0px;left: 180px;background-image:url(HoneymoonH/hhtile.gif);} */


/* Honeymoon Horrors TILED BACKGROUND*/
#dcmbghhorror {position: absolute;top:0px;left: 180px;background-image:url(HoneymoonH/hhtile.gif)}
div.dcmbghhorror { text-align: center; width: 70%; margin-left: auto; margin-right: auto; background-image:url(HoneymoonH/hhtile.gif);}

/* A New Piece Collaboration page TILED BACKGROUND*/
#collaboration {position: absolute;top:0px;left: 180px;background-image:url(NEWPIECE/bgN.gif)}