/*
 * Main stylesheet for Kenmare Walking Club webpage
 * Last modified: Martin Skilling 2004-06-02
 */

/*
 * Use the same canvas backdrop as the old website in order
 * to keep the same overall look and feel.
 */
BODY
{
  color:            #000000; /* Pure black */
  background-image: url('images/canvas_background.jpg'); /* Canvas backdrop */
  background-color: #ffffcc; /* Closest 'browser safe colour' to canvas */
  font-family:      Verdana, Arial, Helvetica, sans-serif;
}

/*
 * .walkInvisible
 *
 * This is used for the text that you're not supposed to see if your
 * browser is sufficiently up-to-date.
 */
.walkInvisible
{
  display:          none;
}

.walkHeadingBanner
{
  text-align: center;
  font-size:  300%;
  font-weight: bold;
  color:      #303080;     /* dark blue  */
}

.walkPhotoCaption
{
  font-size: 80%;
  font-weight: normal;
  text-align: center;
}

.walkPhotoBoxLeft
{
 float: left;
}

.walkPhotoBoxRight
{
 float: right;
 margin: 8px;
}

/*
 * This is the magic for the left hand column.
 */
.walkPageMenu
{
  border:           1px;
  position:         absolute;
  top:              1px;
  left:             10px;
  width:            197px;
  padding:          4px;
  font-size:        100%;
}

.walkMenuItem
{
  margin-top: 1em;
  font-weight: bold;
  font-size:   150%;
  margin-top:  10px;
  margin-bottom: 10px;
}

/*
 * These next two psuedo-classes are used to present the menu
 * link for the current page in a different colour, despite it
 * being a standard link really.
 */
a.walkMenuItemCurrent:visited
{
  color:            #20a020;     /* green      */
}

a.walkMenuItemCurrent:visited
{
  color:            #20a020;     /* green      */
}

td.walkCalendarDate
{
  font-weight: bold;
}

/*
 * This is contains the main part of the page. It sits to the side
 * of the left hand menu column.
 */
.walkPageMain
{
  border:           1px;
  margin-top:       0px;
  margin-right:     20px;
  margin-bottom:    10px;
  margin-left:      210px;
}

.walkWalkBlob
{
  clear:            both;
  border:           1px;
  border-top:       2px solid #50a0d0;
  margin:           0px;
  margin-bottom:    1.5em;
  padding:          0px;
  padding-top:      5px;
}

.walkWalkTitle
{
  margin-top: 0em;
  margin-bottom: 0.5em;
  border:    1px;
  border-bottom: 1px solid #3080c0;
  font-size: 110%;
  margin-left: 1%;
  margin-right: 1%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.walkLeftAlign
{
 text-align: left;
}

.walkRightAlign
{
 text-align: right;
}

/* This is the default link appearance -- no underline,
 * dark blue colour - like in the logo. */
A:link
{
  text-decoration:  none;
  color:            #303080;     /* dark blue  */
  background-color: transparent; /* for safety */
  background-image: none;        /* for safety */
  border: 0px;
}

/* This is the visited link appearance -- no underline,
 * dark blue colour - like in the logo. Note: this is
 * the same colour as the unvisited links.
 */
A:visited
{
  text-decoration:  none;
  color:            #303080;     /* dark blue  */
  background-color: transparent; /* for safety */
  background-image: none;        /* for safety */
  border: 0px;
}

/* This is the hover link appearance -- no underline,
 * nice clear green colour. */
A:hover
{
  text-decoration:  none;
  color:            #20a020;     /* green      */
  background-color: transparent; /* for safety */
  background-image: none;        /* for safety */
  border: 0px;
}

/* This is the active link appearance -- no underline,
 * turquoise background, black text. */
A:active
{
  text-decoration:  none;
  color:            #20a020;     /* green      */
  background-color: #303080;     /* dark blue  */
  background-image: none;        /* for safety */
  border: 0px;
}