/* File:      jhg.css
   Author:    Howard Gibson
   Date:      2010 October 15
   Project:   Howard Gibson's Web Page
   Language:  Cascading Style Sheet as per W3C.

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

body { 
  background:	#ffffff;
  color:	#00000f;
}

/*
  The CSS validator at http://jigsaw.w3.org/css-validator/ does not approve 
  of the properties text, link, alink and vlink I defined under BODY, although 
  Netscape does.  What follows is the method required by the W3C CSS 
  Standard.
*/
a:link    {color:  #00008f}
a:visited {color:  #0000ff}
a:active  {color:  #ff0000}
/*a:hover {background:  yellow}*/

h1 { 
  color:	#8f0000; 
  font-style:   italic;
  background:	#bfecbf;
  text-align:	left;
}

h1.img {
  background:   #ffffff;
}

h2 {
  color:	#8f0000;
  clear:	both;
}

h2.subheading {
  font-style:   italic;
} 

h3 {
  color:	#8f0000;
  clear:	left;
}

ul.toc {
  font-size:	120%; /* This doesn't seem to work in Netscape 4.  120% is */
                      /* a nice size for MS Internet Explorer.           */
  width:	40%;
  float:	left;
}

ul.toc a:link    {color:  #ff0000}
ul.toc a:visited {color:  #8f0000}
ul.toc a:active  {color:  #00ff00}

dl.toc {
}

dl.toc dt {
  font-size: 	110%;
  color:	#8f0000; 
  font-style:   italic;
}

dl.toc a:link    {color:  #ff0000}
dl.toc a:visited {color:  #8f0000}
dl.toc a:active  {color:  #00ff00}

p {
  text-indent:	1em;
}

/* 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.gallery {
  text-indent:   0em;
  text-align:   center;
}

/* 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. */
a img {
  color:	white;   /* This is required for Netscape */
  border:	white;   /* This is required for Microsoft Internet Explorer */
}

img.right { 
  float:	right;
}

img.left { 
  float:	left;
}

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

table.graphics {
  width:  100%;
}
table.graphics tr {
  border:  1;
}
table.graphics tr td {
  text-align: center;
}