body {                                                  /*  , p, br, td, ul, li     */
	font-family: Verdana, Arial, sans-serif;
	/* xxfont-size:9pt; */
	font-size:90%;
}


 /****************** */
 /* for Adventure Stories (AS) */
 
.headline-as {  /* master, headline at top */
	margin: 0px 50px 0px 60px;  /* top, right, bottom, left */
	font-weight:bold;
	color:blue; 
          }

.dropcap-as {  /* master  */
	/*float: left; */ 
	font-size: 1.7em;
	margin: 0px 2px -0px 0px; /* 0 0.15em 0 0; */ 
	padding: 0px 3px 0 3px;   /* 0 0.15em 0 .1em;  inside the box  */
	/*padding:10px 10px 10px 10px; /* top, right, bottom, left */ 
	/*margin: 0px 0px 0px 0px;  /* top, right, bottom, left */
	/*margin: 0px 0px 0px 15px;  /*top, right, bottom, left */
	background: #90ee90;
	border: 3px outset #2e8b57;
}

	/*Margins push the content away from the outsides of the image.*/		
	/*padding: inside space between the element border and the element content. */						

.day-as {  /* i-entry  */
	font-size:100%; 
	font-weight:bold; 
	color:blue;
}

.subtitle-bar-as {  /* i-entry, subtitle in bar across top  */
	font-size:130%;
	font-weight:bold;          
	color: #800000; /* blue; */
         }

.header-bar-as {  /* i-entry, bar across top  */
	font-size:100%;
	text-align: center; 
	background-color:#ffccff;  /* #ffff99; */ 
	border-right: 2px dotted #2e8b57; 
	border-bottom: 2px dotted #2e8b57;
}

	/*Margins push the content away from the outsides of the image.*/		
	/*padding: inside space between the element border and the element content. */						
.floatRight-photos-as {  /*f-flash2, photos */
	float: right;
	xxwidth:275px;
	margin: 10px 20px 10px 10px; /* margins outwards top, right, bottom, left*/
	padding:8px 20px 5px 8px; /* padding inwards top, right, bottom, left */
	background-color: #ddd;
	border:1px red solid;  
	text-align:center;
	clear: right; /* No floating elements allowed on the right side */
}

.floatLeft-photos-as {  /*f-flash2, photos */
	float: left;
	xxwidth:275px;
	margin: 10px 20px 10px 0px;  /* stand-off: top, right, bottom, left */
	padding:8px 20px 5px 8px;   /* top, right, bottom, left */
	background-color: #ddd;
	border: 1px red solid;
	text-align:center;  
	clear: left; /* forces all right floating items to appear below any previous right floating items.*/
}

.center-as {   /*  dosn't work in firefox */
	/*  not used  */
	xxfloat: left;
	xxwidth:275px;
	xxtext-align:center;
	xxmargin: 10px 10px 10px 10px;  /* top, right, bottom, left */
	padding:10px 10px 10px 10px;   /* top, right, bottom, left */
	background-color: #ddd;
	border: 1px solid black;  
	xxclear: all;  /* forces all right floating items to appear below any previous right floating items.*/
}

p.as {  /*  not used  */
	margin-top: 0;
/*the top of the paragraph of text and the div containing the image did not line up. This was due to a margin on top of the paragraph.*/
}

.caption-as {  /*f-flash2, photos */
	color:maroon;
	margin: 0px 0px 0px 0px;  /* top, right, bottom, left */
	padding:0px 0px 0px 0px;   /* top, right, bottom, left */
}
 
.quote {
	font-size:90%;
	color:#660000;
	background-color: #fffaf0;
	border: 2px dotted #800080;
	/*border-left: 1px dotted #800080;*/
	/*border-bottom: 1px dotted #800080;*/
	margin-left: 0px;
	padding:5px;
	/*margin-bottom:-3;*/
}

.formbutton-as {  /* f-toc  Hello-America */
	xxbackground-color: #deb887;
	/* xxmargin-bottom:0; */
	padding:0;
	font-size:85%; 
	/*xxborder-width:4px; */
}

.menu-as {  /* i-header */
	font-size:73%; 
	xxfont-weight:bold;
	xxcolor:Peru;
	xxtext-align:left;
	text-decoration: none;
	background-color: #f0ffff;
	border: 1px solid #333;
	/*width: 110pt;*/
	xxline-height : 120%;
	xxmargin: 2pt 0px -0pt 0px;  /* top, right, bottom, left    IE and Opera*/
	xxpadding:-0pt 0px -0pt 0px;   /* top, right, bottom, left   Mozilla and NN7*/
	clear: all; /* forces all right floating items to appear below any previous right floating  items.*/
}

.float_left_side_menu {  /*  used by index.shtml, sitemap.php, f-master.php */
	float: left;
	white-space:nowrap;  /* keeps the line from breaking */
	xxfont-size:78%; 
	xxfont-weight:bold;
	xxbackground-color: #fffacd;
	xxwidth:200px;
	xxtext-decoration: none;
	xxmargin: 0px 1px 0px 0px;  /*10px 10px 20px 10px;  top, right, bottom, left */
	xxpadding:0px 0px 0px 0px;  /* 10px 10px 5px 10px;top, right, bottom, left */
	XXborder: 1px solid #800080;
	clear: left; /* forces all right floating items to appear below any previous right floating items.*/
}

.menu_items_left {         /*  used by sitemap and f-toc   */
	xxfont-size:75%;   /* controlled by float_left_side_menu */
	xxfont-weight:bold;
	xxcolor:Peru;
	xxtext-align:left;
	text-decoration: none;
	xxbackground-color: #fffacd;
	border: 1px solid #996633;  /*#333;*/
	/*width: 110pt;*/
	xxline-height : 120%;
	xxmargin: 2pt 0px -0pt 0px;  /* top, right, bottom, left    IE and Opera*/
	xxpadding:-0pt 0px -0pt 0px;   /* top, right, bottom, left   Mozilla and NN7*/
	xxclear: all; /* forces all right floating items to appear below any previous right floating  items.*/
}

.float_right_side_menu {  /*  not used  */
	float: right;
	xxfont-size:50%; 
	xxfont-weight:bold;
	xxtext-align:right;
	xxwidth:100px;
	xxtext-decoration: none;
	margin: 0px 1px 0px 0px;  /*10px 10px 20px 10px;  top, right, bottom, left */
	padding:0px 0px 0px 0px;   /* 10px 10px 5px 10px;top, right, bottom, left */
	background-color: #FFFAF0;
	xxborder: 1px solid #800080;  
	xxclear:left; /* forces all right floating items to appear below any previous right floating items.*/
}
   
 /****************** */

.blog {  /* no longer used */
	background-color: wheat;
}
	

#page {  /* id=(\\)?"page   or page-look */
	margin: 00px 30px 20px 00px;    /* top, right, bottom, left*/
	line-height: 110%;
}
	
#contentRight {  /* border-left */
	border-left: 1px solid gray;
	xxborder-bottom: 1px dashed gray;
	margin: 15px 0px 0px 40px;  /* top, right, bottom, left*/
	padding:0px 0px 0px 20px;   /* top, right, bottom, left */
}	

#contentLeft {
	border-right: 1px dashed gray; 
	xxborder-bottom: 1px dashed gray;
	margin: 0px 40px -0px 0px;  /* top, right, bottom, left*/
	padding:0px 20px 0px 0px;   /* top, right, bottom, left */
}	


	
a:link {
	color:Blue;
	/* text-decoration:none; */
	}

a:visited, a:active {
	color:Red;
	/* text-decoration: none; */
	}

a:hover { 
	color:Yellow;
	background:Blue;
	text-decoration:underline;
	}


h1,h2,h3,h4 {
	color: #008b8b;
	font-weight:bold;
}

h1 {
	font-size:160%;
	text-align:left;
	line-height:90%;
	}

h1.center {
	text-align: center;
}

h2{
	font-size:120%;
	text-align:left;
	margin: 0px 0px 0px 0px;  /* top, right, bottom, left*/
	padding:0px 0px 0px 0px;   /* top, right, bottom, left */
	}

h2.center{
	text-align:center;
	}

h3{
	font-size:110%;
	text-align:left;
	margin: 0px 0px 0px 0px;  /* top, right, bottom, left*/
	padding:0px 0px 0px 0px;   /* top, right, bottom, left */
	}

h3.center{
	text-align:center;
	}

h4{
	font-size:100%;
	text-align:left;
	margin: 0px 0px 0px 0px;  /* top, right, bottom, left*/
	padding:0px 0px 0px 0px;   /* top, right, bottom, left */
	}

h4.center{
	text-align:center;
	}