/*	CSS 2 style sheet for my web pages
	copyright 2001, Kevin McCarty

	This version is dumbed down for the benefit of Netscape 4.
*/

body {
	color: #f0f0f0;
	background-color: #000000;
	background-image: url(backgrounds/stars.jpg);
	background-attachment: fixed;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main {
	z-index: 0;

	margin: 0px 50px 20px 170px;
	padding: 10px 10px 10px 10px;
	
	color: #f0f0f0;
	background-color: #606060;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
	color: white;
	background-color: transparent;
}

#main h1 { font-size: 1.8em; }
#main h2 { font-size: 1.4em; }
#main h3 { font-size: 1.2em; }

#main h1.pagetitle {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#main p {
        color: #f0f0f0;
	background-color: transparent;	
	text-align: justify;
}

#main p.note {
	color: white;
	padding: 10px 10px 10px 10px;
	background-color: #c08080;
}

#main p.computer, #main pre.computer {
	margin-left: 10%;
	font-family: "courier new", courier, monospace;
}

#main ul { margin-right: 20px; }
#main ol { margin-right: 20px; }

#main li {
	font-size: 0.9em;
	margin-bottom: 5px;
}

#main li li {
	font-size: 0.8em;
}

#main li p {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

#main code {
	font-family: "courier new", courier, monospace;
	color: #c0c0c0;
	background-color: transparent;
}

#main em {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

/* For displaying literal characters to be typed at the keyboard: */
#main span.char {
	color: black;
	background-color: #f0f0f0;
}

#main a:link {
	color: #00ffff;
	background-color: transparent;
	text-decoration: none;
	font-style: italic;
}

#main a:visited {
	color: #00c0c0;
	background-color: transparent;
	text-decoration: none;
	font-style: italic;
}

/* style for internal links */
#main a.int:link {
	color: #40ffa0;
	background-color: transparent;
	text-decoration: none;
	font-style: italic;
}

#main a.int:visited {
	color: #20d090;
	background-color: transparent;
	text-decoration: none;
	font-style: italic;
}

#main div.imageright {
	text-align: right;
	margin: 0px 0px 10px 10px;
	padding: 5px 5px 5px 5px;
}

#main div.imageleft  {
	text-align: left;
	margin: 0px 10px 10px 0px;
	padding: 5px 5px 5px 5px;
}

#main p.caption {
	font-size: 0.8em;
	text-align: left;
}

#main div.copy { 
	font-size: 0.8em;
	font-style: italic;
	text-align: right;
}

/* The menu icons.  These take the place of a navigation frame. */

#menu {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 150px;
	z-index: 1;
}

#menu div.menuitem, #menu div.header, #menu div.active {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #f0f0f0;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
}

#menu div.menuitem a.int, #menu div.active a.int {
	display: block;
	color: #40ffa0;
	font-style: italic;
	text-decoration: none;
}

/* Quasi-frame for viewing photos. */
#viewer {
	max-width: 420px;
	margin-top: 15px;
	padding: 0px 0px 0px 0px;
	overflow: auto;
}

#viewer a {
	vertical-align: top;
}

#viewer img {
	width: 400px;
	margin-bottom: 20px;
}