body {
	width:	auto;
	text-align: center;
	/*  background-color: #E6F2FF;  lightest blue  */
		/* background-color: navy;   navy blue */
	 /*   background-color: #FFF; lightest grey */
	 /*   background-color: black; 	 black */
	 	 /*   background-color: whtiesmoke; 	 whitesmoke */
	/* background-color: #52C99F;   Mark's fav green  */
	/*  background-color: #35503B;    dark green */
	/* 	background-color: #488955;    med green */
	/* background-color: #F3FFF3;   very lightest sage almost white   */
/* background-color: #D5FFD5;   light sage 1  */
/* background-color: #CBF8CB;  light sage 2   */
/* background-color: #B7E4B7;   lightsage 3   */
/* background-color: #8FBC8F;   light sage 4 Jean's favorite sage  */
/* background-color: #679467;   darker sage   */
	background-color: #8FBC8F; /* light sage 4 Jean's favorite sage  */
	font-family: Garamond, Calisto MT, Georgia, Verdana, Arial, Helvetica, Helv;
	}
	
/*   ------------- basic utilities --------------  */
.clearboth { 
	display: block;
	clear: both;}

.right { float:right; }
.left {	float:left; }	

/*  --- a container to center all things inside it - wHAT A JOKE! -- */
div.centerall {
		text-align: center;
		margin-left: auto; 
		margin-right: auto;
		}
/*  --- to center a table!!!!  -- */
.centerall table
{ 
margin-left: auto;
margin-right: auto;
}

/*  ~~~~~~~~~~ LINKING ~~~~~~~~~~ */

a:link{
text-decoration:none;
color:navy;
}

a:visited{
text-decoration:none;
color:#9932CC;
}

a:active{
text-decoration:none;
color:#006;
}

a:hover{
text-decoration:none;
color:#FC0;
background:navy;
}

a.offsite{
text-decoration:none;
color:#F63;
background:#006;
}
/*  ~~~~~~~~~~ END: LINKING ~~~~~~~~~~ */

/*  ~~~~~~~~~~ TEXT ~~~~~~~~~~ */


/*    currently set to red  --- used in quick summary */
.dropcap	  {
	float:left;
	font-style: normal;
	color:firebrick;
	font-size:80px;
	line-height:60px;
	margin-top:0px;
	padding-top:2px;
	font-family: Garamond, Georgia, Times, serif;	
	} 
/*    currently set to red brick   */	

	
.pullquote {
	width:30%;
	padding:8px;
	border:2px solid #488955;
	font-size:1em;
	font-style: italic;
	font-weight: bold; 
	margin:15px;
	background-color:white;	
	}
	

/*  ---------------- special items for Lotz doll pages ------------ */

#quickSummary {
                  margin: 20px 20px 20px 10px; 
                  padding: 5px;
                  width: 180px; 
                  float: left;
}
#quickSummary p {
                  color: navy;
                  font: italic .9em / 1.8em georgia; 
				  font-weight: bold;
                  text-align: left;
                  text-indent: 0
}
#quickSummary, #quickSummary p {
					background-color: #E6F2FF; /*  lightest blue  */
	            /* background-color: #8FBC8F;     great sage green */
                /*   background-color: #F8F7EF;   cream color   */
}	


	
	/*  ~~~~~~~~~~  END TEXT ~~~~~~~~~~ */

#container
{
	clear:both; 
	border: 1px solid gray;
	/*  background-color: #D5FFD5;  light sage 1  */
	/* background-color: whitesmoke;   */
	background-color: white;  /*  */
	color: #333;   /*    --- dark grey text -----  */
	width: 95%;
	margin-left: auto; 
	margin-right: auto;
	/*  padding: 10px;    */
	text-align: left;
    line-height: 130%;
	letter-spacing: 1px;	
}


#top /* ---------- tippy top - banner area ---------- */
{
padding: .5em;
	background-color: #D5FFD5; /*   light sage 1  */
/* background-color: #ddd;  grey     */
		background-image: url(./images/banner2.jpg);
		background-repeat: no-repeat;
		background-position: right center;
		height: 100px;  /* height of image  */
	 /* 		background-image: url('dollpag.jpg');
		background-repeat: no-repeat;
		background-position: right center;
		background-attachment: fixed   */
}

#top h1
{
		color: navy;
		font-weight: bold;
		padding: 1px;
		margin: 1px;
}

#top h3
{
		color: black;
		font-weight: bold;
		padding: 1px;
		margin: 1px;
		margin-top: 5px;
}



.lastupdate {
                  /* background-color: navy;   navy blue */
				  /*  background-color: #35503B;    dark green */
				  background-color: #488955;   /*  med green */
                  color: white;
				  font-weight: bold;
                  font-size: .8em;
                  line-height: .8em;
                  text-decoration: none;
                  text-align: center;
				  padding: 4px;
				  border-bottom: 2px solid yellow;
}


#headbox1 {	 	 /* ---------- page title area ---------- */
                  /* background-color: #CCE4FF;   blue grey */
				  background-color: #488955;   /*  med green */
				  padding: .5em;
				  font-weight: bold;
				  text-align: center;
}
#headbox1 h1, #headbox1 h2
{
color: white;
padding: 2px;
margin: 1px;
}

/* -------------- advertising areas -----------------*/
#gsearch  /* ------google search and  */
{
	width:	auto;
	text-align: center;
	/* background-color: #E6F2FF;  lightest blue  */
	background-color: #CBF8CB; /*  lightest sage 2  */
}

.backuportomenu {
				  background-color: white;
				  font-weight: bold;
				  text-align: center;
                  clear: both;
				  border-top: 2px solid #488955;
				  border-bottom: 2px solid #488955;
}

.leftbar
{
float: left;
width: 126px;
margin: 0;
padding: 4px;
text-align: center;
}

.rightbar
{
float: right;
width: 126px;
margin: 0;
padding: 4px;
text-align: center;
}

.rightbar, .leftbar { 
/* margin: 0 0 1em 0; */
				  background-color: whitesmoke; /* */
				 /*  background-color: #E6F2FF;   lightest blue  */
                  font-size: .7em;
                  text-align: center;
                  font-weight: bold;

}

.contents {   /* largest section for contents in the middle  */

background-color: #F3FFF3; /* very lightest sage - almost white */
margin-left: 134px;
border-left: 1px solid gray;
margin-right: 134px;
border-right: 1px solid gray;
padding: 1em;
max-width: 50em;
}

.contents p {
text-align: justify;
text-indent: 3em;
}

.contents li {text-align: justify;}

.article { }

.articletitle {
		color: navy;
		text-align: center;
		font-weight: bold;
		padding: 2px;
		margin: 2px;
		margin-top: 10px;
}


.articleby {
                  color: navy;
                  font-size: .75em;
                  text-align: center;
				  font-family: Arial, Helvetica, Helv, san-serif;
				  padding: 1px;
				  margin: 1px;
}


.qandabox {
                  	background-color: whitesmoke;
					border: 1px solid gray;
					padding: 1em;
}
.highlight {
                  	background-color: whitesmoke;
					border: 1px solid gray;
					padding: 1em;
}
.photobox {
	padding:8px;
	border:1px solid black;
	font-size:1em;
	margin:15px;
	background-color: white;
	}
.photocredits, .photocredits a {
	   font-size: .75em;
	   text-align: center;
		font-family: Arial, Helvetica, Helv, san-serif;
		line-height: 110%;
}

/*  spacing for the barn picture gallery */
img.barnpix  {
/* hspace=10; vspace=20;  */
margin-top: 20px;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}

/*  MENUS, AND FOOTERS  */


.basic_menu {
				  background-color: whitesmoke;
} 

.basic_menu, .basic_menu a {
                   font-size: .8em;
                  text-align: center;
                  font-weight: bold;
				  font-family: Arial, Helvetica, Helv, san-serif;
				  line-height: 110%;
 }

#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	color: #333;   /* dark grey text */
	background-color: #ddd;  /* mid grey */
	border-top: 1px solid gray;
}



.jeanfoot {
    font-size: 90%;
	vertical-align: middle;
	padding: 5px;
}

.jeanfoot p {
	text-align: justify;
}

/* ---------- not used? ---------------*/
/*   Table of Contents stuff   */
#PageTOC { }
	
#TOClist { }
/*   Table of Contents stuff   */

/* --- blockquote with images idea from mandarindesign.com --- */
blockquote.withquote {
	background:url(quoteblack.gif) no-repeat;
	background-position:top left;
	text-align: justify;
	padding-left:20px;
} 

p.withunquote {
	background: url(unquoteblack.gif) no-repeat;
	background-position:bottom right;
	padding-right:5px;
	}
	/* --- END: blockquote with images idea  --- */
.boxdropcap	 {
	margin-right:6px;
	margin-top:5px;
	float:left;
	background:firebrick;
	border:1px solid black;
	padding-top:2px;
	padding-right:5px;
	font-size:80px;
	line-height:100px;
	font-style: normal;
	font-family: Times, serif, Georgia;
	}	
	
 /* ========================= */ 
 /*printer styles*/ 
 @media print{ 
 
 body, p, td, th, ul {
	background-color: #fff;	
	color: #000;
	font-family: "Times New Roman", Garamond, serif;
	font-size: 12pt;}
a, a.visited {
	color: #369;
}
h1 { font-family: "Times New Roman", Garamond, serif; font-size: 18pt; }
h2 { font-size: 16pt; }
h3 { font-size: 14pt; }
h4 { font-weight: bold; }

a, #quickSummary, #quickSummary p, .articletitle, .articleby 
	{ color: black; }
#contents {width:100%;	background-color: white; float:none; border: none;}
#container { border: none;}
/*hide the left and right column when printing*/ 
#gsearch, #footer, .backuportomenu, .basic_menu, .rightbar, .leftbar, .noprint 
{display: none; border: none;}

.lastupdate { border-bottom: 1px solid gray; }				  
} /* end PRINT STYLES */