/* CAKES BY HEIDI */

/* DEFAULTS */

* {
  margin:0; padding:0;
}

/* BODY */

body {
  background: #bbbbbb;
}

/* MAIN WRAPPER ENCLOSES EVERYTHING AND CENTRES INSIDE BODY */

#mainwrapper {
  margin: auto;           /* centres within body */
  width: 750px; min-height: 75%; margin-top: 5px; margin-bottom: 10px;
  padding-left:10px; padding-right:10px; padding-bottom:10px;
  text-align: left; border: solid 1px;
}
#mainwrapper {
  font: 1.0em/1.1em verdana, tahoma, sans-serif; 
}
#mainwrapper {
  background: white;
  border-color: #888888;
}

DIV.cb { /* clear both */
  clear:both; line-height:0; height:0; font-size:0.1em;
}


/* BANNER HEADING */

#banner {
  width: 750px; padding-top: 0px; 
}

/* UNDER BANNER TEXT */

TABLE.bannertext {
  width: 750px;
}
TABLE.bannertext {
  font-family: verdana; font-size: 8pt; font-weight: bold; line-height: 8pt;
  color: #4C79D4; /* light color */
}
TABLE.bannertext A {
  text-decoration: none; 
  color: #4C79D4; /* light color */
}
TABLE.bannertext A:visited {
  color: #4C79D4; /* light colour - does not change */
}
TABLE.bannertext A:hover {
  text-decoration: underline;
  color: #0337A3; /* darker color */
}

/* BACKGROUND HOLDERS */

#backgroundholder1, backgroundholder2 {
  float: right; min-height: 100%; width: 750px; margin:0 auto;
}

/* LEFT COLUMN WITH MAIN MENU */

#leftcolumn {
  float: left; width: 160px; margin: 0px; 
}

table.menu {
  margin-left:0px; margin-top:20px;
}
table.menu td {
  padding-top: 1px; padding-bottom: 2px;
  text-align: left;
  font-family: verdana; font-size: 9pt; font-weight: bold;
  color: #0337A3;
}
table.menu A {
   font-weight: bold;
   text-decoration: none;
   color: #4C79D4;
}
table.menu A:visited {
   color: #6B7C9D;
}
table.menu A:hover {
   text-decoration: underline;
   color: #0337A3;
}

/* copy menu styles for previous/next on features page */

span.feature {
  font-family: verdana; font-size: 9pt; font-weight: bold;
  color: #0337A3;
}
span.feature A {
   font-weight: bold;
   text-decoration: none;
   color: #4C79D4;
}
span.feature A:visited {
   color: #6B7C9D;
}
span.feature A:hover {
   text-decoration: underline;
   color: #0337A3;
}

/* RIGHTCOLUMN WITH MAIN TEXT */

img.cake {
  padding: 0px; margin-right: 0px; border: double 4px; 
  background: transparent; border-color: #aaaaaa; 
}

a:hover img.cake {
  border-color: black;
}

#rightcolumn {
  float: right; width: 556px; /* 558 if no borders */ min-height: 420px;
  padding-top: 8px; padding-left: 30px; padding-right: 0px;
 }
#rightcolumn p {
  font-size: 0.80em;  /* relative to mainwrapper */
  text-align: justify; text-indent: 0em;
  padding-right: 24px; /* create additional white-space */
  padding-bottom: 0.5em;
}
#rightcolumn p.center {
  text-align: center;
}
#rightcolumn ul {
  font-size: 0.80em;  /* relative to mainwrapper */
  text-align: left;
  margin-left:20px;
  padding-right: 24px; /* create additional white-space */
}
#rightcolumn table.indexicons {
  margin-right: 24px; /* to get it to center properly */
  text-align: center;
  align: center;
}
#rightcolumn {
  color: #001848; /* main text color */
}
#rightcolumn strong, #rightcolumn b  {
  color: #4C79D4;
}
#rightcolumn A {
  font-weight: bold;
  text-decoration: underline;
  color: #4C79D4;
}
#rightcolumn A:visited {
  color: #6B7C9D;
}
#rightcolumn A:hover {
  color: #0337A3;
}

h1 {
   text-align: left; padding-top: 0.3em; padding-bottom: 0.8em; line-height:87%;
   font-family: monotype corsiva, serif; font-weight: bold; font-size: 1.6em;
   color: #4C79D4;
}

.rightborder { /* used for right-side images */
  float: right; margin-top: 5px; margin-bottom: 10px; margin-left: 20px;
}
.leftborder {
  float: left; margin-top: 5px; margin-bottom: 10px; margin-right: 20px;
}

img.sepbar {display:block; width:750px; height:1px; border:none; margin:0 0 0.5em;}

img.sepbar2 {clear:both; display:inline; width:532px; height:1px; border:none;  margin:0.5em 0;}

table.underline {
   font-size: 0.8em;
   margin-bottom: 8px;
}
table.underline td {
  padding: 4px;
  border-bottom: solid 1px #888888;
}
/* GALLERY */

table.gallery td {
  text-align: center; padding: 1px; /* reduced to 1px to solve display problem in IE6 */
}

img.galpage {
  width:100px; padding:0px; border:solid 1px;
  border-color: #888888;
}

span.galpage { 
  border: solid 1px;
  font-weight: bold;
  padding-left: 2px; padding-right: 2px;
  color: #4C79D4;
}

/* GALLERY INDEX photogallery page only */

#rightcolumn table.galindex td {
  text-align: center; padding: 2px;
  font-size: 0.75em;
}
#rightcolumn table.galindex td a {
  text-decoration: none;
  color: #4C79D4; /* light color */
}
#rightcolumn table.galindex td a:hover {
  text-decoration: underline;
  color: #0337A3; /* darker color */
}

table.galindex td img {
  padding: 0px; border: double 4px;
  border-color: #888888;
}

span.galpage { 
  border: solid 1px;
  font-weight: bold;
  padding-left: 2px; padding-right: 2px;
  color: #4C79D4;
}

/* somehow, it is not possible to override the #rightcolumn a settings without repeating the #rightcolumn */

#rightcolumn a.galpage {
  text-decoration: none; 
  border: solid 1px;
  padding-left: 2px; padding-right: 2px;
  border-color: white; /* background color */
  color: #4C79D4;
}
#rightcolumn a.galpage:link {
  text-decoration: none;
}
#rightcolumn a.galpage:visited {
  text-decoration: none;
  color: #6B7C9D; /* less saturated */
}
#rightcolumn a.galpage:hover {
  text-decoration: none;
  color: #4C79D4; /* color stays light */
  border-color: #4C79D4;
}

/* FOOTER */

/* GRAPHICS FOR FOOTER */

img.footersephigh {clear:both; width:720px; height:1px; border:none; margin:0 0 0.5em;}

img.footersepmid {clear:both; width:720px; height:1px; border:none; margin:0.5em 0 0.5em;}

img.footerseplow {clear:both; width:720px; height:1px; border:none; margin:0.5em 0 0.5em 0;}

/* note; centering footer division not inherited properly */

#footer {
  text-align: center;
}

.footaddress {  /* address bar */
  text-align: center;
  font-size: 0.8em;
  color: #001848;
}

.footmenu {   /* footer menu */
   text-align: center;
   font-size: 0.7em
}
.footmenu A {
   font-weight: normal;
   text-decoration: none;
   color: #4C79D4;
}
.footmenu A:visited {
   color:#6B7C9D;
}
.footmenu A:hover {
   text-decoration: underline;
   color: #0337A3;
}

.footcredit {        /* credit line */
   text-align: center; 
   font-size: 0.70em;
   color: #888888;
}

.footcredit A {
   font-weight: bold;
   text-decoration: none;
   color: #4C79D4;
}
.footcredit A:visited {
   color: #6B7C9D;
}
.footcredit A:hover {
   text-decoration: underline;
   color: #0337A3;
}


/* 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: white;
}

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


#rightcolumn,
.footaddress {
  color: #001848;   /* 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: #4C79D4; /* light color */
}
#rightcolumn a.galpage:hover {
  border-color: #4C79D4; /* light color */
}

/* LESS SATURATED COLOUR */

table.menu a:visited,
#rightcolumn a:visited,
.footmenu a:visited,
.footcredit a:visited,
#rightcolumn a.galpage:visited
{
  color: #6B7C9D; /* 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: #0337A3; /* darker color */
}