/* File:      hphc.css
   Author:    Howard Gibson
   Date:      2009 March 18
   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 a:hover {
  color:		red;
  background:		yellow;
}

div.header {
  background-image: 	url(FallTrees.png);  /* Fall image */
  background-color:     #8f4040;  /* In case the image does not work */
  margin:		0px;
  color:		#dfdfa0;
  font-family: 		helvetica, geneva, verdana, sans-serif;
}

/* div.header ul {
  margin:		0em;
  padding-bottom:	3px;
} */
div.header a:link    {color:  #ffff00}
div.header a:visited {color:  #dfdfa0}
div.header a:active  {color:  #ff8f8f}
div.header a:hover {
  color:		white;
  background:		#800000;
}
div.header li {
  font-size:            120%
}
div.header p {
  text-indent:		0em;
  font-size:            120%
}

div.header h2 {
  color:		#dfdfa0;
}

div.header h3 {
  color:		#dfdfa0;
}


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

h3 {
  color:		#004f00; 
}

tt {
  color:		#000000;
}

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

p.photos {
  text-align:		center;
  text-indent:		0em;
}

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

div.insert p {
  margin-left:		1em;
  margin-right:		1em;
}

/* 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;
  margin-left:		1em;
}

img.left { 
  float:		left;
  margin-right:		1em;
}

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

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

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

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

table.schedule {
  /*background-color:	#ffffff;*/
  /*color:		#002f00;*/
  margin:		2px;
  width:		100%;
  clear:		both;
}

table.schedule th {
  text-align:		left;
}

table.schedule td {
}

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;
}