body {
	color:#000000; background-color:#eeeeff;
	background-repeat:repeat-y;
	margin:0; padding:0;
}
a:link { color: #006699; background-color:transparent; }
a:visited { color: #003366; background-color:transparent; }
a:active { color: #003366; background-color:transparent; }

.button,.static {
	color:white;
	font-size:small; font-family:"courier new","courier",monospace; 
	margin: 0; padding: 1pt 1em;
	border-top:solid #333333 thin;
	border-left:solid #333333 thin;
	text-align:center; 
}
.button {
	background-color:#9966cc;
}

.button a:link, .button a:active, .button a:visited {
	color:white;
	text-decoration:none; 
}
.button a:hover { 
	text-decoration:underline;
}

.static {
	color:#000000; background-color:#fefdfb;
	border-right:solid #333333 thin;
	padding: 1pt 0;
	text-align:left;
}

/* content is page-sized area in the middle */

#content {
	background-image:url("images/jgraphicgrey.jpg");
	background-repeat:repeat-y;
	width:25em;
	font-family:"georgia",serif;
	font-size:large;
	border:thin solid #333333; 
	border-left:none;
	color:#000000; background-color:#fefdfb; 
	padding-top:5em;
	padding-left:100px;
	padding-bottom:2em;
	padding-right:1em;
}

#content td {
	background-image:none;
}

#content h1 {
	font-family:"courier new",serif; font-size:x-large;
	color:#006699; background-color:transparent;
	font-weight:bold;
	margin:0 inherit;
	padding:0 inherit;
}
#content p {
	line-height:1.2em;
}
#content .description {
	line-height:1.2em;
	margin-bottom:1.2em;
}
#content .footnote {
	font-size:small;
	line-height:1.2em;
}
#content .copyright {
	font-size:small;
	padding-top:1.2em;
	line-height:1.2em;
	text-align:center;
}
#content .postscript {
	font-size:medium;
}
#content .feedback {
	font-size:medium;
}
#content .email blockquote {
	font-size:small;
	margin-left:0.6em;
}
#content .storycodes {
	font-size:small;
	color:#543;
}

/*	Area to the right of the content */

#right {
	vertical-align:top;
	padding-top:380px; padding-left:10px;
	font-family:"arial",sans-serif; font-size:small;
}

/*	Navigation footer */

#footer {
	padding-top:1em;
	font-family:"arial",sans-serif; font-size:small; font-weight:bold; 
	color:#006699; background-color:transparent;
	text-align:center;
}
#footer a {
	color:#006699; background-color:transparent;
}

/*	Story styles */

#title h1 {
	margin-bottom:0; padding-bottom:0;
}
#title .author {
	margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0;
	text-indent:0;
	font-size:small;
	color:#006699; background-color:transparent;
	font-family:"arial",sans-serif;
	font-size:large; font-style:italic;!
}

#story p {
	text-indent:3em;
	padding:0;
	margin:0;
}
#story .first-para {
	text-indent:0em;
	padding-top:1.2em;
}
#story span {
	font-variant:small-caps;
}
#story .disclaimer {
	color:#800; background-color:transparent;
	font-style:italic;
	padding-top:1.2em;
	text-indent:0em;
}
#story pre {
	padding-left:0;
	padding-top:1.2em;
	padding-bottom:0;
	font-size:small;
	margin:0;
}
#story hr {
	display:none;
}
#story .separator { 
	text-indent:0;
	text-align:center;
	padding-top:1.2em; 
}
#story h2 {
	font-weight:normal; font-size:large;
	text-transform:uppercase;
	letter-spacing:0.1em;
	padding:0;
	margin-top:2.4em;
	margin-bottom:0;
}
#story .note {
	text-indent:0;
	padding:1.2em;
	text-align:center;
	font-style:italic;
}
#story .storylink {
	text-indent:0;
	padding:1.2em;
	text-align:center;
	font-style:italic;
}
#story .the-end {
	text-indent:0;
	text-align:center;
	padding-top:1.2em;
	padding-bottom:1.2em;
}

hr.sep { width:25%; }
}