html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
body {
	background-color: #884C1A;
	font-size: medium;
	color: #2e2d2c;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url('images/background.jpg');
	background-repeat: repeat-x;
}
body img {
	border: 0px;
	text-decoration: none;
}


h1, h2, h3 {
	background-color: inherit;
	color: #663300;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
	font-size: 150%;
}
h2 {
	font-size: 130%;
}
h3 {
	font-size: 100%;
}

a,  a:link {
	color: #884C1A;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #006600;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
#outerWrapper {
  background-color: #fff;
  width: 740px;
  text-align: left;   margin: 10px auto 10px auto; 
}

#outerWrapper #sitename {
	background-position: center center;
	background-color: #ffffff;
	text-align: center;
	font-size: 2em;
	padding: 0px;
	margin: 0px;
	border-top: 2px solid #44260D;
	border-bottom: 2px solid #44260D;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	background-image: url('images/family-genealogy-logo3.gif');
	background-repeat: no-repeat;
	height: 85px;
}

#outerWrapper #header {
	height: 200px;
	padding: 0px 20px 0px 0px;
	border-bottom: solid 1px #826a50;
	background: #B56523 url('images/tree-masthead.jpg') no-repeat;

}
#outerWrapper #topNavigation {
	background-color: #44260D;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 7px 8px; /*padding inside each tab*/	
	border-right: 1px solid white; /*right divider between tabs*/	
	color: white;
	background: #44260D; /*background of tabs (default state)*/
}
.mattblacktabs li a:visited{
	color: #FFFFFF;
}
.mattblacktabs li a:hover, .mattblacktabs li.selected a{
	background: #884C1A; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

#outerWrapper #contentWrapper #content {
  padding: 10px 20px;
  margin: 0px; 
}
#outerWrapper #footer {
  background-color: #ffffff;
  border-top: solid 1px #b66524; 
  padding: 10px; 
  text-align:center;
}

#outerWrapper #footer p {
	margin-top: 0px;
	margin-bottom: 0px;
}
/*=============images =============*/
.imglft {
	float: left;
	padding: 5px;
}
.imgrgt {
	float: right;
	padding: 5px;
}