/* File:      hphc.css
   Author:    Howard Gibson
   Date:      2006 March 22
   Project:   High Park Hiking Club Web Page
   Language:  Cascading Style Sheet as per W3C.

This is designed to allow conformance to the strict HTML 4.0 DTD.
*/

body { 
  /* background-image: 	url(FallTrees.jpeg);  /* Fall image */
  background-image: 	url(Background.png);  /* Spring background */
}

/*
  The CSS validator at http://jigsaw.w3.org/css-validator/ does not approve 
  of the properties text, link, alink and vlink to be defined under BODY, 
  although Netscape does.  What follows is the method required by the W3C CSS 
  Standard.
*/
body a:link    {color:	#007000}
body a:visited {color:	#006000}
body a:active  {color:	#ff0000}

body h1 { 
  /*color:		#004f00;*/
  color:		#dfdfa0;
  /*text-align:		center;*/
  background-image: 	url(FallTreesCropped.png);  /* Fall image */
  margin:		0px;
  font-family: 		helvetica, geneva, verdana, sans-serif;
  line-height:		60px;
}

body h2.subheading { 
  /*color:		#004f00;*/
  color:		#dfdfa0;
  /*text-align:		center;*/
  background-image: 	url(FallTrees.png);  /* Fall image */
  margin:		0px;
}

body h2 { 
  color:		#004f00;
  clear:		both;
}

body h3 {
  color:		#004f00; 
}

body tt {
  color:		#000000;
}

ul.toc {
  background-image: 	url(FallTrees.png);  /* Fall image */
  /*line-height:	1.5em; /* This screws up horribly in IE3 */
  /*float:		left;  /* This was fun! */
  /*list-style-image: 	url(Boot-icon.gif);   /* This was fun too. */
  margin:		0em;
  padding-bottom:	3px;
  font-family: 		helvetica, geneva, verdana, sans-serif;
}
ul.toc a:link    {color:  #ffff00}
ul.toc a:visited {color:  #dfdfa0}
ul.toc a:active  {color:  #ff8f8f}
ul.toc li {
  color:		#dfdfa0;
  font-size:		120%;
}

/* Netscape 4 has problems with the font family and colour specified in BODY, 
   immediately after you use UL.toc.  */
p {
  /*color:		#000000; */
  text-indent:		1em;
  vertical-align:	top;
}

p.bottom {
  text-indent:		0em;
  clear:		left;
}

/* This is to identify whoever wrote the text, when it is someone other than 
   me.  */
p.signature {
  text-indent:		0em;
  font-style:		italic;
}

/* I want the footer and the Horizontal Rule to clear any floating objects 
that may be embedded in the page at that point. */
p.footer {
  text-align:		center;
  clear:		both;
}

hr {
  clear:		both;
}

p.label {
  text-indent:		0em;
}

div.insert {
  width:		400px;
  float:		right;
  border-width:		2px;
  border:		solid green;
}

/* We need an image anchor because browsers insist on showing the `visit' 
status of a link flagged by an image.  I don't want a colour border around 
my images.  The colour must match the background colour specified in BODY. */
img {
  /* Fall Colours */
  /* color:		#cfb3b5;   /* Required for Netscape */
  /* border:		#cfb3b5;   /* Required for MS Internet Explorer */
  /* Spring Colours */
  color:		#ffffff;   /* Required for Netscape */
  border:		#ffffff;   /* Required for MS Internet Explorer */
}

img.right { 
  float:		right;
}

img.left { 
  float:		left;
}

img.embed {
  vertical-align:	text-top;
}

table th {
  color:		#000000; 
  text-align:		left;
}

table td {
  color:		#000000; 
  text-align:		left;
}

table img {
  margin-left:		auto;
  margin-right:		auto;
}

table.schedule {
  /*background-color:	#ffffff;*/
  /*color:		#002f00;*/
  margin:		2px;
}

table.schedule th {
  text-align:		left;
  font-family:		helvetica,arial,geneva;
}

table.schedule td {
  font-family:		helvetica,arial,geneva;
}

table.finance th {
  color:                #000000; 
  text-align:		right;
}

table.finance td {
  color:                #000000; 
  text-align:		right;
}

table.finance tr.LastLine td {
  color:                #000000; 
  text-align:		right;
  font-weight:		bold;
}