@charset "iso-8859-1";

/***************************************************************/
/* Gravesend Borough Band                                      */
/* Default Screen style sheet                                  */
/*                                                             */
/* Author          Graeme Couves                               */
/* First Published 11/03/2004                                  */ 
/* Last Updated    03/02/2006                                  */ 
/*                                                             */
/* CSS Validator   http://jigsaw.w3.org/css-validator/validator*/
/*                                                             */
/***************************************************************/

/***************************************************************/
/* Page layout and Divs                                        */
/***************************************************************/

body {
	background-color: #FFFFEE;
	border-style:     solid;
	border-width:     0;
	color:            black;
	font-family:      sans-serif;
	font-size:        small;
/*	margin:           1ex; */
	text-align:       left; 
	position:         relative;
}

div#pagewidth {
	background-color: transparent;
	width:            100%;
	min-width:        600px;
	border-style:     solid;
	border-color:     #990000;
	border-width:     medium;
	padding:          0;
}

div#pagetop {
	background-color:    transparent;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	text-align:          center; 
	height:              200px;
	position:            relative;
}

div#pagetopleft {
	background-color:      transparent;
	background-image:      url(../images/style/gravesend_arms.gif);
	background-attachment: scroll;
	background-repeat:     no-repeat;
	background-position:   center center;
	height:                200px;
	width:                 160px;
	position:              absolute;
	top:                   0;
	left:                  0;
	z-index:               2;
}

div#pagetopcenter {
	background-color:      transparent;
	background-image:      url(../images/style/gravesend_borough_band_tall.gif);
	background-attachment: scroll; 
	background-repeat:     no-repeat;
	background-position:   center center;
	margin-left:           auto; /* seems to force a minimum width  */
	margin-right:          auto;
	height:                200px;
	width:                 200px;
	position:              relative;
	z-index:               3;
}

div#pagetopright {
	background-color:      transparent;
	background-image:      url(../images/style/gbb_notes.gif);
	background-attachment: scroll;
	background-repeat:     no-repeat;
	background-position:   center center;
	height:                200px;
	width:                 160px;
	position:              absolute;
	top:                   0;
	right:                 0;
	z-index:               1;
}


div#pageoutermiddle {
	background-color: transparent;
	border-style:     solid;
	border-width:     0;
	position:         relative;
}

div#pagemiddleleft {
	margin:            0;
	border:            0;
	border-style:      solid;
	background-color:  transparent;
	position:          relative;
	z-index:           3;
	float:             left;
	width:             160px;
	padding-top:       2em;
	padding-right:     0;
	padding-bottom:    2em;
	padding-left:    0.25em;
}


/*div#pagemiddlecenter {
	background-color:  transparent;
	margin-left:       auto;
	margin-right:      auto;
	padding:           2em;
	z-index:           2;
	position:          relative;
	border-left-width: 0;
	border-left-style: solid;
/*	width:             640px; - fixed width not wanted *   @@@@  /

}*/
div#pagemiddlecenter {
	background-color:  transparent;
	margin-left:       165px; /* extra space for border? */
	margin-right:      auto;
	padding:           2em;
	float:             none;
	z-index:           2;
	position:          relative;
	border-left-width: 0;
	border-left-style: solid;
/*	width:             640px; - fixed width not wanted */

}

div#pagemiddleright { /* Unused, need to set pagemiddlecentre margin-right to 150px if used */
	background-color: transparent;
	width:            150px;
	position:         absolute;
	top:              0;
	right:            0;
	z-index:          1;
}

div#pagebottom {
	background-color:   transparent;
	border-left-width:  160px;
	border-right-width: 160px;
	border-top-width:   thin;
	border-top-style:   solid;
	border-top-color:   #990000;
	clear:              both;
	height:             200px;
	width:              100%;
	text-align:         center; 
	position:           relative;
}

div#pagebottomleft {
	background-color:      transparent;
	background-image:      url(../images/style/gbb.gif);
	background-attachment: scroll;
	background-repeat:     no-repeat;
	background-position:   center center;
	height:                200px;
	width:                 160px;
	position:              absolute;
	top:                   0;
	left:                  0;
	z-index:               2;
}

div#pagebottomcenter {
	background-color: transparent;
	margin-left:      auto;
	margin-bottom:    0;
	margin-right:     auto;
	position:         relative;
	z-index:          3;
}

div#pagebottomright {
	background-color:      transparent;
	background-image:      url(../images/style/gravesend_map.gif);
	background-attachment: scroll;
	background-repeat:     no-repeat;
	background-position:   center center;
	height:                200px;
	width:                 160px;
	position:              absolute;
	top:                   0;
	right:                 0;
	z-index:               1;
}

div.print-only {
	display: none;
}

div.clear {
	clear:   both;
}

/***************************************************************/
/* Links                                                       */
/***************************************************************/

a.concertslink {
	border-style:     solid;
	border-width:     0;
	background-color: #FFFFEE;
	color:            #990000;
	font-family:      "UnivrstyRoman BT",Helvetica,sans-serif;
	font-size:        large;
	margin:           0;
	padding-left:     6px;
	padding-right:    6px;
	text-align:       left;
	text-decoration:  underline;
}

a.concertslink:link    { /* for unvisited links */
	background-color: #FFFFEE;
	color:            #990000;
}

a.concertslink:visited { /* for visited links */ }
a.concertslink:active  { /* when link is clicked - same colour as visited */ }

a.concertslink:hover   { /* when mouse is over link */
	background-color: #CCCC99;
	color:            #990000;
}

a.copyrightlink {
	background-color: transparent;
	color:            #990000;
	text-align:       center;
	text-decoration:  none;
}


a.leftmenu {
	background-color: #FFFFEE;
	border-style:     solid;
	border-width:     0;
	color:            #990000;
	font-family:      "UnivrstyRoman BT",Helvetica,sans-serif;
	font-size:        large;
	margin:           0;
	padding-right:    6px;
	text-align:       left;
	text-decoration:  underline;
}

a.leftmenu img {
	border-width:     0;
	border-style:     solid;
	height:           32px;
	width:            27px;
	vertical-align:   middle;
	padding-right:    6px;
}

a.leftmenu:link    { /* for unvisited links */
	background-color: #FFFFEE;
	color:            #990000;
}

a.leftmenu:visited { /* for visited links */ }
a.leftmenu:active  { /* when link is clicked - same colour as visited */ }

a.leftmenu:hover   { /* when mouse is over link */
	background-color: #CCCC99;
	color:            #990000;
}

/***************************************************************/
/* Headers                                                     */
/***************************************************************/

h1 {
	background-color: #FFFFEE;
	color:            #990000;
	font-family:      "UnivrstyRoman BT", Helvetica, sans-serif;
	text-align:       left;
	margin-top:       0;
}

h2 {
	background-color: #FFFFEE;
	color:            #990000;
	font-family:      Helvetica, sans-serif;
	text-align:       left;
	margin-top:       0;
}


h3 {
	background-color: #FFFFEE;
	color:            #990000;
	font-family:      Helvetica, sans-serif;
	text-align:       left;
	margin-top:       0;
}

h4 {
	background-color: #FFFFEE;
	color:            #990000;
	font-family:      Helvetica, sans-serif;
	text-align:       left;
	margin-top:       0;
}

h5 {
	background-color: #FFFFEE;
	color:            #990000;
	font-family:      Helvetica, sans-serif;
	text-align:       left;
	margin-bottom:    0;
} 

h6 {
	background-color: #FFFFEE;
	color:            #990000;
	font-family:      Helvetica, sans-serif;
	text-align:       left;
	margin-top:       0;
}

/***************************************************************/
/* Text, Paragraphs, Lists                                     */
/***************************************************************/

.burgundy {
	background-color: transparent;
	color:            #990000;
}

span.falselink {
	background-color: transparent;
	color:            #990000;
	cursor:           pointer;
	text-decoration:  underline;
}

span.smallcaps {
	font-variant: small-caps;
}

p {
}

p.centered {
	text-align: center;
}

p#daydate {
	background-color: transparent;
	color:            #990000;
	padding-top:      140px;
	text-align:       center;
}

p#lastmodified {
	background-color: transparent;
	color:            #990000;
	padding-top:      165px;
	text-align:       center;
}

p#copyright {
	background-color: transparent;
	color:            #990000;
	padding-top:      165px;
	text-align:       center;
}

ul.links {
	list-style-image: url(../images/style/bullet_double_sharp.gif);
	list-style:       outside;
	background-color: transparent;
}

ul.sitemap {
	list-style-image: url(../images/style/bullet_turn.gif);
	list-style:       outside;
	background-color: transparent;
}


/***************************************************************/
/* Tables                                                      */
/*                                                             */
/* border-spacing  = cellspacing                               */
/* border-collapse = cellpadding                               */
/* td.left (or right top bottom leftlast etc.) {border etc...} */
/***************************************************************/

/* TABLES - List of Future Events */
th.day {
  width:               3.5em;
}
th.date {
  width:               7.2em;
}
th.venue {
}
th.time {
  width:               8.2em;
}
td.Lsd {
  text-align:          right;
}
table.concerttablefuture {
	background-color:    transparent;
	border-color:        #990000;
	border-style:        solid;
	border-width:        thin;
	border-collapse:     collapse;
	text-align:          left;
	font-size:           small;
}

table.concerttablefuture caption {
	text-align:          left;
	padding:             0 0 1em 0;
}

table.concerttablefuture th {
	color:               #990000;
	background-color:    #ffff80; /* Pale Yellow */
	border-top-width:    thin;
	border-right-width:  0;
	border-bottom-width: thin;
	border-left-width:   0;
	border-style:        solid;
	border-color:        #990000;
	text-align:          center;
}

table.concerttablefuture td {
	border-top-width:    thin;
	border-right-width:  0;
	border-bottom-width: thin;
	border-left-width:   0;
	border-style:        solid;
	border-color:        #990000;
	text-align:          left;
	padding:             0.5ex 1em;
}

/* TABLES - List of Past Events */

table.concerttablepast {
	background-color:    transparent;
	border-color:        #990000;
	border-style:        solid;
	border-width:        thin;
	border-collapse:     collapse;
/*	text-align:          left; */
	font-size:           small;
}

table.concerttablepast caption {
	text-align:          left;
	padding:             0 0 1em 0;
}

table.concerttablepast th {
	color:               #990000;
	background-color:    #ffff80; /* Pale Yellow */
	border-top-width:    thin;
	border-right-width:  0;
	border-bottom-width: thin;
	border-left-width:   0;
	border-style:        solid;
	border-color:        #990000;
	text-align:          center;
}

table.concerttablepast td {
	background-color:    #FFFFEE;
	border-top-width:    thin;
	border-right-width:  0;
	border-bottom-width: thin;
	border-left-width:   0;
	border-style:        solid;
	border-color:        #990000;
	color:               #888888;
/*	text-align:          left; */
	padding:             0.5ex 1em;
}

table.concerttablepast tr.concertpast {
/*	background-color:    #FFFFEE;
	color:               #FF0000;*/
}

/* TABLES - List of Conductors */

table.conductortable {
	background-color:    transparent;
	border-color:        #990000;
	border-style:        solid;
	border-width:        thin;
	border-collapse:     collapse;
	text-align:          left;
	font-size:           small;
}

table.conductortable caption {
	text-align:          left;
	padding:             0 0 1em 0;
}

table.conductortable th {
	background-color:    #FFFFEE;
	border-top-width:    thin;
	border-right-width:  0;
	border-bottom-width: thin;
	border-left-width:   0;
	border-style:        solid;
	border-color:        #990000;
	color:               #990000;
	padding:             0.5ex 1em;
}

table.conductortable td {
	border-top-width:    thin;
	border-right-width:  0;
	border-bottom-width: thin;
	border-left-width:   0;
	border-style:        solid;
	border-color:        #990000;
	padding:             0.5ex 1em;
}

/* TABLES - in-line table with no borders */

table.noborder {
	background-color:    transparent;
	border-width:        0;
	border-style:        none;
	padding:             0;
	text-align:          left;
	font-size:           small;
}

table.noborder caption {
	text-align:          left;
	padding:             0;
}

table.noborder th {
	color:               #888888;
	background-color:    transparent;
	border-width:        0;
	border-style:        none;
	padding:             0;
}

table.noborder td {
	background-color:    transparent;
	border-width:        0;
	border-style:        none;
	padding:             0;
}

/* TABLES - A Programme */

table.programmetable {
	background-color:    transparent;
	text-align:          left;
	font-size:           small;
}

table.programmetable caption {
	text-align:          left;
	padding:             0 0 1em 0;
}

table.programmetable th {
	background-color:    #FFFFEE;
	color:               black;
	padding:             0.5ex 1em;
}

table.programmetable td {
	padding:             0.5ex 1em;
}

/***************************************************************/
/* Images                                                      */
/***************************************************************/

.thumbnail {
	background-color: #990000;
	border-style:     solid;
	border-width:     1px;
	color:            #FFFFEE;
	float:            left;
	margin:           0em 1em 1em 0em;
}

.clearboth { /* force new line in thumbnail - affected by all floating images*/
	clear: both;
}

.pictureframe {
	border-style: solid;
	border-width: medium;
	border-color: #990000;
}