body { background: black;  font-size: 95%; }

/* class "top" is used to set the style for the "top" link on the right side of long pages. This is a link to the top of the page. "Style2.css" holds the float:right command for this style. */
.top {font-family: arial, helvetica, san-serif; font-size: .9em; background: none; color: #B2A48B; text-decoration: none; margin-left: 2em; margin-right: -2em; padding-right: -2em; padding-top: .5em; vertical-align: top; }
.top a:link {background: none; color: #B2A48B; text-decoration: none; }
.top a:visited {background: none; color: #B2A48B; text-decoration: none; }
.top a:focus {background: none; color: #FFECC9; text-decoration: underline; }
.top a:hover {background: none; color: #FFECC9; text-decoration: underline; }
.top a:active {background: none; color: #FFECC9; text-decoration: underline; }


h2, h3, h4
{
	background: none; color: #FC9;
	font-family: arial, helvetica, san-serif;
	font-weight: normal;
}

h1 {font-size: 2.8em; }

h2 {font-size: 1.9em; }

h3 {font-size: 1.3em; }

h4 {font-size: 1.1em; }

/* The paragraph tag <p> without any specific class holds the style attributes of the main content. It is the same style as the "content" class below.  */
p
{
	background: none; color: #CCC;
	font-family: arial, helvetica, san-serif;
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: normal;
}

/* This sets the style for links within the main content of each page. */
p a {font-family: arial, helvetica, san-serif; font-size: 92%; font-weight: bold; }
p a:link {background: none; color: #D8C8AB; text-decoration: none; }
p a:visited {background: none; color: #D8C8AB; text-decoration: none; }
p a:focus {background: none; color: #FC9; text-decoration: underline; }
p a:hover {background: none; color: #FC9; text-decoration: underline; }
p a:active {background: none; color: #FC9; text-decoration: underline; }

/* The "content" class describes the style of the main content. Use the class "content" in any tag (ie lists and tables) to give the text the same attributes as the rest of the main content.  */
.content
{
	background: none; color: #CCC;
	font-family: arial, helvetica, san-serif;
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: normal;
	
}

.content a {font-family: arial, helvetica, san-serif; font-size: 92%; font-weight: bold; }
.content a:link {background: none; color: #D8C8AB; text-decoration: none; }
.content a:visited {background: none; color: #B2A48B; text-decoration: none; }
.content a:focus {background: none; color: #FC9; text-decoration: underline; }
.content a:hover {background: none; color: #FC9; text-decoration: underline; }
.content a:active {background: none; color: #FC9; text-decoration: underline; }

/* RIGHT or LEFT: Apply the following classes ("photoBlockRight" and "photBlockLeft") to set the margins for divs that hold one or more images either to the right or left side of the page. The margins are set in this style sheet and the placement commands are set in "style2.css". To use the "photoBlockRight" and "photoBlockLeft" effectively the div tag and the <p class="photoLabel" > tag must contain "style="width: XXXunit;"" (do not include the outer set of "") where "XXXunit" is the appropriate width and unit designation. */
.photoBlockRight {margin: 1em 3% 1em 3%; }
.photoBlockLeft {margin: 1em 3% 1em 0%; }

/* These classes ("photoLeft" and "photoright") can be applied to individual photos to provide appropriate margins and placement. The placement commands are in "style2.css". */
.photoLeft {margin: 1em 1em 0 0;  }
.photoRight {margin: 1em 0 0 1em; }


/* The class "photoLabel" is used for the captions of photos in any main page. When placing a caption for a set of photos contained in a table DO NOT PLACE THE CAPTION IN THE TABLE. If the caption is placed in the table it is then forced to be the width of the row of pictures which may be wider that some peoples browser windows. It is very difficult to read something that has to be scrolled horizontally. */
.photoLabel
{
	font-family: arial, helvetica, san-serif;
	padding: 6px;
	background: none; 
	color: #FC9;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: normal;
}
/* The following styles the links found in a caption or "photoLabel" class. */
.photoLabel a {font-size: 92%; }
.photoLabel a:link {background: none; color: #D8C8AB; text-decoration: none; font-weight: bold; }
.photoLabel a:visited {background: none; color: #D8C8AB; text-decoration: none; font-weight: bold; }
.photoLabel a:focus {background: none; color: #FC9; text-decoration: underline; font-weight: bold;}
.photoLabel a:hover {background: none; color: #FC9; text-decoration: underline; font-weight: bold;}
.photoLabel a:active {background: none; color: #FC9; text-decoration: underline; font-weight: bold; }

/* SPECIAL PAGES THAT HOLD LARGER VERSIONS OF IMAGES OR MOVIES */

/* THIS MAY NOW BE OBSOLETE: The "imageholder" div is like the "contentholder" div on ordinary pages but it is found on the special pages that show only the large size of an image or a movie and it's caption.  */
#imageholder { margin: 20px 2% 0 5.5%; width: 90%; }


/* The "footer" div styles. */
#footer
{
	font-family: arial, helvetica, san-serif;
	font-size: .7em;
	background: none;
	color: #399;
	text-align: center;
	line-height: 1.3em;
	text-decoration: none;
	width: 95%;
	margin-top: 5%;
	border-color: #399;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
}