/* COLOUR SUMMARY */
/* Note; this is copied and edited to overwrite colours in different site sections.
Beware a:visited coming after a:hover as the hover may not work as expected */

/* GENERAL COLOURS */

body {
  background: #bbbbbb;
}

#mainwrapper {
  border-color: #888888;
}
#mainwrapper
{
  background-color: black;
  background-image: url(../graphics/spi_background.jpg);
}

#rightcolumn a.galpage {
  border-color: black; /* to make it invisible */
}


#rightcolumn,
.footaddress {
  color: #00eeee;   /* main text colour */
}
.footcredit {
  color: #888888;
}
img.galpage {
  boder-color: #888888;
}

/* LIGHT COLOUR */

table.bannertext,
table.bannertext A,
table.bannertext A:visited, 
table.menu A,
#rightcolumn strong,
#rightcolumn b,
#rightcolumn a,
.footmenu A,
.footcredit a,
span.galpage,
#rightcolumn a.galpage,
#rightcolumn a.galpage:hover,
h1 {
  color: #00aaaa; /* light color */
}
#rightcolumn a.galpage:hover {
  border-color: #00aaaa; /* light color */
}

/* LESS SATURATED COLOUR */

table.menu a:visited,
#rightcolumn a:visited,
.footmenu a:visited,
.footcredit a:visited,
#rightcolumn a.galpage:visited
{
  color: #599796; /* less saturated color */
}

/* DARKER COLOUR */
table.menu td, 
table.bannertext A:hover, 
table.menu A:hover,
#rightcolumn a:hover,
.footmenu a:hover,
.footcredit a:hover
{
  color: #00f5f5; /* darker color */
}

/* COLLAGE STUFF */

#spicollageholder {z-index:1; position:relative; top:10px; left:0; width:538px; height:793px; padding-bottom:40px;}
img.spi1 {z-index:2; position:absolute; top:0; left:0; width:170px; height:192px; border:0;} /*---Cake number spi_008---*/

img.spi2 {z-index:3; position:absolute; top:0; left:108px; width:170px; height:192px; border:0;} /*---Cake number spi_012---*/

img.spi3 {z-index:4; position:absolute; top:0; left:229px; width:170px; height:192px; border:0;} /*---Cake number spi_002---*/

img.spi4 {z-index:5; position:absolute; top:127px; left:300px; width:170px; height:192px; border:0;} /*---Cake number spi_006---*/

img.spi5 {z-index:6; position:absolute; top:590px; left:337px; width:170px; height:192px; border:0;} /*---Cake number spi_003---*/

img.spi6 {z-index:7; position:absolute; top:451px; left:357px; width:170px; height:192px; border:0;} /*---Cake number spi_007---*/

img.spi7 {z-index:8; position:absolute; top:346px; left:309px; width:170px; height:192px; border:0;} /*---Cake number spi_009---*/

img.spi8 {z-index:9; position:absolute; top:221px; left:357px; width:170px; height:192px; border:0;} /*---Cake number spi_005---*/

img.spi9 {z-index:10; position:absolute; top:600px; left:229px; width:170px; height:192px; border:0;} /*---Cake number spi_004---*/

img.spi10 {z-index:11; position:absolute; top:600px; left:108px; width:170px; height:192px; border:0;} /*---Cake number spi_010---*/

img.spi11 {z-index:12; position:absolute; top:600px; left:0; width:170px; height:192px; border:0;} /*---Cake number spi_011---*/

img.spi99 {z-index:14; position:absolute; top:600px; left:-121px; width:170px; height:192px; border:0;} /*---Cake number spi_999---*/

img.spiiceskating {z-index:15; position:absolute; top:480px; left:-191px; width:170px; height:192px; border:0;} /*---Cake number spiiceskating---*/

img.spimain {z-index:16; position:absolute; top:204px; left:0; width:312px; height:387px; border:0;} /*---Main rollover image---*/