body {
  font-size: small;
  font-family: Georgia, "Times New Roman", Times, serif;
  background-color: #ffffff;
         }
		 
.image {
width: 600px;
margin-left: auto;
margin-right: auto;
}
#main   {
width: 720px;
margin-left: auto;
margin-right: auto;
}



#navigation {
text-align: center;
color: #000000;
font-weight: 300;
background-color: #cccccc;
border-color: #000000;
border-style: solid;
border-width: thin;
}

.superimpose {
position: relative;
display: block;
top: -530px;
left: -25px;
z-index: 2;
text-align: right;
color:  #000000;
font-weight: 500;
}

#text {
text-align: left;
color: #000000;
font-weight: 300;
padding: 5px;
background-color: #cccccc;
border-color: #000000;
border-style: solid;
border-width: thin;
}


#fiction {
text-align: left;
color: #000000;
font-weight: 300;
width: 600px;
margin: 20px;
padding: 20px;
margin-left: auto;
margin-right: auto;
background-color: #e7d1ba;
}



h4   {
font-size:  120%;
margin-left: 0px;
text-align:  left;
color:  #000000;
}


h3   {
font-size:  120%;
margin-left: 0px;
text-align:  right;
color:  #000000;
}

h2   {
font-size:  140%;
margin-left: 0px;
text-align:  center;
color:  #000000;
}

a:link  {
color:     #000000;
text-decoration: underline;
border: none;
}

			
a:visited  {
color:     #000000;
text-decoration: underline;
border: none;
}

a:hover  {
color:     #000000;
text-decoration: none;
border: none;
}
			
a:active  {
color:     #000000;
text-decoration: underline;
border: none;
}