/* CSS Document */

    html 
		{font-size: 100% ;
		}
	body {
	border-color: #c00 ;
	border-right-color: #cc0 ;
	border: thick ;
	background-image: url(http://www.hopetillman.com/images/teal.gif); 
	background-repeat: repeat ; 
	color: #069 ;
	background-color: #ccffff ;
	font-family: Verdana, sans-serif ;
	font-size: 1em ;
}
	h1 {
		color:#096 ; background-color: inherit ;
		text-align: center ;
	}
	h2  {
	text-align: left ;
	font-size: 1.5em ;
			}
	h2.centered
		{
	text-align: center;
	font-size: 2em;
		}
	#bodyleft {
		background-image: url(http://www.hopetillman.com/images/teal2.gif);
		background-repeat: repeat-y ;
		color: #030 ; background-color: #069 ;
		width: 20% ;
		float:left ;
		padding-right: 3em ;
				}
	#content {
		color: #030 ; background-color: #cff ;
		width: 48%;
		float: left;
		padding: 3em 2em 2em;
		margin-top: 1em;
				}
	#content2 { /* to differentiate the wider body of the internal pages */
	color: #069;
	background-color: #cff;
	width: 60%;
	float: left;
	padding: 2em;
				}
	#bodyright1 {  /* for index.html page */
		color: #030 ; background-color: #069 ;
		width: 20% ;
		float:left ;
	}
	
	#bodyright { /* to differentiate the narrower right margin of the internal pages */
		color: #030 ; background-color: #069 ;
		width: 8% ;
		float:left ;
	}

	.italic
		{
			font-style: italic ;
		}
	img.header /* centered hope's happy home page image */
		{
			display: block ;
			width:  400;
			height: 84px ;
			margin: 0 auto ;
			text-align: center ;
	
		}
		
	li.left /* left hand navigation toolbar */
	{
	border:double;
	color: #006699;
	background-color: #ccffff;
	list-style: none;
	padding: 3em 2em 3em;
	font-weight: bold;
	margin-bottom: 2em;
		}
	li.right /*right hand column of index page */
	{color: #cfc;
	background-color: #069;
	list-style: none;
	padding: 2em 0 2em 2em ;
		}
	h2 > li
		{
		list-style-type: none ;
		padding: 2em ;
		}

	li li
		{
		list-style-type: none ;
		font-size: .9em ;		}


a:link {
	font-weight: bold;
	text-decoration: underline ; 
	color: #069 ;
	background-color: #ccffcc ;
}

h4.dark
{font-family: "Comic Sans MS", cursive ;
	color: #000000; 
	background-color: inherit ;
	text-decoration: underline ;
	font-weight: bold ;
}
a:link {
	font-family: "Comic Sans MS", cursive ;
	color: #006699;
	background-color: #ccffcc ;
	text-decoration: underline ;
}


a:visited {
	font-family: "Comic Sans MS", cursive ;
	color: #006699;
	background-color: #ccffcc ;
	text-decoration: underline ;
}

a:hover {
	font-family: "Comic Sans MS", cursive ;
	color: #000000 ; 
	background-color: #ffffff ;  
	text-decoration: underline ;
}

a:active {
	font-family: "Comic Sans MS", cursive;
	font-weight: bold;
	text-decoration: underline;
	color: #006699;
	background-color: #ccffcc;
}


.line-height {
	line-height: 5em ;
}

.mail { /* just above copyright statement on all */
	color: #009 ;
	background-color: inherit ;
	font-weight: bold ;
}
		
.overline /* for copyright statement at bottom body of pages */
{
	text-decoration:overline ;
	font-variant: small-caps ;
	font-size: .8em;
}
table.gen /* for genealogical resources table document */ 
{
	vertical-align: top;
	border-color: #363 ;
	border-width: .5em ;
	border-style: solid ;
	}

table.gen1 /* for genealogical resources table document */ 
{
	vertical-align: top ;
	border-color: #363 ;
	border-width: .2em ;
	border-style: solid ;
	
}

table.gen1 td { /* for genealogical resource table document */ 
	vertical-align: top ;
	border-color: #363 ;
	border-width: .1em ;
	border-style: solid ;
	padding: 10px ;
	line-height: 1.2em ;
}
table.gen1 td:first-line /* for genealogical resource table document */ 
{	font-style: italic ;
}
 td.category { /* for genealogical resource table document */ 
      font-size: 24px ;
      font-variant: small-caps ;
  }
  td.place { /* for genealogical resource table document */ 
      font-size: 18px ;
      color: #363 ;
      background-color: #6F3 ;
            }
  td.surname { /* for genealogical resource table document */ 
      font-size: 18px ;
      color: #630 ;
      background-color: #FFC ;
  }
  .title { /* for resource genealogical table document */ 
	  font-style: italic ;
  }

p.indent
{margin-left: 1.5em;
}

img.right 
{
	text-decoration: none ; 
	color: #000000 ;
	background-color: #069 ;
}
.size {
	width: 90px;
}