@charset "utf-8";
/* CSS Document */
	html 
		{font-size: .9em;
		}
	body {
	border-color: #c00 ;
	border-right-color: #cc0 ;
	border: thick ;
	background-image: url(http://www.hopetillman.com/html2/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 {
	color: #069; background-color: inherit;
}
	#bodyleft {
		background-image: url(http://www.hopetillman.com/html2/teal2.gif);
		background-repeat: repeat-y ;
		color: #030 ; background-color: #069 ;
		width: 20% ;
		float:left ;
		padding-right: 3em ;
				}
	#content2 { /* to differentiate the wider body of the internal pages */
	color: #000000;
	background-color: #cff;
	width: 60%;
	float: left;
	padding: 2em;
				}
	
	#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: 400px ;
			height: 84px ;
			margin: 0 auto ;
			text-align: center ;
		}
	li.left
	{
	border:double;
	color: #006699;
	background-color: #ccffff;
	list-style: none;
	padding: 3em 2em 3em;
	font-weight: bold;
	margin-bottom: 2em;
		}
			
	li.right
	{color: #cfc;
	background-color: #069;
	list-style: none;
	padding: 2em 0 2em 2em ;
		}

a:link {
	font-weight: bold;
	text-decoration: underline ; 
	color: #069 ;
	background-color: #ccffcc ;
}


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 {
	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 
{
	vertical-align: top;
	border-color: #363 ;
	border-width: .5em ;
	border-style: solid ;
	}

table.gen1 
{
	vertical-align: top ;
	border-color: #363 ;
	border-width: .2em ;
	border-style: solid ;
	
}

table.gen1 td {
	vertical-align: top ;
	border-color: #363 ;
	border-width: .1em ;
	border-style: solid ;
	padding: 10px ;
	line-height: 1.2em ;
}
table.gen1 td:first-line
{	font-style: italic ;
}

p.indent
{margin-left: 1.5em;
}

td.one {
	width: 15em;
	font-size: .9em;
	}
td.two {width: 2.5em;
	}
td.three {width: 31.3em;
	}
.centered {text-align: center;
	}
#centered, table.centered {
		margin-left: auto;
		margin-right: auto;
	}
table.gen1
{
	border: 1px;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}
table td.gen1
{
	text-align: center;
	padding: 2em;
	
}
.gensmall
{	font-size: .8em;
}
#content2 .gen1 tr td {
	font-size: 0.9em;
}

