/*

CSS Style Sheet by Tony Green
Created: February, 2002
Last modified: May 17, 2002
Last validated: April 11, 2002 at http://jigsaw.w3.org/css-validator/validator-uri.html
hover pseudo class is CSS2 only.

Up until February, 2002, I used a browser-detecting JavaScript
and four style sheets (for Netscape and Internet Explorer, 
Macintosh and Windows), but this sheme was very clumsy.

After reading "Give Me Pixels or Give Me Death" by Jeffrey Zeldman
<http://www.alistapart.com/stories/fear4/> I decided to write ONE
style sheet based on pixels. Goodbye JavaScript!
Whew! I'm glad that's over.

The background-color on text will draw a bounding box of that color
around the text. This is normally invisible unless the text is in
a tinted container (my photo class).

May, 2002
Changed the color of links and heads from a grayscale scheme to
one using three shades of brown.

*/

/* The body tag specifies the text color, the page's background color, 
and the font face, all of which should be inherited by all the other tags. */

BODY {color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
font-family: "Times New Roman", Times, serif;}

/*
Link color section.
Specifying color on A pseudo classes alone does not affect their color
when they are used inside other tags.
*/
	
A {text-decoration: none;}
A:link {color: rgb(153, 102, 51);
background-color: rgb(255, 255, 255);}
A:visited {color: rgb(102, 51, 0);
background-color: rgb(255, 255, 255);}
A:active {color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);}
A:hover {color: rgb(204, 153, 102);
background-color: rgb(255, 255, 255);
text-decoration: underline;}

/* Removes the border from linked images...
must be a better way... */
A:link img A:link img {color: rgb(255, 255, 255);
background-color: rgb(255, 255, 255);}

P A:link, P.fl A:link {color: rgb(153, 102, 51);
background-color: rgb(255, 255, 255);}
P A:visited, P.fl A:visited {color: rgb(102, 51, 0);
background-color: rgb(255, 255, 255);}
P A:active, P.fl A:active {color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);}
P A:hover, P.fl A:hover {color: rgb(204, 153, 102);
background-color: rgb(255, 255, 255);
text-decoration: underline;}

P.NavLev1 A:link, P.NavLev2 A:link, P.NavLev3 A:link, P.NavLev4 A:link {color: rgb(102, 51, 0);
background-color: rgb(255, 255, 255);}
P.NavLev1 A:visited, P.NavLev2 A:visited, P.NavLev3 A:visited, P.NavLev4 A:visited {color: rgb(102, 51, 0);
background-color: rgb(255, 255, 255);}
P.NavLev1 A:active, P.NavLev2 A:active, P.NavLev3 A:active, P.NavLev4 A:active {color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);}
P.NavLev1 A:hover, P.NavLev2 A:hover, P.NavLev3 A:hover, P.NavLev4 A:hover {color: rgb(153, 102, 51);
background-color: rgb(255, 255, 255);
text-decoration: none;}

/* The P tag is used to mark up most text, and styles are applied using classes. */
P {font-size: 12px;
line-height: 16px;
text-indent: 16px; /* indented paragraph */
text-align: left;
margin-top: 0px; /* no space between paragraphs */
margin-bottom: 0px;}

UL, OL {font-size: 12px;
line-height: 16px;
text-indent: 0px;
text-align: left;
margin-top: 0px; /* no space between paragraphs */
margin-bottom: 0px;}

blockquote {font-size: 12px;
line-height: 14px;
text-indent: 0px;
text-align: left;
margin-top: 3px; /* no space between paragraphs */
margin-bottom: 3px;}

code {color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
font-family: Courier, "Courier New", sans-serif;
font-size: 10px;}


/* MY CLASSES */

/* Text intended for continuous reading. */
.body {font-size: 12px;
line-height: 16px;
text-indent: 16px; /* indented paragraph */
text-align: left;
margin-top: 0px; /* no space between paragraphs */
margin-bottom: 0px;}

.NavLev1 {font-family: Arial, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
color: rgb(204, 153, 102);
line-height: 14px;
text-indent: 0px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;}

.NavLev2 {font-family: Arial, Geneva, sans-serif;
font-size: 10px;
font-weight: bold;
color: rgb(204, 153, 102);
line-height: 14px;
text-indent: 8px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;}

.NavLev3 {font-family: Arial, Geneva, sans-serif;
font-size: 10px;
font-weight: normal;
color: rgb(204, 153, 102);
line-height: 16px;
text-indent: 20px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;}

.NavLev4 {font-family: Arial, Geneva, sans-serif;
font-size: 10px;
font-weight: normal;
color: rgb(204, 153, 102);
line-height: 14px;
text-indent: 24px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;}

/* photo title; use with an H3, it adds italic */
.pTitle {font-size: 14px;
font-weight: bold;
font-style: italic;
line-height: 14px;
color: rgb(102, 51, 0);
background-color: rgb(255, 255, 255);
text-align: left;
margin-top: 14px;
margin-bottom: 0px;}

/* photo description; use with P */
.pDesc {font-size: 12px;
line-height: 14px;
text-indent: 12px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;}

/* photo technical info; use with P */
.pTech {font-size: 12px;
color: rgb(0, 0, 0);
background-color: rgb(204, 204, 204);
line-height: 14px;
text-indent: 0px;
text-align: left;
margin-top: 0px;
margin-bottom: 3px;}

/* gallery title */
.gTitle {font-size: 14px;
font-weight: bold;
font-style: italic;
line-height: 14px;
color: rgb(102, 51, 0);
background-color: rgb(255, 255, 255);
text-align: left;
margin-top: 0px;
margin-bottom: 0px;}

.caption {font-family: Arial, Geneva, sans-serif;
color: rgb(102, 51, 0);
background-color: rgb(255, 255, 255);
font-size: 10px;
font-weight: normal;
line-height: 13px;
text-indent: 0px;
text-align: left;
margin-top: 4px;
margin-bottom: 6px;}

/* Style for a run-in head. Should inherit the text styles, but bold and colored. */
.runinhead {font-weight: bold;
color: rgb(102, 51, 0);
background-color: rgb(255, 255, 255);}

.date {font-family: Arial, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
color: rgb(153, 102, 51);
line-height: 14px;
text-indent: 0px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;}

.NavGallery {font-family: Arial, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
text-indent: 0px;}

.border {border: 1px black solid}

/* the box for photo equipment
background-color controls the fill
color seems to control the text */
.photo {color: rgb(0, 0, 0);
background-color: rgb(204, 204, 204);}

.fl {text-indent: 0em;}

/* Level 1 indent */
.codeAS {font-family: Geneva, Arial, sans-serif;
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
font-size: 10px;
font-weight: normal;
line-height: 13px;
text-indent: 36px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;}

/* Level 2 indent */
.codeAS2 {font-family: Geneva, Arial, sans-serif;
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
font-size: 10px;
font-weight: normal;
line-height: 13px;
text-indent: 56px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;}

.html {color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
font-family: Courier, "Courier New", sans-serif;
font-size: 11px;}

.rpg {color: rgb(36, 216, 48);
background-color: rgb(0, 0, 0);
font-family: "Courier New", monospace;
font-size: 11px;}

.sb {font: normal normal normal .75em/.8em Verdana, Helvetica, sans-serif;
text-indent: 0em;
text-align: left;
margin-top: .1em;
margin-bottom: 0em;}

H1 {font: normal normal bold 1.75em/1.75em "Times New Roman", Times, serif;
color: rgb(102, 51, 0);
background-color: rgb(255, 255, 255);
text-align: left;
margin-top: 0em;
margin-bottom: 0em;}

H2 {font: normal normal bold 18px/18px "Times New Roman", Times, serif;
color: rgb(102, 51, 0);
background-color: rgb(255, 255, 255);
text-align: left;
margin-top: 18px;
margin-bottom: 6px;}

H3 {font: normal normal bold 14px/14px "Times New Roman", Times, serif;
color: rgb(102, 51, 0);
background-color: rgb(255, 255, 255);
text-align: left;
margin-top: 14px;
margin-bottom: 4px;}

H4 {font: normal normal bold 13px/13px "Times New Roman", Times, serif;
color: rgb(102, 51, 0);
background-color: rgb(255, 255, 255);
text-align: left;
margin-top: 12px;
margin-bottom: 3px;}

H5 {font: normal normal bold 12px/12px "Times New Roman", Times, serif;
color: rgb(102, 51, 0);
background-color: rgb(255, 255, 255);
text-align: left;
margin-top: 12px;
margin-bottom: 3px;}

SUP {font-size: 75%;
vertical-align: text-top;}

SUB {font-size: 75%;
vertical-align: text-bottom;}

.author {font: italic normal normal .9em/1.08em "Times New Roman", Times, serif;
text-align: left;
margin-top: .1em;
margin-bottom: 0em;}

/* CSS layout experiments */

#Content {float:left;
margin:0px 0px 0px 9.5em;
width:25.6em;
padding:1em;}

#Menu {
	position:fixed;
	top:0px;
	/* bottom:30px;  relative to the bottom of the window */
	left:0px;
	width:7.5em;
	padding:1em;
	background-color: rgb(255,255,255);
	margin-top:.5em;
	margin-left:.5em;
	border: 1px red solid;}

#Links {
float:left;
width:7.5em;
padding:1em;
border: 1px red solid;}