/*CSS Document */
body {color: #000000; background-color: #feeed6;}
body.story {color: #000000; background-color: #0099ff;}	
body.index {color: #000000; background-color: #ccccff;}
#container {
	width: 720px;
	margin-left: 50px;
	color: #000000;	
	background-color: #0099ff;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0;
	text-align : center;}
#ladyG {
	width: 95%;
	color: #000000;	
	background-color: #ccccff;
	margin-left: auto;
	margin-right: auto;}
#ladyG img.left{
	float: left;}
#ladyG img.right{
	float: right;} 
#ladyG h1{
	font-family: "comic sans ms",Georgia, "Times New Roman", Times, serif;
	font-size: 250%;
	text-align: center;
	margin: .5em;
	padding: 0;}
#ladyG h2{
	font-family: "comic sans ms",Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	text-align: center;
	margin: .25em;
	padding: 0;}	
#ladyG p{
	font-family: "comic sans ms",Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 125%;
	text-align: center;
	margin: 1em;
	padding: 2px;} 
#ladyG p.note{
	font-family: "comic sans ms",Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 110%;
	text-align: center;
	margin: 5px;
	padding: 1px;} 
#story {
	width: 75%;
	color: #000000;	
	background-color: #0099ff;
	margin-left: auto;
	margin-right: auto;}
#story h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 200%;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 1em;}
#story h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 1em;}	
#story p {
	font-family: "comic sans ms",Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 125%;
	text-align: justify;
	text-indent: 3em;
	margin: 1em;
	padding: 0;}
#story p.separator {
	text-indent: 0;
	text-align: center;
	clear: both;}
#info {
	width: 95%;
	color: #000000;	
	background-color: #ccccff;
	margin-left: auto;
	margin-right: auto;}
#info h1{
	font-family: "comic sans ms",Georgia, "Times New Roman", Times, serif;
	font-size: 250%;
	text-align: center;
	margin: .5em;
	padding: 0;}
#info h2{
	font-family: "comic sans ms",Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	text-align: center;
	margin: .25em;
	padding: 0;}	
#col1{
	font-family: "comic sans ms",Georgia, "Times New Roman", Times, serif;
	font-size: 100%; 
	position: absolute;
	left: 0%;
	width: 25%;
	line-height: 125%;
	text-align: left;
	margin: 1em;
	padding: 2px;
	border-style: double;
	border-color: white;
	border-width: 3px;
	} 
#col2{
	font-family: "comic sans ms",Georgia, "Times New Roman", Times, serif;
	font-size: 100%; 
	position: absolute;
	left: 26%;
	width: 74%;
	line-height: 125%;
	text-align: left;
	margin: 1em;
	padding: 2px;} 
#info p.note{
	font-family: "comic sans ms",Georgia, "Times New Roman", Times, serif;
	font-size: 75%;
	line-height: 85%;
	text-align: center;
	margin: 5px;
	padding: 1px;} 
#col2 p {
	font-family: "comic sans ms",Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 125%;
	text-align: justify;
	text-indent: 3em;
	margin: 1em;
	padding: 0;}