body {
		 text-align: center;
		 min-width: 800px;
		 font-family: thames;
		 font-size: 14pt;
		 color: #333000;
		 background-color: #fffe92;
		 background-image: url(backgradient.jpg);
		 background-repeat: repeat-x;
		}
		
#outside {
		background-color: #87782a; 
		width:800px;
		height: auto;
		margin:0px auto;
		padding:6px;
		background-image: url(genealogyimages/genealogyback.jpg);
    background-position: 6px 98px;
		background-repeat: no-repeat;
		border:0px dashed brown;
		overflow: visible;
		}
	
#title {
		border:3px solid #ffff99;
		height:90px;
		background-image: url(titleback2.jpg);
		overflow: auto;
		margin-left: 0px;
		margin-right:0px;
		}

#menu {
		border: 0px solid gray;
		height: 26px;
		padding-top:15px;
		padding-bottom:10px;
		clear: both;
		margin-left: 82px;
		margin-right: auto;
		margin-bottom: 8px;
		overflow: visible;
		text-align: center;
		}
		
#menu div {
    float:left;
		padding-left: 10px;
		padding-right: 10px;
		}	
		
#content {
		margin-top:5px;
		text-align: center;
		}

#content div {
		font-family: "Verdana", arial, sans-serif;
		font-weight: normal;
		font-size: 10.5pt;
		letter-spacing: 0px;
		word-spacing: 0px;
		line-height: 25px;
		color: #403100;
		}
		
#acontent {
    clear: both;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		padding-bottom: 8px;
		background-color: #fafaae;
		border: 3px solid #3d2500;
		width: 650px;
		text-align: left;
			}
			
#frame1 {
		float: left;
    border: 1px solid black;
		margin-top: 10px;
		margin-left: 6px;
		margin-right: 10px;
		background-color: #f1edb0;
		padding: 6px;
			}
	
#portrait1 {
  	border: 1px solid black;
		width: 78px;
		height: 96px;
		background-image: url(genealogyimages/car1.jpg);
		background-position: center;
		background-repeat: no-repeat;
		}	
		
#resources {
		margin: 20px 10px 10px 20px;
		}	
		
.book {
    float: left;
		padding-right: 10px;
		}		
		
#ccontent {
    clear: both;
		margin-top: 20px;
    margin-left: auto;
		margin-right: auto;
	  padding-bottom: 8px;
		background-color: #fafaae;
		border: 3px solid #3d2500;
		width: 750px;
		text-align: left;
			}
			
#books {
		margin: 20px 10px 10px 20px;
		text-align: left;
		}	
		
ul.booklist {
    line-height: 30px;
		type: disk;
		}

		
			
#footer {
		color: #403100;
		text-align: center;
		font-size: 10pt;
		font-family: arial;
		margin-top: 20px;
		width:750px;
		height: 35px;
		overflow: visible;
		margin-left: auto;
		margin-right: auto;
		}

#bottom {
		clear: both;
		position-top: 0px;
		height: 10px;
		}

	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.thumbnail{
position: relative;
z-index: 0;
text-decoration: none;
color: #ffff99;
font-weight: bold;
}

a.thumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration: underline;
color: #412b00;
font-weight: bold;
}

/*these are classes to define the main text*/

.head {
			 	font-weight: bold;
				font-size: 24pt;
				font-family: "ohio script", arial, sans-serif;
				}
				
.subtitle {
        font-weight: bold;
				font-style: italic;
				text-align: center;
				}
				
p.infoleft {
        text-align: left;
				margin-top: 5px;
				}
				
p.infocenter {
        text-align: center;
				margin-top: 5px;
				}

span.colorit {
        color: #f2652e;
				}
				
a.internal {
        color: #977f18;
				font-weight: bold;
				text-decoration: none;
				}

a.internal:hover {
				color: #ffff99;
				font-weight: bold;
				text-decoration: underline;
  			}
				
a.endlinks {
				text-decoration: none;
				color: #412b00;
				font-weight: bold;
				}
				
a.endlinks:hover {
        text-decoration: underline;
				}

a.toinfo {
        color: black;
				font-weight: bold;
				text-decoration: none;
				}

a.toinfo:hover {
				color: #977f18;
				font-weight: bold;
				text-decoration: underline;
  			}
				
a.tolist {
        color: #977f18;
				font-weight: bold;
				text-decoration: none;
				}
				
a.tolist:hover {
        color: #403100;
				font-weight: bold;
				text-decoration: underline;
				}		
				
.newsletter {
				color: black;
				font-family: arial, sans-serif;
				font-weight: normal;
				font-size: 9pt;
				letter-spacing: 0px;
				word-spacing: -1px;
				line-height: 20px;
				}
